Eric Bower
·
02 Oct 24
read.page.tmpl
1{{template "base" .}}
2
3{{define "title"}}prose.sh -- A blog platform for hackers{{end}}
4
5{{define "meta"}}
6<meta name="description" content="A blog platform for hackers" />
7<link rel="alternate" href="/rss" type="application/rss+xml" title="RSS feed for prose.sh" />
8<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
9
10<meta property="og:type" content="website">
11<meta property="og:site_name" content="{{.Site.Domain}}">
12<meta property="og:url" content="https://{{.Site.Domain}}">
13<meta property="og:title" content="{{.Site.Domain}}">
14<meta property="og:description" content="A blog platform for hackers">
15
16<meta name="twitter:card" content="summary" />
17<meta property="twitter:url" content="https://{{.Site.Domain}}">
18<meta property="twitter:title" content="{{.Site.Domain}}">
19<meta property="twitter:description" content="A blog platform for hackers">
20<meta name="twitter:image" content="https://{{.Site.Domain}}/card.png" />
21<meta name="twitter:image:src" content="https://{{.Site.Domain}}/card.png" />
22
23<meta property="og:image:width" content="300" />
24<meta property="og:image:height" content="300" />
25<meta itemprop="image" content="https://{{.Site.Domain}}/card.png" />
26<meta property="og:image" content="https://{{.Site.Domain}}/card.png" />
27
28<link rel="stylesheet" href="/smol-v2.css" />
29{{end}}
30
31{{define "attrs"}}{{end}}
32
33{{define "body"}}
34<header class="text-center">
35 <h1 class="text-2xl font-bold">prose.sh</h1>
36 <p class="text-lg">A blog platform for hackers</p>
37 <div>
38 <a href="https://pico.sh/prose" class="btn-link mt inline-block">LEARN MORE</a>
39 </div>
40 <hr class="mt-2" />
41</header>
42<main>
43 {{range .Posts}}
44 <article class="my">
45 <div class="flex items-center">
46 <time datetime="{{.PublishAtISO}}" class="font text-sm post-date">{{.PublishAt}}</time>
47 <div class="flex-1">
48 <a class="text-md transform-none" href="{{.URL}}" style="text-transform: lowercase;">{{.Title}}</a>
49 <address class="text-sm inline">
50 <a href="{{.BlogURL}}" class="link-grey">({{.Username}})</a>
51 </address>
52 </div>
53 </div>
54 </article>
55 {{end}}
56
57 <div class="mt">
58 {{if .PrevPage}}<a href="{{.PrevPage}}" class="link-alt">prev</a>{{else}}<span class="text-grey">prev</span>{{end}}
59 {{if .NextPage}}<a href="{{.NextPage}}" class="link-alt">next</a>{{else}}<span class="text-grey">next</span>{{end}}
60 </div>
61
62 <div class="flex items-center">
63 <div class="post-date"></div>
64 <div class="flex-1">
65 {{range .Tags}}
66 <code class="pill"><a href="/read?tag={{.}}">#{{.}}</a></code>
67 {{end}}
68 </div>
69 </div>
70 {{if .HasFilter}}<a href="/read">clear filter</a>{{end}}
71
72</main>
73{{template "marketing-footer" .}}
74{{end}}