moanos/Notfellchen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(rss): Beautify

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/fellchensammlung/static/fellchensammlung/css/rss-styles.css
View File

@ -22,6 +22,12 @@ body {
flex-direction: column; flex-direction: column;
background-color: var(--background-one); background-color: var(--background-one);
color: var(--text-one); color: var(--text-one);
margin: 0;
height: 100%;
}
.content {
margin: 10px;
} }
@ -71,3 +77,14 @@ a {
height: 1.5rem; height: 1.5rem;
width: 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%;
}

22
src/fellchensammlung/static/rss.xsl
View File

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