Revamp.

Author: ezzatron

README.md

@@ -1,3 +1,3 @@
 # Eloquent Software website
 
-See [http://lqnt.co/](http://lqnt.co/)...
+See [http://eloquent-software.com/](http://eloquent-software.com/)...

about.html

@@ -1,115 +1,42 @@
-/* font smoothing */
-html, html a {
-    -webkit-font-smoothing: antialiased;
-    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
+#container {
+    width: 920px;
+    margin: 0 auto;
+    padding: 0 2.25em;
 }
 
-/* body spacing/background */
-body {
-    padding-top: 30px;
-    padding-bottom: 30px;
+#content {
+    width: 820px;
+    padding-bottom: 2000px;
+    margin-bottom: 2.25em;
 }
 
-/* header spacing */
-h1, h2, h3, h4, h5, h6 {
-    margin-top: 0.8em;
-}
-.page-header {
-    margin-top: 1em;
-    margin-bottom: 0.5em;
-}
-.jumbotron {
-    margin-top: 30px;
-}
-.jumbotron h1 {
-    margin-top: 0;
-    margin-bottom: 0.5em;
+.markdown-body {
+    font-family: Lato, "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 
-/* anchor links */
-h2, h3, h4, h5, h6 {
-    position: relative;
-    margin-left: -30px;
-    padding-left: 30px;
-}
-a.anchor {
-    position: absolute;
-    top: .25em;
-    margin-left: -1.25em;
-    font-size: .75em;
-    color: #999;
-}
-a.anchor > .icon {
-    display: none;
+.markdown-body code,
+.markdown-body pre,
+.markdown-body .highlight pre,
+.markdown-body kbd,
+.markdown-body blockquote {
+    font-family: Inconsolata, Consolas, "Liberation Mono", Menlo, Courier, monospace;
 }
-a.anchor:hover,
-a.anchor:focus {
-    text-decoration: none;
-    outline: none;
-}
-h2:hover a.anchor > .icon,
-h3:hover a.anchor > .icon,
-h4:hover a.anchor > .icon,
-h5:hover a.anchor > .icon,
-h6:hover a.anchor > .icon {
-    display: inline;
-}
-@media (max-width: 999px) {
-    a.anchor {
-        display: none;
-    }
+.markdown-body code,
+.markdown-body pre,
+.markdown-body .highlight pre,
+.markdown-body blockquote {
+    font-size: 16px;
 }
 
-/* paragraph spacing */
-p + p {
-    margin-top: 1em;
-}
-
-/* navbar spacing */
-.navbar {
-    padding-left: 10px;
-    padding-right: 10px;
-}
-.navbar .navbar-brand {
-    margin-right: 2px;
-}
-@media (max-width: 767px) {
-    .navbar {
-        padding-left: 0;
-        padding-right: 0;
-    }
-}
-
-/* jumbotron */
-@media (max-width: 767px) {
-    .jumbotron {
-        padding: 40px;
-        font-size: 16px;
-    }
-}
-
-/* footer */
-footer, #footer {
-    clear: both;
-    padding-top: 80px;
-    color: #999;
-}
-@media (max-width: 767px) {
-    footer, #footer {
-        padding-top: 40px;
-    }
+.markdown-body blockquote {
+    padding: 1em;
+    border: 1px solid #eee;
+    border-left: 1em solid #eee;
+    overflow: auto;
+    white-space: nowrap;
 }
 
-/* code */
-pre {
-    padding: 0;
-}
-pre code {
-    padding: 10px;
-    word-break: normal;
-    word-wrap: normal;
-    white-space: pre;
-    overflow: auto;
-    overflow-x: auto;
-    overflow-y: hidden;
+.markdown-body hr {
+    height: 1px;
+    background-color: white;
 }