RSS is ready from some testing I've done

This commit is contained in:
emma 2024-07-25 10:21:36 -04:00
parent 0f3188c4cd
commit 6fe6b03df2
3 changed files with 44 additions and 29 deletions

View File

@ -1,30 +1,29 @@
<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">
<!-- RSS isn't ready yet, so let's disable it since the site is public now -->
<!-- <a href="rss.xml"><button><span class="material-icons">rss_feed</span><span>Subscribe via RSS</span></button></a> -->
<a href="https://git.32bit.cafe/zepp/onecatper.day"><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-07-25-08:58:14.jpg alt="A picture of a cat">
</main>
<footer>
<p>Made by <a href="https://zepp.omg.lol">zepp</a> for the love of cats. </p>
</footer>
</body>
</htmL>
<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"><button><span class="material-icons">rss_feed</span><span>Subscribe via RSS</span></button></a>
<a href="https://git.32bit.cafe/zepp/onecatper.day"><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-07-25-08:58:14.jpg alt="A picture of a cat">
</main>
<footer>
<p>Made by <a href="https://zepp.omg.lol">zepp</a> for the love of cats. </p>
</footer>
</body>
</htmL>

3
rss-page.css Normal file
View File

@ -0,0 +1,3 @@
p {
font-size: 1.25em;
}

13
rss.html Normal file
View File

@ -0,0 +1,13 @@
<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="rss-page.css">
</head>
<body>
<h1>RSS Subsciption for onecatper.day</h1>
<p>Add the link below as a feed in your feed reader to be sent one picture of one, or maybe, a few cats per day. It will be only one image a day though!</p>
<p>https://onecatper.day/rss.xml</p>
</body>
</htmL>