2 files changed, 24 insertions, 20 deletions
diff --git a/page.html.erb b/page.html.erb
index 71378a5..54959d8 100644
--- a/page.html.erb
+++ b/page.html.erb
@@ -3,6 +3,7 @@
 <head>
   <meta charset="utf-8">
   <title><%= @page.title %> — Luke T. Shumaker</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="assets/style.css">
   <link rel="alternate" type="application/atom+xml" href="./index.atom" name="web log entries"/>
 </head>
@@ -12,6 +13,11 @@
 <%= @page.content %>
 </article>
 <footer>
+  <aside class="sponsor"><p>I'd love it if you <a class="em"
+      href="/sponsor/">sponsored me</a>.  It will allow me to continue
+      <a class="em" href="/imworkingon/">my work</a> on the GNU/Linux
+      ecosystem.  Thanks!</p></aside>
+
 <%= @page.rights %>
 </footer>
 </body>
diff --git a/public/assets/style.css b/public/assets/style.css
index 1dbdb3d..1033f57 100644
--- a/public/assets/style.css
+++ b/public/assets/style.css
@@ -30,28 +30,10 @@ li p + ul { margin-top: -1em; }
 
 kbd, code, samp, tt, pre {
 	background: #DDDDFF;
-}
-kbd, code, samp, tt,  {
-	white-space: pre-wrap;
-}
-@media screen {
-	/* Firefox for Android does weird hacks with font-size.  In
-	 * particular, `white-space: pre` is broken on Firefox for
-	 * Android if you don't set an absolute font-size.  So this is
-	 * a hack to get reasonable behavior without setting
-	 * `white-space: pre`.  */
-	pre {
-		white-space: pre-wrap;
-		overflow-x: auto;
-	}
-	pre > code {
-		white-space: pre-wrap;
-		display: block;
-		min-width: max-content;
-	}
+	white-space: pre;
 }
 @media print {
-	pre, pre > code {
+	kbd, code, samp, tt, pre {
 		white-space: pre-wrap;
 	}
 }
@@ -165,3 +147,19 @@ a {
 a:hover, a:focus {
 	text-decoration: underline;
 }
+
+a.em, a.em:visited {
+	color: #0000ee;
+	font-weight: bold;
+}
+
+/* beg banner */
+
+aside.sponsor {
+	margin: 0 auto;
+	width: 80%;
+	font-size: 142%;
+	padding: 1em 1.5em;
+	background: #DDDDFF;
+	font-weight: bold;
+}