zepp
/
onecatper.day
1
2
Fork 0
Code Issues Pull Requests Activity

styling changes

This commit is contained in:
emma 2024-07-26 07:22:04 -04:00
parent 24d9fea44c
commit f09f70fb02
2 changed files with 32 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
index.html
View File

@ -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-07:12:53.jpg alt="A picture of a cat"> <img class = "cat-img" src=img/cat2024-07-26-07:20:37.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>

3
style.css
View File

@ -62,7 +62,8 @@ main {
} }
.cat-img { .cat-img {
height: 510px; margin: 3px;
height: 500px;
width: auto; width: auto;
border-radius: 10px; border-radius: 10px;
border: 5px solid #6d5a8c; border: 5px solid #6d5a8c;