<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version= "3.0" xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
xmlns:atom="http://www.w3.org/2005/Atom">
<xsl:output method= "html" version= "1.0" encoding= "UTF-8" indent= "yes" />
<xsl:template match= "/" >
<html xmlns= "http://www.w3.org/1999/xhtml" lang= "en" >
<head >
<title >
<xsl:value-of select= "/atom:feed/atom:title" /> • Feed
</title>
<meta charset= "utf-8" />
<meta http-equiv= "content-type" content= "text/html; charset=utf-8" />
<meta name= "viewport" content= "width=device-width, initial-scale=1" />
<link rel= "stylesheet" href= "/main.css" />
</head>
<body >
<div class= "content" >
<main >
<div class= "info-box" >
<strong > This is a web feed</strong> , also known as an Atom feed. <strong > Subscribe</strong> by copying the URL from the address bar into your newsreader. Visit <a href= "https://aboutfeeds.com" > About Feeds</a> to learn more and get started. It’ s free.
</div>
<section id= "banner-home-subtitle" >
<div class= "padding-top home-banner-header" >
<xsl:value-of select= "/atom:feed/atom:title" />
</div>
<p >
<xsl:value-of select= "/atom:feed/atom:subtitle" />
</p>
<a class= "readmore" >
<xsl:attribute name= "href" >
<xsl:value-of select= "/atom:feed/atom:link[2]/@href" />
</xsl:attribute>
Visit Website → </a> <p > </p>
</section>
<div class= "padding-top title-container section-title bottom-divider" >
Recent Posts
</div>
<div class= "bloglist-container" >
<xsl:for-each select= "/atom:feed/atom:entry" >
<section class= "bloglist-row bottom-divider" >
<div class= "date" >
<xsl:value-of select= "substring(atom:published, 0, 11)" />
</div>
<div class= "bloglist-content" >
<div class= "bloglist-title" >
<a >
<xsl:attribute name= "href" >
<xsl:value-of select= "atom:link/@href" />
</xsl:attribute>
<xsl:value-of select= "atom:title" />
</a>
</div>
<div class= "description" >
<xsl:value-of select= "atom:summary" />
</div>
<a class= "readmore" href= "" >
<xsl:attribute name= "href" >
<xsl:value-of select= "atom:link/@href" />
</xsl:attribute>
</a>
</div>
</section>
</xsl:for-each>
</div>
</main>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>