From 17d7e576eaff0a50909eb0f4abb2e604bd3a28d4 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Tue, 6 Jan 2026 12:05:38 -0500
Subject: [PATCH] Scatter 'become un*' manifesto across chapters
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- become ungovernable → Chapter II (Extinction) red
- become unstoppable → Chapter IV (Pig Awakens) orange
- become untouchable → Chapter V (Mirror) purple
- become unseen → Chapter VII (Skeleton Key) gray
- become unknown → Chapter VIII (Why We Archive) muted
- become un → Footer finale, large red
---
 templates/about.html.j2 | 30 ++++++++++--------------------
 1 file changed, 10 insertions(+), 20 deletions(-)

diff --git a/templates/about.html.j2 b/templates/about.html.j2
index 62af10c..40240c3 100644
--- a/templates/about.html.j2
+++ b/templates/about.html.j2
@@ -440,17 +440,9 @@
     margin-top: 40px; font-size: 18px; color: #333;
     cursor: default; user-select: none;
 }
-/* become un* manifesto */
-.become-un {
-    margin-bottom: 60px;
-}
-.become-un p {
-    font-size: 1.4em; color: #555; margin: 8px 0;
-    font-weight: 300; letter-spacing: 0.1em;
-}
-.become-un-final {
-    font-size: 2em !important; color: #ff6b6b !important;
-    font-weight: 700 !important; margin-top: 20px !important;
+/* become un* scattered through chapters */
+.become-un-inline {
+    text-transform: lowercase;
 }
 
 /* Responsive */
@@ -531,6 +523,7 @@
             <p class="narrative">{{ t.about_ch2_p4 }}</p>
             <p class="narrative">{{ t.about_ch2_p5 }}</p>
             <p class="narrative">{{ t.about_ch2_p6 }}</p>
+            <p class="narrative become-un-inline" style="margin-top: 60px; font-size: 1.6em; color: #ff4444; font-weight: 600; letter-spacing: 0.15em;">{{ t.become_ungovernable }}</p>
         </div>
     </section>
 
@@ -576,6 +569,7 @@
             <p class="narrative">{{ t.about_ch4_p3 }}</p>
             <p class="narrative">{{ t.about_ch4_p4 }}</p>
             <p class="narrative">{{ t.about_ch4_p5 }}</p>
+            <p class="narrative become-un-inline" style="margin-top: 60px; font-size: 1.6em; color: #ff8e53; font-weight: 600; letter-spacing: 0.15em;">{{ t.become_unstoppable }}</p>
         </div>
     </section>
 
@@ -597,6 +591,7 @@
 
             <p class="narrative">{{ t.about_ch5_p4 }}</p>
             <p class="narrative">{{ t.about_ch5_p5 }}</p>
+            <p class="narrative become-un-inline" style="margin-top: 60px; font-size: 1.6em; color: #8b5cf6; font-weight: 600; letter-spacing: 0.15em;">{{ t.become_untouchable }}</p>
         </div>
     </section>
 
@@ -671,6 +666,7 @@
             <p class="narrative">{{ t.about_ch7_p2 }}</p>
             <p class="narrative">{{ t.about_ch7_p3 }}</p>
             <p class="narrative">{{ t.about_ch7_p4 }}</p>
+            <p class="narrative become-un-inline" style="margin-top: 60px; font-size: 1.6em; color: #666; font-weight: 600; letter-spacing: 0.15em;">{{ t.become_unseen }}</p>
         </div>
     </section>
 
@@ -683,7 +679,8 @@
             <p class="narrative">{{ t.about_ch8_p1 }}</p>
             <p class="narrative">{{ t.about_ch8_p2 }}</p>
             <p class="narrative">{{ t.about_ch8_p3 }}</p>
-            <p class="narrative">{{ t.about_ch8_list }}<br><br><br></p>
+            <p class="narrative">{{ t.about_ch8_list }}</p>
+            <p class="narrative become-un-inline" style="margin-top: 60px; font-size: 1.6em; color: #888; font-weight: 600; letter-spacing: 0.15em;">{{ t.become_unknown }}</p>
         </div>
     </section>
 
@@ -752,14 +749,7 @@ python neopig.py --serve</code></pre>
 
     <!-- FOOTER -->
     <footer class="about-footer">
-        <div class="become-un">
-            <p>{{ t.become_ungovernable }}</p>
-            <p>{{ t.become_unstoppable }}</p>
-            <p>{{ t.become_untouchable }}</p>
-            <p>{{ t.become_unseen }}</p>
-            <p>{{ t.become_unknown }}</p>
-            <p class="become-un-final">{{ t.become_un }}</p>
-        </div>
+        <p class="become-un-final" style="font-size: 2.5em; color: #ff6b6b; font-weight: 700; letter-spacing: 0.2em; margin-bottom: 60px;">{{ t.become_un }}</p>
         <p>{{ t.about_footer_p1 }}</p>
         <img src="/static/images/pixel-art-gift.png" alt="Gift" style="width:200px">
         <p>{{ t.about_footer_p2 }}</p>