Major styling update

This commit is contained in:
2024-02-26 20:59:34 -06:00
parent 69d7cd1da6
commit fcc91a17d4
98 changed files with 489 additions and 860 deletions

View File

@ -14,47 +14,48 @@
</head>
<body>
<main>
<p>
<i>This is an RSS feed. Subscribe by copying the URL from the address bar into your newsreader. Don't have a newsreader? <a href="../about-feeds/">Learn more and get started</a>. Its free.</i>
</p><hr />
<h1>RSS Feed Preview</h1>
<p class="nodropcap page-block">Here's the sort of thing you'll see in your newsreader when you subscribe. Done here? <a href="../">Go back to nathanupchurch.com</a></p>
<p class="nodropcap page-block">This is an RSS feed. Subscribe by copying the URL from the address bar into your newsreader. Don't have a newsreader? <a href="../about-feeds/">Learn more and get started</a>. Its free. Below is a preview of what you'll see in your newsreader when you subscribe. Done here? <a href="../">Go back to nathanupchurch.com</a></p>
<h2>Latest posts</h2>
<xsl:for-each select="/atom:feed/atom:entry">
<article class="postlist-item">
<a class="postlist-link">
<xsl:attribute name="href">
<xsl:value-of select="atom:link/@href"/>
</xsl:attribute>
<div class="post-image-container">
<img class="post-image">
<xsl:attribute name="src">
<xsl:value-of select="atom:image/atom:url" />
<section class="postlist">
<div class="postlist-item-container">
<xsl:for-each select="/atom:feed/atom:entry">
<article class="postlist-item">
<a class="postlist-link">
<xsl:attribute name="href">
<xsl:value-of select="atom:link/@href"/>
</xsl:attribute>
</img>
</div>
</a>
<div class="post-copy">
<a class="postlist-link">
<xsl:attribute name="href">
<xsl:value-of select="atom:link/@href"/>
</xsl:attribute>
<h3>
<xsl:value-of select="atom:title"/>
</h3>
</a>
<time class="postlist-date">
<xsl:attribute name="datetime">
<xsl:value-of select="substring(atom:updated, 0, 11)" />
</xsl:attribute>
<xsl:value-of select="substring(atom:updated, 0, 11)" />
</time>
<p>
<xsl:value-of select="atom:description" />
</p>
</div>
</article>
</xsl:for-each>
<div class="post-image-container">
<img class="post-image">
<xsl:attribute name="src">
<xsl:value-of select="atom:image/atom:url" />
</xsl:attribute>
</img>
</div>
</a>
<div class="post-copy">
<a class="postlist-link">
<xsl:attribute name="href">
<xsl:value-of select="atom:link/@href"/>
</xsl:attribute>
<h3>
<xsl:value-of select="atom:title"/>
</h3>
</a>
<time class="postlist-date">
<xsl:attribute name="datetime">
<xsl:value-of select="substring(atom:updated, 0, 11)" />
</xsl:attribute>
<xsl:value-of select="substring(atom:updated, 0, 11)" />
</time>
<p>
<xsl:value-of select="atom:description" />
</p>
</div>
</article>
</xsl:for-each>
</div>
</section>
</main>
</body>
</html>