template.html (3095B)
1 <!-- SPDX-License-Identifier: AGPL-3.0-or-later
2 SPDX-FileCopyrightText: 2021-2024 JayVii <jayvii[AT]posteo[DOT]de>
3 -->
4
5 <!DOCTYPE html>
6 <html>
7 <head>
8 <meta charset="utf-8">
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
10 <title>[% feed.title %] - [% feed.description %]</title>
11 <meta name="description" content="[% feed.description %]">
12 <link rel="icon" type="image/png" href="assets/favicon.png">
13 <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon_16.png">
14 <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon_32.png">
15 <link rel="icon" type="image/png" sizes="64x64" href="assets/favicon_64.png">
16 <link rel="icon" type="image/png" sizes="128x128" href="assets/favicon_128.png">
17 <link rel="apple-touch-icon" href="assets/favicon.png">
18 <link rel="stylesheet" type="text/css" href="assets/css/simple.min.css">
19 <link rel="alternate" title="[%feed.title %]" type="application/atom+xml" href="rss.xml">
20 <link crossorigin="use-credentials" rel="manifest" href="manifest.json">
21 <meta name="viewport" content="width=device-width, initial-scale=1.0">
22 <style>
23 /* Always scroll smoothly */
24 * { scroll-behavior: smooth; }
25 /* Hide linebreaks inside articles */
26 article > p > br { display: none; }
27 /* Mark headline anchors as external links */
28 h2 > a[href^="https"]::after {
29 content: " \2197";
30 }
31 /* Hide images and iframes in case they are not filtered out */
32 img, iframe {
33 display: none;
34 }
35 </style>
36 </head>
37
38 <body>
39
40 <header>
41 <!-- Feed Title -->
42 <h1>[% feed.title | html %]</h1>
43 <!-- RSS Button -->
44 <a
45 class="button"
46 href="./rss.xml"
47 >
48 RSS Feed
49 </a>
50 <!-- Privacy Policy -->
51 <a
52 class="button"
53 href="https://www.jayvii.de/privacy/#newsjayviidehttpsnewsjayviide"
54 >
55 Privacy Policy
56 </a>
57 </header>
58
59 <main>
60
61 <!-- This is updated by find-and-replace -->
62 <p><!--UPDATED--></p>
63
64 <!-- This is updated by find-and-replace-->
65 <details>
66 <summary style="width:100%;">Feeds</summary>
67 <div style="margin-left:1em;">
68 <!--FEEDS-->
69 </div>
70 </details>
71
72 <!-- Content Entries -->
73 [% FOREACH entry IN feed.entries %]
74 <section>
75 <h2>
76 <a href="[% entry.link | url | html %]">[% entry.title | html %]</a>
77 </h2>
78 <p>
79 [% IF entry.summary.body %]
80 [% entry.summary.body %]
81 [% ELSE %]
82 [% entry.content.body %]
83 [% END %]
84 </p>
85 [% IF entry.issued %]
86 <stretch class="button">
87 [% entry.issued | html %]
88 </stretch>
89 [% END %]
90 [% IF entry.author %]
91 <stretch class="button">
92 [% entry.author | html %]
93 </stretch>
94 [% END %]
95 </section>
96 [% END %]
97
98 </main>
99 </body>
100 </html>