repos / pico

post.page.tmpl

 1{{template "base" .}}
 2
 3{{define "title"}}{{.PageTitle}}{{end}}
 4
 5{{define "meta"}}
 6{{if .Favicon}}
 7<link rel="icon" href="{{.Favicon}}">
 8{{else}}
 9<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
10{{end}}
11
12<meta name="description" content="{{.Description}}" />
13
14<meta property="og:type" content="website">
15<meta property="og:site_name" content="{{.Site.Domain}}">
16<meta property="og:url" content="{{.URL}}">
17<meta property="og:title" content="{{.Title}}">
18{{if .Description}}<meta property="og:description" content="{{.Description}}">{{end}}
19
20{{if .Image}}
21<meta itemprop="image" content="{{.Image}}" />
22<meta property="og:image" content="{{.Image}}" />
23
24<meta name="twitter:image" content="{{.Image}}" />
25{{else}}
26<meta property="og:image:width" content="300" />
27<meta property="og:image:height" content="300" />
28<meta itemprop="image" content="https://{{.Site.Domain}}/card.png" />
29<meta property="og:image" content="https://{{.Site.Domain}}/card.png" />
30
31<meta name="twitter:image" content="https://{{.Site.Domain}}/card.png" />
32{{end}}
33
34{{if .ImageCard}}
35<meta property="twitter:card" content="{{.ImageCard}}">
36{{else}}
37<meta property="twitter:card" content="summary">
38{{end}}
39<meta property="twitter:url" content="{{.URL}}">
40<meta property="twitter:title" content="{{.Title}}">
41{{if .Description}}<meta property="twitter:description" content="{{.Description}}">{{end}}
42
43<link rel="stylesheet" href="/syntax.css" />
44{{if .HasCSS}}<link rel="stylesheet" href="{{.CssURL}}" />{{end}}
45{{end}}
46
47{{define "attrs"}}id="post" class="{{.Slug}}"{{end}}
48
49{{define "body"}}
50<header>
51    <h1 class="text-2xl font-bold">{{.Title}}</h1>
52    <p class="font-bold m-0">
53        {{if .Unlisted}} <code>unlisted</code>{{end}}
54        <time datetime="{{.PublishAtISO}}">{{.PublishAt}}</time>
55        <span>&middot;<span>
56        <a href="{{.BlogURL}}">{{.BlogName}}</a></p>
57    {{if .Description}}<blockquote class="font-italic">{{.Description}}</blockquote>{{end}}
58    <div class="tags">
59    {{range .Tags}}
60        <a class="tag" href="{{$.BlogURL}}?tag={{.}}">#{{.}}</a>
61    {{end}}
62    </div>
63</header>
64<main>
65    <article class="md">
66        {{.Contents}}
67        <div id="post-footer">{{.Footer}}</div>
68    </article>
69</main>
70{{template "footer" .}}
71{{end}}