repos / pico

pico services mono repo
git clone https://github.com/picosh/pico.git

pico / pkg / apps / prose / html
Antonio Mika  ·  2025-03-12

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
43<main>
44    {{range .Posts}}
45    <article class="my">
46        <div class="flex items-center">
47            <time datetime="{{.PublishAtISO}}" class="font text-sm post-date">{{.PublishAt}}</time>
48            <div class="flex-1">
49                <a class="text-md transform-none" href="{{.URL}}" style="text-transform: lowercase;">{{.Title}}</a>
50                <address class="text-sm inline">
51                    <a href="{{.BlogURL}}" class="link-grey">({{.Username}})</a>
52                </address>
53            </div>
54        </div>
55    </article>
56    {{end}}
57</main>
58{{template "marketing-footer" .}}
59{{end}}