Moving the constant to two files caused the time drift I warned myself about but forgot. I shaved the seconds off of the constant as well since if it takes an hour between downloading the image and updating the feed and website, something out of my control is going on
30 lines
1.8 KiB
HTML
30 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<htmL lang="en">
|
|
<head>
|
|
<title>One cat per day!</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="https://api.fonts.coollabs.io/icon?family=Material+Icons">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<div class="greeting">
|
|
<h1>One cat per day!</h1>
|
|
</div>
|
|
<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="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>
|
|
</nav>
|
|
</header>
|
|
<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 -->
|
|
<img class="cat-img" src=img/cat2024-10-28-08:37.jpg alt="A picture of a cat">
|
|
</main>
|
|
<footer>
|
|
<p>Made by emma for the love of cats. </p>
|
|
</footer>
|
|
</body>
|
|
</htmL> |