refactor(rss): Beautify
This commit is contained in:
parent
cb3cf7e8c3
commit
f9aa0690d9
@ -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%;
|
||||
}
|
||||
|
@ -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 →
|
||||
</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>
|
||||
|
Loading…
Reference in New Issue
Block a user