template.html (3221B)
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 %]</title>
11 <meta name="description" content="[% feed.description %]">
12 [% IF feed.author %]
13 <meta name="author" content="[% feed.author %]">
14 [% END %]
15 <link rel="icon" type="image/png" href="assets/favicon.png">
16 <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon_16.png">
17 <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon_32.png">
18 <link rel="icon" type="image/png" sizes="64x64" href="assets/favicon_64.png">
19 <link rel="icon" type="image/png" sizes="128x128" href="assets/favicon_128.png">
20 <link rel="apple-touch-icon" href="assets/favicon.png">
21 <link rel="stylesheet" type="text/css" href="assets/css/simple.min.css">
22 <link rel="stylesheet" type="text/css" href="assets/css/custom.css">
23 <link rel="alternate" title="[%feed.title %]" type="application/atom+xml" href="rss.xml">
24 <link crossorigin="use-credentials" rel="manifest" href=<!--MANIFEST-->>
25 <meta name="viewport" content="width=device-width, initial-scale=1.0">
26 </head>
27
28 <body>
29
30 <header>
31 <nav>
32 <!-- "Overview" -->
33 <a href="/">Overview</a>
34 <!-- RSS Button -->
35 <a href=<!--XML-->>RSS</a>
36 <!-- Privacy Policy -->
37 <a href="https://www.jayvii.de/privacy/#newsjayviide" target="_blank">
38 Privacy
39 </a>
40 </nav>
41 <!-- Feed Title -->
42 <h1>[% feed.title | html %]</h1>
43 <p>[% feed.description | html %]</p>
44 </header>
45
46 <main>
47
48 <!-- This is updated by find-and-replace -->
49 <!-- WORKAROUND: [% feed.modified %] is hardcoded to UTC -->
50 <p><!--UPDATED--></p>
51
52 <!-- This is updated by find-and-replace-->
53 <details>
54 <summary style="width:100%;">Feeds</summary>
55 <div style="margin-left:1em;">
56 <!--FEEDS-->
57 </div>
58 </details>
59
60 <!-- Content Entries -->
61 [% FOREACH entry IN feed.entries %]
62 <section>
63 <h2>
64 <a href="[% entry.link | url | html %]">
65 [% entry.title | html %] ↗
66 </a>
67 </h2>
68 <div class="article_content">
69 [% IF entry.summary.body %]
70 <p>[% entry.summary.body %]</p>
71 [% ELSE %]
72 [% entry.content.body %]
73 [% END %]
74 </div>
75
76 <div class="button-row">
77 <a
78 class="button"
79 href="[% entry.link | url | html %]"
80 style="width:auto;min-width:65px;"
81 >
82 <!-- leave ALT empty because the text is right next to it -->
83 <!--IMG src="[% entry.link | url | html %]" alt="">-->
84 </a>
85 [% IF entry.issued %]
86 <stretch class="button">
87 [% entry.issued | html %]
88 </stretch>
89 [% END %]
90 </div>
91
92 </section>
93 [% END %]
94
95 </main>
96 </body>
97 </html>