@@ -0,0 +1,5 @@
+---
+template: index.html
+title: tangled engineering
+subtitle: all the ropes and scaffolding
+---

@@ -9,26 +9,48 @@ draft: true
 ---
 
 
-[Tangled](https://tangled.sh) is a new social-enabled Git collaboration platform, built on top of the [AT Protocol](https://atproto.com). We envision a place where developers have complete ownership of their code, open source communities can freely self-govern and most importantly, coding can be social and fun again.
+[Tangled](https://tangled.sh) is a new social-enabled Git collaboration
+platform, built on top of the [AT Protocol](https://atproto.com). We
+envision a place where developers have complete ownership of their code,
+open source communities can freely self-govern and most importantly,
+coding can be social and fun again.
 
-There are several models for decentralized social networks, ranging from ActivityPub's federated model, to Radicle's entirely P2P model. Our approach attempts to be the best of both worlds by adopting atproto -- a protocol for building decentralized social applications with a central identity.
+There are several models for decentralized social networks, ranging from
+ActivityPub's federated model, to Radicle's entirely P2P model. Our
+approach attempts to be the best of both worlds by adopting atproto -- a
+protocol for building decentralized social applications with a central
+identity.
 
 ![tangled architecture](/static/img/arch.svg)
 
-Our addition to this model is the idea of "knots". Knots are lightweight, headless servers that enable users to host git repositories with ease. Knots are designed for either single or multi-tenant use which is perfect for "community" servers. By default, Tangled provides managed knots where you can host your repositories for free.
+Our addition to this model is the idea of "knots". Knots are
+lightweight, headless servers that enable users to host git repositories
+with ease. Knots are designed for either single or multi-tenant use
+which is perfect for "community" servers. By default, Tangled provides
+managed knots where you can host your repositories for free.
 
-The [App View][appview] at [tangled.sh](https://tangled.sh) acts as a consolidated "view" into the whole network, allowing users to access, clone and contribute to repositories hosted across different knots -- completely seamlessly.
-
-Tangled is still in its infancy, and we're still building out several of its core features as we dogfood it ourselves. We developed these three core tenets to guide our decisions:
+The [App View][appview] at [tangled.sh](https://tangled.sh) acts as a
+consolidated "view" into the whole network, allowing users to access,
+clone and contribute to repositories hosted across different knots --
+completely seamlessly.
 
-1. **Ownership of data**
-2. **Low barrier to entry**
-3. **No compromise on user-experience**
+Tangled is still in its infancy, and we're still building out several of
+its core features as we dogfood it ourselves. We developed these three
+core tenets to guide our decisions:
 
-Collaborating on code isn't easy, and the tools and workflows we use should feel natural and stay out of the way. Tangled's architecture enables common workflows to work as you'd expect, while remaining decentralized. 
+1. Ownership of data
+2. Low barrier to entry
+3. No compromise on user-experience
 
-We believe that atproto has greatly simplfied one of the hardest parts of social media: having your friends on it. We're rolling out invite-only access to Tangled -- join us on IRC and we'll get you set up. 
+Collaborating on code isn't easy, and the tools and workflows we use
+should feel natural and stay out of the way. Tangled's architecture
+enables common workflows to work as you'd expect, while remaining
+decentralized. 
 
+We believe that atproto has greatly simplfied one of the hardest parts
+of social media: having your friends on it. We're rolling out
+invite-only access to Tangled -- join us on IRC and we'll get you set
+up. 
 
 [pds]: https://atproto.com/guides/glossary#pds-personal-data-server
 [appview]: https://docs.bsky.app/docs/advanced-guides/federation-architecture#app-views

@@ -2,48 +2,48 @@ <!doctype html>
 <html lang=en>
   <head>
     {{ template "partials/head.html" }}
-    <meta name="description" content="{{ .Meta.subtitle }}">
+    <link rel="alternate" type="application/rss+xml" title="RSS" href="https://tangled.sh/blog/feed.xml">
+    <meta name="description" content="{{ index .Meta "subtitle" }}">
   </head>
+
   <title>
-    {{ .Meta.title }}
+    {{ .Meta.title }} &mdash; {{ .Cfg.Title }}
   </title>
+
   <body class="bg-slate-100">
-    <main class="container mx-auto px-1 pt-4  min-h-screen flex flex-col">
-      <div class="sidenav">
-        {{ template "partials/nav.html" }}
-      </div>
-      <article>
-        <section class="tagline">
-        {{ .Body }}
-        </section>
+  <div class="prose mx-auto px-1 pt-4 min-h-screen flex flex-col">
+  <main>
+    <header class="px-12">
+    <h1 class="mb-0">{{ index .Meta "title" }}</h1>
+    <h2 class="font-light mt-1 mb-0 text-lg">{{ index .Meta "subtitle" }}</h2>
+    </header>
 
-        <hr>
+    {{ .Body }}
 
-        <section class="posts">
-        <h2>writing</h2>
-          <ul>
-              {{ $posts := .Extra.blog }}
-              {{ range slice $posts 0 3 }}
-                  <li>
-                    <div class="post">
-                      <a href=/{{ .Meta.slug }}>{{ .Meta.title }}</a>
-                      {{ if .Meta.draft }}
-                        (<span class="draft">draft</span>)
-                      {{ end }}
-                      <p class="subtitle">{{ .Meta.subtitle }}</p>
-                    </div>
-                    {{ $dateStr := .Meta.date }}
-                    {{ $date := parsedate $dateStr }}
-                    <div class="index-date">{{ $date.Format "02 Jan, 2006" }}</div>
-                  </li>
-              {{ end }}
-            </ul>
-        <a style="border-bottom: unset;" href="/blog/"><span>more &RightArrow;</span></a>
-        </section>
-      </article>
-    </main>
-    <footer>
-      {{ template "partials/footer.html" }}
-    </footer>
-  </body>
+    <section class="py-4">
+      <ul class="px-6">
+          {{ $posts := .Extra }}
+          {{ range $posts }}
+              <li class="mt-5 bg-white py-4 px-6 rounded drop-shadow-sm list-none">
+                <div>
+                  <a class="title mb-0 text-lg" href="/{{ .Meta.slug }}.html">{{ .Meta.title }}</a>
+                  {{ if .Meta.draft }}
+                    (<span class="draft">draft</span>)
+                  {{ end }}
+                  <p class="italic mt-1 mb-0">{{ .Meta.subtitle }}</p>
+                </div>
+                {{ $dateStr := .Meta.date }}
+                {{ $date := parsedate $dateStr }}
+                <div class="post-date py-1 mb-0 text-sm">{{ $date.Format "02 Jan, 2006" }}</div>
+              </li>
+          {{ end }}
+        </ul>
+    </section>
+  </div>
+  </main>
+  <footer>
+    {{ template "partials/footer.html" }}
+  </footer>
+</body>
+
 </html>

@@ -1,6 +1,6 @@
 <nav>
   <div class="logo">
-    <a href="/">
+    <a href="/blog">
       tangled engineering
     </a>
   </div>