index.tt (3608B)
1 <!-- SPDX-License-Identifier: AGPL-3.0-or-later
2 SPDX-FileCopyrightText: 2026 JayVii <jayvii+tn[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"
17 href="assets/favicon_16.png"
18 />
19 <link rel="icon" type="image/png" sizes="32x32"
20 href="assets/favicon_32.png"
21 />
22 <link rel="icon" type="image/png" sizes="64x64"
23 href="assets/favicon_64.png"
24 />
25 <link rel="icon" type="image/png" sizes="128x128"
26 href="assets/favicon_128.png"
27 />
28 <link rel="apple-touch-icon" href="assets/favicon.png">
29 <link rel="stylesheet" type="text/css" href="assets/css/simple.min.css">
30 <link rel="stylesheet" type="text/css" href="assets/css/custom.css">
31 <meta name="viewport" content="width=device-width, initial-scale=1.0">
32 <meta name="robots" content="noindex">
33 </head>
34
35 <body>
36
37 <header>
38 <nav>
39 <!-- RSS Button -->
40 <a
41 href="./tn.xml"
42 title="Subscribe to all these feeds via your own RSS reader"
43 >RSS</a>
44 <!-- OPML Button -->
45 <a
46 href="./tn.opml"
47 title="Import all these feeds into your own RSS reader"
48 >OPML</a>
49 <!-- Privacy Policy -->
50 <a href="https://www.jayvii.de/privacy/#tnjayviide" target="_blank">
51 Privacy
52 </a>
53 </nav>
54 <!-- Feed Title -->
55 <h1 id="top">[% feed.title | html %]</h1>
56 <p>[% feed.description | html %]</p>
57 <a href="#about" class="button">About</a>
58 </header>
59
60 <main>
61
62 <!-- Content Entries -->
63 [% FOREACH entry IN feed.entries %]
64 <section>
65 <!-- Headline -->
66 <strong>
67 <a href="[% entry.link | url | html %]"
68 target="_blank"
69 rel="nofollow ugc"
70 >
71 [% entry.title | html %]
72 </a>
73 </strong>
74 <!-- Information -->
75 [% IF entry.issued %]
76 <em class="info"">
77 [% entry.issued | html %]
78 </em>
79 [% END %]
80 <em class="url info">
81 [% entry.link | url %]
82 </em>
83 </section>
84 [% END %]
85
86 </main>
87
88 <footer>
89 <h4 id="about">What is this?</h4>
90 <p>
91 This website <em>tn</em> gathers tech news from
92 <a href="./tn.opml">various sources</a> and aggregates them into a time
93 sorted list. It is inspired by the likes of <em>Hacker News</em> or
94 <em>Lobsters</em>, however it does not allow to upvote, comment or any
95 other interactivity. The goal of <em>tn</em> is to display news, nothing
96 more.
97 </p>
98 <h4 id="disclaimer">Disclaimer:</h4>
99 <p>
100 The news headlines, content or attitudes of the editors and authors of
101 the news outlets, blogs and newspapers featured here do not necessarily
102 reflect the opinions and attitudes of the operators of this
103 <em>tn</em> instance and this website. <em>tn</em> is a
104 news aggregator that brings together content from many different
105 sources, but has no influence on the editorial content directly.
106 </p>
107 <a class="button" href="#top">Backto the top</a>
108 </footer>
109
110 </body>
111 </html>
