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:
parent
0a805a14a7
commit
17d7e576ea
1 changed files with 10 additions and 20 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue