apps/feeds/templates/index.html 1.9 K raw
1
<!doctype html>
2
<html lang="en">
3
  <head>
4
    <meta charset="UTF-8" />
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
    <meta name="theme-color" content="#121113" />
7
    <link rel="stylesheet" href="/assets/darkmatter.css" />
8
    <link rel="stylesheet" href="/static/styles.css" />
9
    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
10
    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
11
    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
12
    <link rel="manifest" href="/static/site.webmanifest">
13
    <title>Feeds</title>
14
    <meta name="description" content="Minimal RSS Reading">
15
    <meta property="og:url" content="{{.BaseURL}}">
16
    <meta property="og:type" content="website">
17
    <meta property="og:title" content="Feeds">
18
    <meta property="og:description" content="Minimal RSS Reading">
19
    <meta property="og:image" content="{{.BaseURL}}/static/og.png">
20
  </head>
21
  <body>
22
    <div class="header">
23
      <a href="/" class="logo"><h1>FEEDS</h1></a>
24
      <nav class="links"><a href="/admin">add</a></nav>
25
    </div>
26
27
    {{if .FeedURLs}}
28
    <div id="feed-urls">
29
      {{range .FeedURLs}}{{.}}<br>{{end}}
30
    </div>
31
    {{end}}
32
33
    {{if .Error}}
34
    <div id="error" class="error"><p>{{.Error}}</p></div>
35
    {{else if not .Items}}
36
    <p class="no-feeds">No feeds available</p>
37
    {{else}}
38
    <div id="feeds-container">
39
      <div class="feeds-list">
40
        {{range .Items}}
41
        <article class="feed-item">
42
          <div class="feed-meta"><span class="feed-date">{{.FormattedDate}}</span></div>
43
          <h3 class="feed-title"><a href="{{.Link}}" target="_blank" rel="noopener noreferrer">{{.Title}}</a></h3>
44
          {{if .Author}}<p class="feed-author">{{.Author}}</p>{{end}}
45
        </article>
46
        {{end}}
47
      </div>
48
    </div>
49
    {{end}}
50
  </body>
51
</html>