Nav details

content/_index.md

@@ -1,19 +1,6 @@
 ---
 ---
 
-</main>
-
-<main class="carousel">
-    <nav>
-        <ul>
-            <li class="carousel-entry home"><a href="#home">Home</a></li>
-            <li class="carousel-entry cycle"><a href="#cycle">The Post-Self Cycle</a></li>
-            <li class="carousel-entry clade"><a href="#clade">Clade</a></li>
-            <li class="carousel-entry ttrpg"><a href="#ttrpg">The Post-Self TTRPG</a></li>
-            <li class="carousel-entry about"><a href="#about">About</a></li>
-        </ul>
-    </nav>
-    <section class="carousel-item home">
 <div class="hero">
     <ul>
         <li>Given the chance to live forever in a world not built for death, what do you do?</li>
@@ -27,52 +14,3 @@
 -->
 <h2 id="home">Updates</h2>
 <iframe style="width: 100%; height: 75vh" src="https://cohost.org/post-self"></iframe>
-        <!--<div id="feed"></div>-->
-    </section>
-    <section class="carousel-item cycle">
-        <h2 id="cycle">The Post-Self Cycle</h2>
-        <p><a href="/cycle"><img src="/img/covers.png" alt="The book covers"></a></p>
-        <blockquote>
-            <p>And thus grew a new world, a world that was not built for death&hellip;</p>
-        </blockquote>
-        <p>From the very beginning of the consensual dream of the System, the members of the Ode clade, all forks from the same core personality, have dealt with fear each in their own way. Do they search for greater ways to control their lives? Do they hunt for yet deeper emotional connection? Do they hone their art to the finest point?</p>
-        <p>From roots in political turmoil to the building of a new society, the story is there to be found, and the Bălan clade is there to tell it.</p>
-        <!--
-        Alternately: "Gender-weird meta-furry almost-plural sci-fi."
-        -->
-    </section>
-    <section class="carousel-item clade">
-        <h2 id="clade">Clade</h2>
-        <p><a href="https://clade.post-self.ink"><img src="/img/clade.png" alt="The book cover"></a></p>
-        <blockquote>
-            <p><strong>Clade</strong> <em>(n)</em> – /klɛ:id/ – <em>post-self theory</em><br>
-            A group of individuals patterned off a single root consciousness, formed through branching expansion of the forking of its constituent members.<br>
-            <em>See also: cladistics, cocladist, up-/down-/cross-tree instance, forking, post-self theory.</em><br>
-        — The System Central Library Encyclopedia</p>
-        </blockquote>
-        <p>To split oneself among however many individuals, to let the mind drift and diverge, to feel the world from points of view not your own, and then let those memories crash down into you…well, it inspires a feeling best described as ‘heady’, to say the least.</p>
-        <p>Ten stories by ten authors, all set in the Post-Self universe. An extra funded by the <em>Mitzvot</em> Kickstarter backers.</p>
-    </section>
-    <section class="carousel-item ttrpg">
-        <h2 id="ttrpg">The Post-Self TTRPG</h2>
-        <p><a href="/extras/ttrpg"><img src="/img/ttrpg.png" alt="The book cover"></a></p>
-        <p>A tabletop role-playing game powered by The Apocalypse, an extra funded by the <em>Mitzvot</em> Kickstarter backers.</p>
-        <p><em>Coming soon!</em></p>
-    </section>
-    <section class="carousel-item about">
-        <h2 id="about">About</h2>
-        <p>The Post-Self universe is an open setting for exploring the ramifications of being able to create copies of oneself, of what it means to undergo individuation, of what it means to let memories build up and up and up within oneself. All of the information on working with the universe is contained within this appendix, an extra funded by the <em>Mitzvot</em> Kickstarter backers.</p>
-        <ul>
-            <li><a href="/extras">Extras</a> — Additional stories, resources, and visual art</li>
-            <li><a href="/about/timeline">Timeline</a> — A basic timeline of events covered in the books</li>
-            <li><a href="/about/characters">Dramatic Personae</a> — A list of characters in the books and where they came from</li>
-            <li><a href="/about/universe">The Universe</a> — The mechanics of the setting</li>
-            <li><a href="/about/writing">Writing in the Post-Self Setting</a> — A guide to writing your own works in the universe</li>
-            <li><a href="/about/glossary">Glossary</a> — Some common words and terms</li>
-            <li><a href="/about/questions">Questions and Answers</a> — Questions that have arisen and some answers to go with them</li>
-        </ul>
-        <p>As an open setting, everything is free to use for your own purposes under a Creative-Commons 4.0 Attribution license. These stories wouldn&rsquo;t be what they are without the contributions of others.</p>
-    </section>
-    <script src="/carousel.js"></script>
-    <!--<script src="/rss.js"></script>-->
-

content/extras/muck.md

@@ -1,3 +1,7 @@
+---
+title: The Post-Self MUCK
+---
+
 The Post-Self MUCK is an avenue for exploring the setting through roleplay. You can join us as a cladist on the Lagrange System in the year 2403 etc etc skunks write more here plox
 
 ## Where Am I?

layouts/partials/nav.html

@@ -1,14 +1,23 @@
 <nav>
-    <ul class="nav-desktop">
+    <ul>
+        <li>
+            <details>
+                <summary>Books</summary>
+                <ul>
+                    <li><a href="https://post-self.ink/cycle">The Post-Self Cycle:</a>
+                        <ul>
                             <li><a href="https://qoheleth.post-self.ink" target="_blank"><em>Qoheleth</em></a></li>
                             <li><a href="https://toledot.post-self.ink" target="_blank"><em>Toledot</em></a></li>
                             <li><a href="https://neviim.post-self.ink" target="_blank"><em>Nevi'im</em></a></li>
                             <li><a href="https://mitzvot.post-self.ink" target="_blank"><em>Mitzvot</em></a></li>
                         </ul>
-    <ul>
+                    </li>
-        <li class="nav-mobile"><a href="/cycle"><em>The Post-Self Cycle</em></a></li>
+                    <li><a href="https://marsh.post-self.ink" target="_blank"><em>Marsh</em></a></li>
                     <li><a href="https://clade.post-self.ink"><em>Clade</em></a></li>
-        <li><a href="https://rpg.post-self.ink">The RPG</a></li>
+                </ul>
+            </details>
+        </li>
+        <li><a href="https://rpg.post-self.ink">The TTRPG</a></li>
         <li><a href="/extras">Extras</a></li>
         <li><a href="/about">About</a></li>
     </ul>

static/css/toledot.css

@@ -35,18 +35,16 @@ ul {
     list-style-type: revert;
     padding-left: 2rem;
 }
-.nav-desktop {
-    display: block;
-}
-.nav-mobile {
-    display: none;
-}
 
 .hero {
     font-family: "Gentium Plus", serif;
     font-size: 18pt;
     line-height: 1.5;
     color: #444444;
+    margin-bottom: 1rem;
+    background: url(/img/hero-bg.png);
+    background-size: cover;
+    background-position: center;
     background-color: #fafafa;
 }