change css style

21 files changed, 1376 insertions, 1376 deletions

diff --git a/contact-information.html b/contact-information.html
index bf54bd22..caeaaa7f 100644
--- a/contact-information.html
+++ b/contact-information.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -82,44 +82,44 @@ h2, h3 {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2008-06-26-perl-poetry.html b/gemfeed/2008-06-26-perl-poetry.html
index e57d31c1..25005f0a 100644
--- a/gemfeed/2008-06-26-perl-poetry.html
+++ b/gemfeed/2008-06-26-perl-poetry.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -206,44 +206,44 @@ This is perl, v5.8.8 built for i386-freebsd-64int
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2010-04-09-standard-ml-and-haskell.html b/gemfeed/2010-04-09-standard-ml-and-haskell.html
index 4602f248..4c64f449 100644
--- a/gemfeed/2010-04-09-standard-ml-and-haskell.html
+++ b/gemfeed/2010-04-09-standard-ml-and-haskell.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -196,44 +196,44 @@ my_filter f l = foldr (make_filter_fn f) [] l
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2010-05-07-lazy-evaluation-with-standarn-ml.html b/gemfeed/2010-05-07-lazy-evaluation-with-standarn-ml.html
index fa1e5a06..bbfe406c 100644
--- a/gemfeed/2010-05-07-lazy-evaluation-with-standarn-ml.html
+++ b/gemfeed/2010-05-07-lazy-evaluation-with-standarn-ml.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -142,44 +142,44 @@ first 10 nat_pairs_not_null
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2010-05-09-the-fype-programming-language.html b/gemfeed/2010-05-09-the-fype-programming-language.html
index 7f0382ee..d8380d8a 100644
--- a/gemfeed/2010-05-09-the-fype-programming-language.html
+++ b/gemfeed/2010-05-09-the-fype-programming-language.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -457,44 +457,44 @@ BB
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2011-05-07-perl-daemon-service-framework.html b/gemfeed/2011-05-07-perl-daemon-service-framework.html
index ea22da58..8425bf45 100644
--- a/gemfeed/2011-05-07-perl-daemon-service-framework.html
+++ b/gemfeed/2011-05-07-perl-daemon-service-framework.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -188,44 +188,44 @@ sub do ($) {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2014-03-24-the-fibonacci.pl.c-polyglot.html b/gemfeed/2014-03-24-the-fibonacci.pl.c-polyglot.html
index f529263d..168753c0 100644
--- a/gemfeed/2014-03-24-the-fibonacci.pl.c-polyglot.html
+++ b/gemfeed/2014-03-24-the-fibonacci.pl.c-polyglot.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -150,44 +150,44 @@ fib(10) = 55
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2015-12-05-run-debian-on-your-phone-with-debroid.html b/gemfeed/2015-12-05-run-debian-on-your-phone-with-debroid.html
index 10edd29f..14ef3ba7 100644
--- a/gemfeed/2015-12-05-run-debian-on-your-phone-with-debroid.html
+++ b/gemfeed/2015-12-05-run-debian-on-your-phone-with-debroid.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -206,44 +206,44 @@ exit
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2016-04-03-offsite-backup-with-zfs.html b/gemfeed/2016-04-03-offsite-backup-with-zfs.html
index 3c32601a..92c5c3ed 100644
--- a/gemfeed/2016-04-03-offsite-backup-with-zfs.html
+++ b/gemfeed/2016-04-03-offsite-backup-with-zfs.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -83,44 +83,44 @@ h2, h3 {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2016-04-09-jails-and-zfs-on-freebsd-with-puppet.html b/gemfeed/2016-04-09-jails-and-zfs-on-freebsd-with-puppet.html
index 79cf182a..fd9de6d7 100644
--- a/gemfeed/2016-04-09-jails-and-zfs-on-freebsd-with-puppet.html
+++ b/gemfeed/2016-04-09-jails-and-zfs-on-freebsd-with-puppet.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -422,44 +422,44 @@ Notice: Finished catalog run in 206.09 seconds
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html b/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html
index 559c83b4..932bd6d3 100644
--- a/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html
+++ b/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -78,44 +78,44 @@ h2, h3 {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html b/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html
index dfe52e25..a434c042 100644
--- a/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html
+++ b/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -267,44 +267,44 @@ apply Service "dig6" {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2016-11-20-methods-in-c.html b/gemfeed/2016-11-20-methods-in-c.html
index 02677add..fcdd5f0a 100644
--- a/gemfeed/2016-11-20-methods-in-c.html
+++ b/gemfeed/2016-11-20-methods-in-c.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -122,44 +122,44 @@ mult.calculate(mult,a,b));
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.html b/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.html
index e2c6c8fa..cf61743a 100644
--- a/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.html
+++ b/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -181,44 +181,44 @@ Total time: 1213.00s
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html b/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html
index e5835bf8..741a4aea 100644
--- a/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html
+++ b/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -123,44 +123,44 @@ dtail –servers serverlist.txt –files ‘/var/log/*.log’ –regex ‘(?i:er
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2021-04-24-welcome-to-the-geminispace.html b/gemfeed/2021-04-24-welcome-to-the-geminispace.html
index 327f742a..5e8ee57d 100644
--- a/gemfeed/2021-04-24-welcome-to-the-geminispace.html
+++ b/gemfeed/2021-04-24-welcome-to-the-geminispace.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -112,44 +112,44 @@ h2, h3 {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2021-05-16-personal-bash-coding-style-guide.html b/gemfeed/2021-05-16-personal-bash-coding-style-guide.html
index 2bb03c9a..c4dd87c1 100644
--- a/gemfeed/2021-05-16-personal-bash-coding-style-guide.html
+++ b/gemfeed/2021-05-16-personal-bash-coding-style-guide.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -350,44 +350,44 @@ fi
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2021-06-05-gemtexter-one-bash-script-to-rule-it-all.html b/gemfeed/2021-06-05-gemtexter-one-bash-script-to-rule-it-all.html
index 9780251f..2ccbcfd7 100644
--- a/gemfeed/2021-06-05-gemtexter-one-bash-script-to-rule-it-all.html
+++ b/gemfeed/2021-06-05-gemtexter-one-bash-script-to-rule-it-all.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -181,44 +181,44 @@ assert::equals "$(generate::make_link md "$gemtext")" \
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/index.html b/gemfeed/index.html
index 5e4ac4c3..b1fa1968 100644
--- a/gemfeed/index.html
+++ b/gemfeed/index.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -75,44 +75,44 @@ h2, h3 {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/index.html b/index.html
index 1c176d87..4b65fac6 100644
--- a/index.html
+++ b/index.html
@@ -7,44 +7,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -113,44 +113,44 @@ h2, h3 {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/resources.html b/resources.html
index fc21d7fd..f8f3a775 100644
--- a/resources.html
+++ b/resources.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -161,44 +161,44 @@ h2, h3 {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>