apps/quotes/templates/index.html 1.8 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="icon" href="/static/favicon.ico" />
13
    <link rel="manifest" href="/static/site.webmanifest" />
14
    <title>Quotes</title>
15
    <meta name="description" content="A quote a day from classic literature" />
16
    <meta property="og:url" content="{{.BaseURL}}" />
17
    <meta property="og:type" content="website" />
18
    <meta property="og:title" content="Quotes" />
19
    <meta property="og:description" content="A quote a day from classic literature" />
20
    <meta property="og:image" content="{{.BaseURL}}/static/og.png" />
21
    <meta name="twitter:card" content="summary_large_image" />
22
    <meta property="twitter:url" content="{{.BaseURL}}" />
23
    <meta name="twitter:title" content="Quotes" />
24
    <meta name="twitter:description" content="A quote a day from classic literature" />
25
    <meta name="twitter:image" content="{{.BaseURL}}/static/og.png" />
26
  </head>
27
  <body>
28
    <main class="quote-hero">
29
      {{if .Quote}}
30
      <blockquote class="quote-text">{{.Quote.Text}}</blockquote>
31
      <p class="attribution">
32
        &mdash; {{.Quote.Author}}{{if .Quote.Source}}, <cite>{{.Quote.Source}}</cite>{{end}}
33
      </p>
34
      {{else}}
35
      <p class="attribution">No quotes yet.</p>
36
      {{end}}
37
    </main>
38
  </body>
39
</html>