Add a description section

index.html

@@ -22,7 +22,7 @@
 			</nav>
 		</header>
 		<main>
-			<div>
+			<div id="panels">
 				<img src="page0.webp" alt="If you're hearing this, bug the comic creator about adding alt text"/>
 				<img src="page1.webp" alt="If you're hearing this, bug the comic creator about adding alt text"/>
 			</div>
@@ -40,6 +40,20 @@
 					<a href="#next-page">&gt;</a>
 				</div>
 			</nav>
+			<div id="description">
+				<span>Posted by <strong>Ember Hearth</strong> on <strong>Oct 31, 2023</strong></span>
+				<p>
+					It's 4:27 in the afternoon, twenty missed texts from you (I'm sorry!),
+					we were up all night getting friendly with each other: I missed you,
+					it's magic!  Staring at the mirror gotta smile, smile.  Don't be late,
+					we've got plans.  It's time to start a fucking riot (riot) - I'm so
+					tired of keeping myself in the dark!  And I just really don't care, put
+					your hooves in the air tonight.  I wanna fall in love with everypony,
+					we gotta set the streets alight.  Everything's so fucked and I'm tired
+					of being scared so let's get out and fuck up Equestria — Fuck the
+					mandate and monarchy.  This is our world now.  Gotta go <em>fast</em>!
+				</p>
+			</div>
 		</main>
 	</body>
 </html>

style.sass

@@ -42,10 +42,12 @@ header
 				content: "> "
 
 main
-	& > div
+	padding: 0 40px
+
+	#panels
 		display: grid
 		grid-template-columns: 1fr 1fr
-		gap: 10px
+		gap: 30px
 
 		img
 			width: 100%
@@ -55,7 +57,7 @@ main
 		flex-direction: row
 		justify-content: center
 		gap: 24px
-		margin-top: 20px
+		margin: 20px 0
 		.navsec
 			display: flex
 			flex-direction: row