styling fixes
This commit is contained in:
parent
bdf1571637
commit
24d9fea44c
60
index.html
60
index.html
|
@ -1,31 +1,31 @@
|
||||||
<htmL lang="en">
|
<htmL lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>One cat per day!</title>
|
<title>One cat per day!</title>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
<link rel="stylesheet" href="https://api.fonts.coollabs.io/icon?family=Material+Icons">
|
<link rel="stylesheet" href="https://api.fonts.coollabs.io/icon?family=Material+Icons">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- omg.lol proven -->
|
<!-- omg.lol proven -->
|
||||||
<!-- proven.lol/a38991 -->
|
<!-- proven.lol/a38991 -->
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<div class="greeting">
|
<div class="greeting">
|
||||||
<h1>One cat per day!</h1>
|
<h1>One cat per day!</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
<a href="rss.html" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">rss_feed</span><span>Subscribe via RSS</span></button></a>
|
<a href="rss.html" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">rss_feed</span><span>Subscribe via RSS</span></button></a>
|
||||||
<a href="https://git.32bit.cafe/zepp/onecatper.day" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">terminal</span><span>Check out the code</span></button></a>
|
<a href="https://git.32bit.cafe/zepp/onecatper.day" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">terminal</span><span>Check out the code</span></button></a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<!-- a more descriptive alt text is not possible, I can only know ahead of time that one or more catss will be in the image -->
|
<!-- a more descriptive alt text is not possible, I can only know ahead of time that one or more catss will be in the image -->
|
||||||
<img class = "cat-img" src=img/cat2024-07-26-06:00:03.jpg alt="A picture of a cat">
|
<img class = "cat-img" src=img/cat2024-07-26-07:12:53.jpg alt="A picture of a cat">
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<p>Made by <a href="https://zepp.omg.lol" target="_blank" rel="noopener noreferrer">zepp</a> for the love of cats. </p>
|
<p>Made by <a href="https://zepp.omg.lol" target="_blank" rel="noopener noreferrer">zepp</a> for the love of cats. </p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</htmL>
|
</htmL>
|
12
style.css
12
style.css
|
@ -3,10 +3,6 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -14,8 +10,8 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
height: 15%;
|
|
||||||
width: auto;
|
width: auto;
|
||||||
|
margin: auto 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
header, footer {
|
header, footer {
|
||||||
|
@ -61,12 +57,12 @@ main {
|
||||||
background-color:#9a6db6;
|
background-color:#9a6db6;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
height: 70%;
|
margin: auto 0;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cat-img {
|
.cat-img {
|
||||||
height: auto;
|
height: 510px;
|
||||||
width: auto;
|
width: auto;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
border: 5px solid #6d5a8c;
|
border: 5px solid #6d5a8c;
|
||||||
|
@ -74,7 +70,7 @@ main {
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 15%;
|
margin: auto 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer p {
|
footer p {
|
||||||
|
|
Loading…
Reference in New Issue