diff --git a/public/xsl/basic.xsl b/public/xsl/basic.xsl
index 5a3cdc7..2ec6c2e 100644
--- a/public/xsl/basic.xsl
+++ b/public/xsl/basic.xsl
@@ -13,23 +13,49 @@
       <link rel="stylesheet" href="../css/webfonts/webfonts.css"/>
     </head>
     <body>
-      <p>
-        This is an RSS feed. Subscribe by copying the URL from the address bar into your newsreader. Don't have a newsreader? Visit
-        <a href="https://aboutfeeds.com">About Feeds</a>
-        to learn more and get started. It’s free.
-      </p>
-      <h1>RSS Feed Preview</h1>
-      <h2>Recent blog posts</h2>
-      <xsl:for-each select="/atom:feed/atom:entry">
-        <h3><a>
-          <xsl:attribute name="href">
-            <xsl:value-of select="atom:link/@href"/>
-          </xsl:attribute>
-          <xsl:value-of select="atom:title"/>
-        </a></h3>
-        Last updated:
-        <xsl:value-of select="substring(atom:updated, 0, 11)" />
-      </xsl:for-each>
+			<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>. It’s 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>
+				<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" />
+									</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>
+			</main>
     </body>
     </html>
   </xsl:template>
