commit 6f52c52df06df7f2526f480721394a1e93077a29 · tangled.org/site

+2 -1

input.css

··· 47 47 48 48 @layer base { 49 49 html { 50 - font-size: 15px; 50 + font-size: 14px; 51 + scrollbar-gutter: stable; 51 52 } 52 53 @supports (font-variation-settings: normal) { 53 54 html {

+30 -30

templates/index.html

··· 10 10 {{ .Meta.title }} 11 11 </title> 12 12 13 - <body class="bg-slate-100 dark:bg-gray-900"> 14 - <div class="prose dark:prose-invert mx-auto px-1 pt-4 min-h-screen flex flex-col container"> 15 - <main> 16 - <header class="px-12"> 17 - <h1 class="mb-0">{{ index .Meta "title" }}</h1> 18 - <h2 class="font-light mt-1 mb-0 text-lg">{{ index .Meta "subtitle" }}</h2> 19 - </header> 13 + <body class="bg-slate-100 dark:bg-gray-900 flex flex-col min-h-screen"> 14 + <div class="prose dark:prose-invert mx-auto px-1 pt-4 flex-grow flex flex-col container"> 15 + <main> 16 + <header class="px-6"> 17 + <h1 class="mb-0">{{ index .Meta "title" }}</h1> 18 + <h2 class="font-light mt-1 mb-0 text-lg">{{ index .Meta "subtitle" }}</h2> 19 + </header> 20 20 21 - {{ .Body }} 21 + {{ .Body }} 22 22 23 - <section class="py-4"> 24 - <ul class="px-2"> 25 - {{ $posts := .Extra.blog }} 26 - {{ range $posts }} 27 - <li class="mt-5 bg-white dark:bg-gray-800 py-4 px-6 rounded drop-shadow-sm list-none"> 28 - {{ $dateStr := .Meta.date }} 29 - {{ $date := parsedate $dateStr }} 30 - <div class="post-date py-1 mb-0 text-sm">{{ $date.Format "02 Jan, 2006" }}</div> 31 - <div> 32 - <a class="title mb-0 text-xl no-underline font-bold" href="/{{ .Meta.slug }}.html">{{ .Meta.title }}</a> 33 - {{ if .Meta.draft }} 34 - <span class="text-red-500">[draft]</span> 35 - {{ end }} 36 - <p class="italic mt-1 mb-0">{{ .Meta.subtitle }}</p> 37 - </div> 38 - </li> 39 - {{ end }} 40 - </ul> 41 - </section> 42 - </main> 43 - <footer class="px-2"> 23 + <section class="py-4"> 24 + <ul class="px-0"> 25 + {{ $posts := .Extra.blog }} 26 + {{ range $posts }} 27 + <li class="mt-5 bg-white dark:bg-gray-800 py-4 px-6 rounded drop-shadow-sm list-none"> 28 + {{ $dateStr := .Meta.date }} 29 + {{ $date := parsedate $dateStr }} 30 + <div class="post-date py-1 mb-0 text-sm">{{ $date.Format "02 Jan, 2006" }}</div> 31 + <div> 32 + <a class="title mb-0 text-xl no-underline font-bold" href="/{{ .Meta.slug }}.html">{{ .Meta.title }}</a> 33 + {{ if .Meta.draft }} 34 + <span class="text-red-500">[draft]</span> 35 + {{ end }} 36 + <p class="italic mt-1 mb-0">{{ .Meta.subtitle }}</p> 37 + </div> 38 + </li> 39 + {{ end }} 40 + </ul> 41 + </section> 42 + </main> 43 + </div> 44 + <footer class="prose dark:prose-invert mx-auto px-1 pt-4 container"> 44 45 {{ template "partials/footer.html" }} 45 46 </footer> 46 - </div> 47 47 </body> 48 48 49 49 </html>

+17 -4

templates/partials/footer.html

··· 1 - <div class="footer px-6"> 2 - <p class="muted"> 3 - Follow via <a href="/blog/feed.xml">RSS</a> and 4 - <a href="https://bsky.app/profile/tangled.sh">Bluesky</a>. 1 + <div class="mt-16 px-6 py-4 bg-white dark:bg-gray-800 drop-shadow-sm rounded-t"> 2 + <p class="text-center"> 3 + <a class="font-bold italic no-underline hover:no-underline" href="https://tangled.sh"> 4 + tangled.sh 5 + </a> 6 + is a new social-enabled Git collaboration platform built on top of the <a href="https://atproto.com/">AT Protocol</a>. 5 7 </p> 8 + <p class="text-center">Social coding, but for real this time!</p> 9 + 10 + <div class="flex justify-center gap-2 text-sm text-center"> 11 + <a href="https://chat.tangled.sh">Discord</a> 12 + · 13 + <a href="https://web.libera.chat/#tangled">IRC</a> 14 + · 15 + <a href="https://bsky.app/profile/tangled.sh">Bluesky</a> 16 + · 17 + <a href="/blog/feed.xml">RSS</a> 18 + </div> 6 19 </div>