drivingmissmuni: First draft

pages.yaml

@@ -2,4 +2,5 @@
 
 - cover.html
 - bouba.html
+- drivingmissmuni.html
 

pages/drivingmissmuni.html

@@ -0,0 +1,97 @@
+<style>
+
+#missmunipage {
+    background-image: url("assets/img/driving-miss-muni.png");
+    background-size: cover;
+    color: white;
+    padding: 0.5in;
+    font-family: "Kenyan Coffee Regular", sans-serif;
+    font-size: 13pt;
+}
+
+@font-face {
+    font-family: "Munificent";
+    src: url("assets/font/munifice.ttf");
+}
+
+@font-face {
+    font-family: "Kenyan Coffee Regular";
+    src: url("assets/font/kenyan-coffee-rg.otf");
+}
+
+@font-face {
+    font-family: "TS Block Bold";
+    src: url("assets/font/ts-block-bold.ttf");
+}
+
+@font-face {
+    font-family: "COMPUTER Robot";
+    src: url("assets/font/computer-robot.ttf");
+}
+
+@font-face {
+    font-family: "Birds of Paradise";
+    src: url("assets/font/birds-of-paradise.ttf");
+}
+
+h1 {
+    font-family: Munificent;
+    font-size: 42pt;
+    color: #ff3232;
+    margin: 0;
+}
+
+h2 {
+    font-family: monospace;
+    font-size: 13pt;
+    font-style: italic;
+    font-weight: bold;
+    margin-top: 0;
+    color: #f0f0f0;
+}
+
+p {
+    margin: 0;
+    text-indent: 2em;
+}
+
+span.muni {
+    font-family: Munificent;
+    color: #ff3232;
+}
+
+span.cyberwheel {
+    font-family: "TS Block Bold";
+}
+
+span.computer {
+    font-family: "COMPUTER Robot", monospace;
+}
+
+span.fancy {
+    font-family: "Birds of Paradise", cursive;
+}
+
+</style>
+
+<div id="missmunipage" class="page-base">
+
+<div id="header">
+    <h1>DRIVING MISS MUNI</h1>
+    <h2>by Bram Noidz</h2>
+</div>
+
+<div id="article-body">
+
+<p>Your boy Bram gets into a lot of arguments with people about transportation. You know this guy loves talking about getting from Point A to Point B. In fact these days I rarely care about where Point A and Point B are even located, especially since we're talking about coordinates in <span class="computer">Meatspace</span> after all. If the Internet is collectively known as the <em>Information Superhighway,</em> what does that make actual highways? Just lame <em>informationless substandard highways</em> I guess.</p>
+
+<p>I'll be the first to admit: I use The Bus sometimes. Every once in a while, I gotta go somewhere, and it happens to line up with a <span class="muni">MUNI</span> route. What can I say? I can't always be scooting around on my <span class="cyberwheel">Cyberwheel</span>. Sometimes it needs charging, and I need some quality smartphone time.</p>
+
+<p>The other day it occurred to me what an obscene, extravagant luxury <span class="fancy">The Bus</span> actually is. Despite this, a lot of my friends tell me that its supposedly an economical way to get around. Are you kidding me? You're literally being driven around in a stretch limousine with a chauffeur. It's even fancier than those <span class="computer">ROBOTAXIS</span> that are driving around because you get the upscale human touch. When your chauffeur is blasting the horn at the crossing bicyclist, you know it's coming from the heart.</p>
+
+<p>"But it's cheap," you might be thinking. Give me a break. You don't think Bram's done his <span class="computer">Deep Research</span> on this one? While the sticker price on the fare might only be <strong>$2.75</strong>, Uncle Sam is subsidizing a vast majority of the total cost, which is actually about <strong>$13.25 per ride.</strong> <span class="muni">MUNI</span> only recovers about 17% of operating expenses from fare revenue. The rest has gotta come from somewhere! And those silly little Cable Cars cost even more to run, but we like how kitschy and quaint they are even though their brakes are made out of wood and look retarded.</p>
+
+<p>So the next time you're trying to get somewhere in The City, go ahead and splurge and take The Bus. Your <span class="fancy">Luxury Limousine</span> is just one stop away.</p>
+
+</div>
+</div>