From 5bd195aeb6a68b3fcccd49e71bd49bc60d63029e Mon Sep 17 00:00:00 2001
From: azank <azanhyder49@gmail.com>
Date: Wed, 14 Oct 2026 00:51:56 +0500
Subject: [PATCH] home: show "Made to be shown off" before "Real history, drawn
 to scale"

The share section (README card, clip, link preview, embed) now follows the
live timeline, nearer the top, and how to read a city comes after it. It is
a pure move: the page keeps the same lines. No nav link, script, style or
test depends on the order, and the card and preview images the section
loads are CDN-cached.
---
 web/public/index.html | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/web/public/index.html b/web/public/index.html
index 38c1775..672db21 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -272,25 +272,6 @@ <h2 class="h2">Who's writing the code, live.</h2>
 
 <hr class="rule">
 
-<section class="section" id="read">
-  <div class="wrap read">
-    <div class="rv">
-      <svg class="iso" id="iso" viewBox="0 0 620 428" role="img" aria-label="An annotated miniature city: an island, platforms, towers and a commit beam"></svg>
-    </div>
-    <div>
-      <div class="section-head rv" style="margin-bottom:22px">
-        <span class="kick">Reading a city</span>
-        <h2 class="h2">Real history, drawn to scale.</h2>
-        <p>commit.city doesn't estimate from contribution counts. It replays git itself, so a tower is exactly as tall as that file was on that day.</p>
-      </div>
-      <ul class="keys rv d1" id="keys"></ul>
-      <div class="langs rv d2" id="langs"></div>
-    </div>
-  </div>
-</section>
-
-<hr class="rule">
-
 <section class="section share" id="share">
   <div class="wrap">
     <div class="section-head rv">
@@ -330,6 +311,25 @@ <h3 class="h3">Embed it anywhere</h3>
 
 <hr class="rule">
 
+<section class="section" id="read">
+  <div class="wrap read">
+    <div class="rv">
+      <svg class="iso" id="iso" viewBox="0 0 620 428" role="img" aria-label="An annotated miniature city: an island, platforms, towers and a commit beam"></svg>
+    </div>
+    <div>
+      <div class="section-head rv" style="margin-bottom:22px">
+        <span class="kick">Reading a city</span>
+        <h2 class="h2">Real history, drawn to scale.</h2>
+        <p>commit.city doesn't estimate from contribution counts. It replays git itself, so a tower is exactly as tall as that file was on that day.</p>
+      </div>
+      <ul class="keys rv d1" id="keys"></ul>
+      <div class="langs rv d2" id="langs"></div>
+    </div>
+  </div>
+</section>
+
+<hr class="rule">
+
 <section class="section host" id="self-host">
   <div class="wrap">
     <div class="section-head rv">