Skip to content

Instantly share code, notes, and snippets.

@natclark

natclark/Simple XSL boilerplate for styling RSS feeds

Created September 4, 2021 06:48
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save natclark/bc4d993c2d5c70ab692b059a44a75882 to your computer and use it in GitHub Desktop.
Save natclark/bc4d993c2d5c70ab692b059a44a75882 to your computer and use it in GitHub Desktop.
Download ZIP
rss.xsl
Raw
Simple XSL boilerplate for styling RSS feeds
<?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" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">
<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" dir="ltr">
<head>
<title><xsl:value-of select="/rss/channel/title"/> RSS Feed</title>
<meta charset="UTF-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />
<meta http-equiv="content-language" content="en_US" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no" />
<meta name="referrer" content="none" />
<!-- FAVICONS CAN GO HERE -->
<style type="text/css">
body {
color: #222;
font-family: "Segoe UI", apple-system, BlinkMacSystemFont, Futura, Roboto, Arial, system-ui, sans-serif;
}
.container {
align-item: center;
display: flex;
justify-content: center;
}
.item {
max-width: 768px;
}
a {
color: #4166f5;
text-decoration: none;
}
a:visited {
color: #3f00ff;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<div class="item">
<header>
<h1>RSS Feed</h1>
<h2>
<xsl:value-of select="/rss/channel/title"/>
</h2>
<p>
<xsl:value-of select="/rss/channel/description"/>
</p>
<a hreflang="en" target="_blank">
<xsl:attribute name="href">
<xsl:value-of select="/rss/channel/link"/>
</xsl:attribute>
Visit Website &#x2192;
</a>
</header>
<main>
<h2>Recent Posts</h2>
<xsl:for-each select="/rss/channel/item">
<article>
<h3>
<a hreflang="en" target="_blank">
<xsl:attribute name="href">
<xsl:value-of select="link"/>
</xsl:attribute>
<xsl:value-of select="title"/>
</a>
</h3>
<footer>
Published:
<time>
<xsl:value-of select="pubDate" />
</time>
</footer>
</article>
</xsl:for-each>
</main>
</div>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment