<?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" id="root">
  <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>
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <meta name="description" content="RSS Feed" />
        <meta name="author" content="Jordin" />

        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://jord.in/rss.xml" />
        <meta property="og:title" content="Jordin's Blog" />
        <meta property="og:locale" content="en-US" />
        <meta property="og:description" content="RSS Feed" />
        <meta property="og:image" content="https://jord.in/logo.png" />
        <meta property="og:image:type" content="image/png" />
        <meta property="og:image:alt" content="jord.in logo" />
        <meta property="og:image:width" content="804" />
        <meta property="og:image:height" content="804" />
        <meta property="og:site_name" content="jord.in" />

        <link rel="canonical" href="https://jord.in/rss.xml" />
        <!-- <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000" /> -->
        <link rel="icon" sizes="32x32" href="/favicon.ico" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <link rel="manifest" href="/site.webmanifest" />

        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
        <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-icon-precomposed.png" />
        <meta name="msapplication-TileColor" content="#7F7F7F" />

        <meta name="theme-color" media="(prefers-color-scheme: light)" content="#F5F5F5" />
        <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#040606" />
            
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

        <link rel="stylesheet" href="/rss/style.css" />

        <title>Jordin's Blog - RSS Feed</title>
      </head>
      <body>
        <div>
          <header>
            <h1>Jordin's Blog</h1>
            <p>
              This blog is available as an RSS feed here: <pre>https://jord.in/rss.xml</pre>
            </p>
            <p style="padding-top: 1rem;">
              If the styling causes any issues, the following RSS feed is also available: <pre>https://jord.in/rss-unstyled.xml</pre>
            </p>
          </header>
          <h2>Blog Posts</h2>
          <div class="posts">
            <xsl:if test="count(/rss/channel/item) = 0">
              <p>No posts found.</p>
            </xsl:if>
            <xsl:for-each select="/rss/channel/item">
              <div class="post">
                <h3>
                  <a target="_blank">
                    <xsl:attribute name="href"><xsl:value-of select="link"/></xsl:attribute>
                    <xsl:value-of select="title"/>
                  </a>
                </h3>
                <p class="text-jordin-secondary"><xsl:value-of select="pubDateFormatted" /></p>
                <p><xsl:value-of select="description"/></p>
              </div>
            </xsl:for-each>
          </div>
        </div>
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>
