Scatter 'become un*' manifesto across chapters

- 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
This commit is contained in:
Russell Ballestrini 2026-01-06 12:05:38 -05:00
parent 0a805a14a7
commit 17d7e576ea

View file

@ -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>