pub / newsplanet

Planet-Style Newsfeed generated with perlanet
git clone https://src.jayvii.de/pub/newsplanet.git
Home | Log | Files | Exports | Refs | README | RSS

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 %] &#8599;
     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>