--- /dev/null
+<!DOCTYPE html>
+<!-- Site design *heavily* based on the excellent design of http://suckless.org/ -->
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <title>Simplicity is the ultimate sophistication</title>
+ <link rel="shortcut icon" type="image/x-icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAXCAYAAAAcP/9qAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA0wAAANMB1Nru+QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAASdEVYdFRpdGxlAEdvYXQgd2Fsa2luZ+7/gX0AAAAQdEVYdEF1dGhvcgBMYXN0LURpbm+iSzQbAAAAH3RFWHREZXNjcmlwdGlvbgBhIG1hbGUgZ29hdCB3YWxraW5nKNDXiwAAACF0RVh0Q3JlYXRpb24gVGltZQAyMDEyLTAyLTA5VDE5OjM1OjI3ot70kgAAAEZ0RVh0U291cmNlAGh0dHBzOi8vb3BlbmNsaXBhcnQub3JnL2RldGFpbC8xNjgwNTkvZ29hdC13YWxraW5nLWJ5LWxhc3QtZGlubwrHHvMAAABYdEVYdENvcHlyaWdodABDQzAgUHVibGljIERvbWFpbiBEZWRpY2F0aW9uIGh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL3B1YmxpY2RvbWFpbi96ZXJvLzEuMC/G4735AAAB4UlEQVRIib3VO2hUQRQG4G/XGIKRCMao+IjBF6Kk0cLKxkasVCwUCYLY2AoiWigWQau1sUwqCxEkpLOQoJWFuIUvNCamsBONQfARg8pazKy5Xu7mXuK6PxzuzD9zzj/n3HkQ0I3bmMAt7NACLMcbDGFp5NpbIXwJr1sllkQVF1stWsZGvGy1cBuWYXMTYpWwHpswi0l8Xkh4ClfxBaOYbjB3CbajD6uircYW4RRsQ0di/jcMooKdOIeBZMAKagn7iXd4gTHcweMYqLYIm4r+p9KZrMTcIoMWtblYsT8oYyba/8Q0fqWFS0LWdTwRVtlMZG6ybvMlqUTuCL5qXqkn06L1jO/jgflMR6P4j3/IMom16Gk02IPzKe6K4lnNxAQ+JLgqvsf2OPYWXWknnmWIPMcNXMBh4QzXd+0a4Sas4XjsXxY2WA3DRcUHEoIf4/dMjk9fnPse6yLXhZvCrdaR7TaPFcKT+Qknhau1hoMFFnw0zr2e4Mp4in15zsN4JZSy7jiL3QWE24X/uyvFn1XgNayiP8VNCKXMwwmMZPD9uJvnfA2HUtwYenP8uvAW+zPGOjV+iP5a3b0UN4KtOX5Dwr1Qyhjrxek8YXiIPYn+uPA8LoQNRQLn4QCOxXYbHjUj6G+8cqiKrMxXqAAAAABJRU5ErkJggg==" />
+ <meta charset="utf-8">
+ <style>
+ /** Base Tag Styling */
+ body {
+ background-color: #eeeeee;
+ font-family: sans-serif;
+ padding: 0;
+ margin: 0;
+ }
+
+ h1, h2, h3, h4 { margin: 1em 1ex 0.5ex 0; }
+ h1 { font-size: 1.4em; }
+ h2 { font-size: 1.3em; }
+ h3 { font-size: 1.2em; }
+ h4 { font-size: 1.1em; }
+
+ a {
+ color: #005386;
+ text-decoration: none;
+ }
+
+ .left { float: left; }
+ .right { float: right; }
+
+ /** Header Styling */
+ .header {
+ color: #555555;
+ font-size: 1.78em;
+ padding: 0.7ex 0.7ex 0.7ex 0.7em;
+ }
+
+ .headerLink {
+ color: #1177aa;
+ margin-left: 5px;
+ }
+
+ .headerSubtitle {
+ font-size: 0.75em;
+ font-style: italic;
+ margin-left: 1em;
+ }
+
+ /** Menu Styling */
+ .menu {
+ overflow: hidden;
+ background-color: #1177aa;
+ padding: 0.7ex;
+ border-top: 1px solid black;
+ border-bottom: 1px solid black;
+ }
+
+ .menu a {
+ padding: 0.5ex 1ex 0.5ex 1ex;
+ color: #fff;
+ }
+
+ .menu a:hover { background-color: #006699; }
+
+ /** Main Page Content */
+ .content { background-color: #fff; }
+
+ /** Navigation Bar */
+ .nav {
+ background-color: #fff;
+ float: left;
+ margin: 0 1px 0 0;
+ padding: 1em 0;
+ width: 200px;
+ }
+
+ .nav ul {
+ margin: 0;
+ padding: 0;
+ }
+
+ .nav li {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+
+ .nav li ul {
+ padding-left: 0.6em !important;
+ }
+
+ .nav li a {
+ display: block;
+ margin: 0;
+ padding: 0.8ex 2em 0.8ex 1em;
+ }
+
+ .nav li a.thisPage {
+ color: black;
+ font-weight: bold;
+ }
+
+ /** Article/Page Text */
+ .main {
+ max-width: 50em;
+ margin: 0 0 0 200px;
+ padding: 1.5em;
+ border-left: 1px solid #cccccc;
+ }
+
+ /** Page Footer */
+ .footer {
+ color: #666666;
+ padding: 1em;
+ margin: 0 0 1.5em 0;
+ border-top: 1px solid #cccccc;
+ }
+ </style>
+</head>
+<body>
+ <div class="header">
+ <a href="about.html"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAXCAYAAAAcP/9qAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA0wAAANMB1Nru+QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAASdEVYdFRpdGxlAEdvYXQgd2Fsa2luZ+7/gX0AAAAQdEVYdEF1dGhvcgBMYXN0LURpbm+iSzQbAAAAH3RFWHREZXNjcmlwdGlvbgBhIG1hbGUgZ29hdCB3YWxraW5nKNDXiwAAACF0RVh0Q3JlYXRpb24gVGltZQAyMDEyLTAyLTA5VDE5OjM1OjI3ot70kgAAAEZ0RVh0U291cmNlAGh0dHBzOi8vb3BlbmNsaXBhcnQub3JnL2RldGFpbC8xNjgwNTkvZ29hdC13YWxraW5nLWJ5LWxhc3QtZGlubwrHHvMAAABYdEVYdENvcHlyaWdodABDQzAgUHVibGljIERvbWFpbiBEZWRpY2F0aW9uIGh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL3B1YmxpY2RvbWFpbi96ZXJvLzEuMC/G4735AAAB4UlEQVRIib3VO2hUQRQG4G/XGIKRCMao+IjBF6Kk0cLKxkasVCwUCYLY2AoiWigWQau1sUwqCxEkpLOQoJWFuIUvNCamsBONQfARg8pazKy5Xu7mXuK6PxzuzD9zzj/n3HkQ0I3bmMAt7NACLMcbDGFp5NpbIXwJr1sllkQVF1stWsZGvGy1cBuWYXMTYpWwHpswi0l8Xkh4ClfxBaOYbjB3CbajD6uircYW4RRsQ0di/jcMooKdOIeBZMAKagn7iXd4gTHcweMYqLYIm4r+p9KZrMTcIoMWtblYsT8oYyba/8Q0fqWFS0LWdTwRVtlMZG6ybvMlqUTuCL5qXqkn06L1jO/jgflMR6P4j3/IMom16Gk02IPzKe6K4lnNxAQ+JLgqvsf2OPYWXWknnmWIPMcNXMBh4QzXd+0a4Sas4XjsXxY2WA3DRcUHEoIf4/dMjk9fnPse6yLXhZvCrdaR7TaPFcKT+Qknhau1hoMFFnw0zr2e4Mp4in15zsN4JZSy7jiL3QWE24X/uyvFn1XgNayiP8VNCKXMwwmMZPD9uJvnfA2HUtwYenP8uvAW+zPGOjV+iP5a3b0UN4KtOX5Dwr1Qyhjrxek8YXiIPYn+uPA8LoQNRQLn4QCOxXYbHjUj6G+8cqiKrMxXqAAAAABJRU5ErkJggg=="></a>
+ <a class="headerLink" href="about.html">mdlowis</a>
+ <span class="headerSubtitle">Simplicity is the ultimate sophistication</span>
+ </div>
+
+ <div class="menu">
+ <span class='left'>
+ <a href='about.html'>home</a>
+ <a href='https://git.mdlowis.com/'>source</a>
+ </span>
+ </div>
+
+ <div class="content">
+ <div class="nav">
+ <%= @navigation %>
+ </div>
+
+ <div class="main">
+ <%= @markdown %>
+ </div>
+ </div>
+
+ <div class="footer">
+ <span class="right">© <%= @year %> Michael D. Lowis</span>
+ </div>
+</body><div></div></html>
projects / projs / mdlowis.com.git / commitdiff