Side-by-side

content/_index.md

@@ -1,40 +1,42 @@
 ---
 ---
 
-* Given the chance to live forever in a world not built for death, what do you do?
-* Given the inability to forget---all your joys and sorrows, all your foundational memories and traumas---how do you cope?
-* Given the ability to create a full copy of yourself---down to every single one of those memories---to do as they will, to individuate and live out their own forever lives, or merge back down and meld their memories with your own, what paths do you take?
-
+</main>
+<div class="hero">
+    <ul>
+        <li>Given the chance to live forever in a world not built for death, what do you do?</li>
+        <li>Given the inability to forget—all your joys and sorrows, all your foundational memories and traumas—how do you cope?</li>
+        <li>Given the ability to create a full copy of yourself—down to every single one of those memories—to do as they will, to individuate and live out their own forever lives, or merge back down and meld their memories with your own, what paths do you take?</li>
+    </ul>
     <!--
     Alternately: "If I had a nickel for every time I accidentally wrote something with heavy plural undertones that I hadn't intended but nonetheless made me doubt my identity, I'd have two nickels! Which isn't a lot, but it is weird that it happened twice."
     -->
-
-## The Post-Self Cycle
-
-[![The book covers](/img/covers.png)](/cycle)
-
-> And thus grew a new world, a world that was not built for death...
-
-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?
-
-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.
-
+    <div class="half">
+        <h2 id="the-post-self-cycle">The Post-Self Cycle</h2>
+        <a href="/cycle"><img src="/img/covers.png" alt="The book covers"></a>
+        <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."
         -->
-
-## Clade
-
-[![The book cover](/img/clade.png)](https://clade.post-self.ink)
-
-> **Clade** *(n)* – /klɛ:id/ – *post-self theory*  
-> A group of individuals patterned off a single root consciousness, formed through branching expansion of the forking of its constituent members.  
-> *See also: cladistics, cocladist, up-/down-/cross-tree instance, forking, post-self theory.*  
-> — The System Central Library Encyclopedia
-
-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. An extra funded by the *Mitzvot* Kickstarter backers.
-
-*Coming mid 2023*
+    </div>
+    <div class="half">
+        <h2 id="clade">Clade</h2>
+        <a href="https://clade.post-self.ink"><img src="/img/clade.png" alt="The book cover"></a>
+        <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&hellip;well, it inspires a feeling best described as &lsquo;heady&rsquo;, to say the least. An extra funded by the <em>Mitzvot</em> Kickstarter backers.</p>
+        <p><em>Coming August 1, 2023</em></p>
+    </div>
+</div>
+<main>
 
 ## About
 

static/css/toledot.css

@@ -37,6 +37,53 @@ ul {
     display: none;
 }
 
+.hero {
+    max-width: 960px;
+    margin: 0 auto;
+    font-family: "Gentium Plus", serif;
+    font-size: 18pt;
+    display: flex;
+    flex-wrap: wrap;
+    line-height: 1.5;
+}
+
+.hero blockquote {
+    margin: 1rem 0;
+    padding: 0 0 0 2rem;
+    border-left: 3px solid #ddd;
+}
+
+.hero p {
+    text-indent: 2rem;
+}
+
+.hero blockquote p {
+    text-indent: 0;
+    margin-bottom: 0.5rem;
+}
+
+.hero ul {
+    font-size: 20pt;
+    color: #444444;
+    background-color: #fafafa;
+    list-style-type: none;
+    text-align: center;
+    flex: 2 1 100%;
+    margin: 0;
+    padding: 1rem;
+}
+
+.hero ul li {
+    margin: 1rem 0;
+    padding: 0;
+}
+
+.hero .half {
+    flex: 1 0 400px;
+    margin: 0 1rem;
+    max-width: 100%;
+}
+
 @media (max-device-width: 450px) {
     .nav-desktop {
         display: none;
@@ -47,4 +94,22 @@ ul {
     nav ul li {
         padding-bottom: 0.5rem !important;
     }
+    .hero {
+        display: block;
+        margin: 0;
+        padding: 0 2rem;
+        width: 100%;
+    }
+    .hero  ul {
+        flex: none;
+        width: 100%;
+        padding: 0;
+        background-color: initial;
+    }
+    .hero .half {
+        flex: none;
+        width: auto;
+        margin: 0;
+        padding: 0;
+    }
 }