summary refs log tree commit diff stats
path: root/templates/feed-styles.html
blob: a66ddc0bc78c45c4d3d4668f7922e2bac8dda12a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<?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>RSS Feed | <xsl:value-of select="/atom:feed/atom:title"/></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" />
        <style>
          {%- include "style.css.html" ignore missing -%}
        </style>
      </head>
      <body>
        <main>
          <div class="helptext">
            <strong>This is an RSS feed</strong>. Subscribe 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>
          <div>
            <h1>
              <!-- https://commons.wikimedia.org/wiki/File:Feed-icon.svg -->
              <svg
                xmlns="http://www.w3.org/2000/svg"
                version="1.1"
                style="width: 1.5ex; height: 1.5ex"
                viewBox="0 0 256 256"
              >
                <rect width="256" height="256" x="0" y="0" fill="#7F7F7F" />
                <rect width="246" height="246" x="5" y="5" fill="#A0A0A0" />
                <rect width="236" height="236" x="10" y="10" fill="#A6A6A6" />
                <circle cx="68" cy="189" r="24" fill="#FFF" />
                <path
                  d="M160 213h-34a82 82 0 0 0 -82 -82v-34a116 116 0 0 1 116 116z"
                  fill="#FFF"
                />
                <path
                  d="M184 213A140 140 0 0 0 44 73 V 38a175 175 0 0 1 175 175z"
                  fill="#FFF"
                />
              </svg>
              RSS Feed Preview |
              <span>
                <xsl:value-of select="/atom:feed/atom:title" />
              </span>
            </h1>
            <nav>
              <a>
                <xsl:attribute name="href">
                  <xsl:value-of select="/atom:feed/atom:link[2]/@href" />
                </xsl:attribute>
                Visit Website
              </a>
            </nav>
            <ul class="blog-posts">
              <xsl:for-each select="/atom:feed/atom:entry">
                <li>
                  <span>
                    <time>
                      <xsl:value-of select="substring(atom:updated, 0, 11)" />
                    </time>
                  </span>
                  <a>
                    <xsl:attribute name="href">
                      <xsl:value-of select="atom:link/@href" />
                    </xsl:attribute>
                    <xsl:value-of select="atom:title" />
                  </a>
                </li>
              </xsl:for-each>
            </ul>
          </div>
        </main>
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>