refactor(rss): Beautify

This commit is contained in:
moanos [he/him] 2024-05-30 13:50:26 +02:00
parent cb3cf7e8c3
commit f9aa0690d9
2 changed files with 210 additions and 191 deletions

View File

@ -22,6 +22,12 @@ body {
flex-direction: column;
background-color: var(--background-one);
color: var(--text-one);
margin: 0;
height: 100%;
}
.content {
margin: 10px;
}
@ -71,3 +77,14 @@ a {
height: 1.5rem;
width: 1.5rem;
}
.navigation-sticky {
background-color: var(--secondary-light-one);
color: var(--primary-light-one);
padding: 16px;
margin: 0;
border-bottom-right-radius: 8px;
border: none;
font-weight: bold;
width: 20%;
}

View File

@ -16,6 +16,15 @@
</head>
<body>
<main>
<div class="navigation-sticky">
<a>
<xsl:attribute name="href">
/
</xsl:attribute>
<b>Back to main site</b>
</a>
</div>
<div class="content">
<alert-box type="info">
<strong>This is an RSS feed</strong>. Subscribe by copying
the URL from the address bar into your newsreader. Visit <a
@ -24,7 +33,7 @@
</alert-box>
<div class="rss-summary">
<h1 class="flex items-start">
RSS Feed Preview
RSS Feed Preview - <xsl:value-of select="/rss/channel/title"/>
<svg
class="inline-icon"
version="1.1"
@ -185,18 +194,10 @@
id="path29-5"/>
</svg>
</h1>
<h2>
<xsl:value-of select="/rss/channel/title"/>
</h2>
<p>
<xsl:value-of select="/atom:feed/atom:subtitle"/>
</p>
<a>
<xsl:attribute name="href">
/
</xsl:attribute>
Visit Website &#x2192;
</a>
<h2>Adoption Notices</h2>
<xsl:for-each select="/rss/channel/item">
@ -216,6 +217,7 @@
</div>
</xsl:for-each>
</div>
</div>
</main>
</body>
</html>