template.tt (3232B)
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 <!--
49 This is updated by find-and-replace
50 WORKAROUND: [% feed.modified %] is hardcoded to UTC
51 -->
52 <p><!--UPDATED--></p>
53
54 <!-- This is updated by find-and-replace-->
55 <details>
56 <summary style="width:100%;">Feeds</summary>
57 <div style="margin-left:1em;">
58 <!--FEEDS-->
59 </div>
60 </details>
61
62 <!-- Content Entries -->
63 [% FOREACH entry IN feed.entries %]
64 <section>
65 <h2>
66 <a href="[% entry.link | url | html %]">
67 [% entry.title | html %] ↗
68 </a>
69 </h2>
70 <div class="article_content">
71 [% IF entry.summary.body %]
72 <p>[% entry.summary.body %]</p>
73 [% ELSE %]
74 [% entry.content.body %]
75 [% END %]
76 </div>
77
78 <div class="button-row">
79 <a
80 class="button"
81 href="[% entry.link | url | html %]"
82 style="width:auto;min-width:65px;"
83 >
84 <!-- leave ALT empty because the text is right next to it -->
85 <!--IMG src="[% entry.link | url | html %]" alt="">-->
86 </a>
87 [% IF entry.issued %]
88 <stretch class="button">
89 [% entry.issued | html %]
90 </stretch>
91 [% END %]
92 </div>
93
94 </section>
95 [% END %]
96
97 </main>
98 </body>
99 </html>
