veilid-dot-com/themes/veilid/layouts/feed.xsl.twig

146 lines
6.1 KiB
Twig
Raw Normal View History

2023-08-15 15:25:21 -04:00
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:atom="http://www.w3.org/2005/Atom" version="3.0">
<xsl:output method="html" version="1.0" encoding="utf-8" indent="yes" />
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ site.language }}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
{%- if page.path == 'xsl/atom' ~%}
<title><xsl:value-of select="atom:feed/atom:title" /> (feed)</title>
{%- else ~%}
<title><xsl:value-of select="rss/channel/title" /> (RSS)</title>
{%- endif ~%}
<style type="text/css">
html {
margin: 0;
padding: 0;
}
body {
margin: 1rem auto;
padding: 1rem;
max-width: 40rem;
background-color: #EFF0F4;
color: #586069;
font-family: Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
}
input {
min-width: 100%;
margin-left: .2rem;
padding-left: .2rem;
padding-right: .2rem;
}
ol {
list-style-type: none;
margin-left: -2.5rem;
}
li {
margin: 1rem 0;
}
h2, h3 {
margin: 0;
color: #24292E;
font-weight: inherit;
}
a {
color: #0366d6;
text-decoration: none;
}
small {
color: #586069;
}
#RSSicon {
margin-right: .5rem;
}
header {
margin-bottom: 1rem;
border-bottom: 1px solid #c7c7c7;
}
@-moz-document url-prefix() {
form {
margin-bottom: 1rem;
}
}
footer {
border-top: 1px solid #c7c7c7;
}
@media (min-width: 768px) {
input {
min-width: 20rem;
}
}
</style>
</head>
<body>
<header>
<h1>
<!-- https://commons.wikimedia.org/wiki/File:Feed-icon.svg -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="vertical-align: text-bottom; width: 1.2em; height: 1.2em;" class="pr-1" id="RSSicon" viewBox="0 0 256 256">
<defs>
<linearGradient x1="0.085" y1="0.085" x2="0.915" y2="0.915" id="RSSg">
<stop offset="0.0" stop-color="#E3702D"/><stop offset="0.1071" stop-color="#EA7D31"/>
<stop offset="0.3503" stop-color="#F69537"/><stop offset="0.5" stop-color="#FB9E3A"/>
<stop offset="0.7016" stop-color="#EA7C31"/><stop offset="0.8866" stop-color="#DE642B"/>
<stop offset="1.0" stop-color="#D95B29"/>
</linearGradient>
</defs>
<rect width="256" height="256" rx="55" ry="55" x="0" y="0" fill="#CC5D15"/>
<rect width="246" height="246" rx="50" ry="50" x="5" y="5" fill="#F49C52"/>
<rect width="236" height="236" rx="47" ry="47" x="10" y="10" fill="url(#RSSg)"/>
<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>
{%- if page.path == 'xsl/atom' ~%}
<a><xsl:attribute name="href"><xsl:value-of select="atom:feed/atom:link[@rel='alternate']/@href" /></xsl:attribute><xsl:value-of select="atom:feed/atom:title" /></a>
{%- else ~%}
<a><xsl:attribute name="href"><xsl:value-of select="rss/channel/link[@rel='alternate']/@href" /></xsl:attribute><xsl:value-of select="rss/channel/title" /></a>
{%- endif ~%}
</h1>
<p>{% trans %}To subscribe to this feed, copy its URL to your feed reader.{% endtrans %} <a href="https://aboutfeeds.com/#1-what-is-a-feed-aka-rss">{% trans %}What is a feed? (a.k.a. RSS){% endtrans %}</a></p>
<form>
<label for="feed-url">{% trans %}Feed URL:{% endtrans %}</label>
<input id="feed-url" onClick="this.select();">
<xsl:attribute name="type">url</xsl:attribute>
<xsl:attribute name="url">URL</xsl:attribute>
<xsl:attribute name="spellcheck">false</xsl:attribute>
{%- if page.path == 'xsl/atom' ~%}
<xsl:attribute name="value"><xsl:value-of select="atom:feed/atom:link[@rel='self']/@href" /></xsl:attribute>
{%- else ~%}
<xsl:attribute name="value"><xsl:value-of select="rss/channel/link[@rel='self']/@href" /></xsl:attribute>
{%- endif ~%}
</input>
</form>
</header>
<article>
<h2>{% trans %}Feed's entries{% endtrans %}</h2>
<ol>
{%- if page.path == 'xsl/atom' ~%}
<xsl:for-each select="atom:feed/atom:entry">
<li>
<h3><a><xsl:attribute name="href"><xsl:value-of select="atom:link/@href" /></xsl:attribute><xsl:value-of select="atom:title" /></a></h3>
<small><xsl:value-of select="substring(atom:published, 1, 10)" /></small>
</li>
</xsl:for-each>
{%- else ~%}
<xsl:for-each select="rss/channel/item">
<li>
<h3><a><xsl:attribute name="href"><xsl:value-of select="link/@href" /></xsl:attribute><xsl:value-of select="title" /></a></h3>
<small><xsl:value-of select="substring(pubDate, 1, 10)" /></small>
</li>
</xsl:for-each>
{%- endif ~%}
</ol>
</article>
<footer>
{%- set generated_by -%}
<a href="{{ cecil.url }}">{{ cecil.poweredby }}</a>
{%- endset ~%}
<p>{% trans %}Feed generated by %generated_by%{% endtrans %}</p>
</footer>
</body>
</html>
</xsl:template>
</xsl:stylesheet>