Revert "Upgrade to Jekyll 2.1.1, use Sass, tweak styles"

This reverts commit dc42f62.

Author: devonoel

_config.yml

@@ -1,3 +1,3 @@
 name: DevoNoel
 markdown: redcarpet
-highlighter: pygments
+pygments: true

_layouts/default.html

@@ -15,9 +15,7 @@ <h1 class="title">{{ site.name }}</h1>
       <h2>Maker of Things</h2>
     </header>
 
-    <div id="content">
-      {{ content }}
-    </div>
+    {{ content }}
 
     <footer>
       <a href="https://github.com/DevoNoel" target="_blank"><i class="fa fa-github"></i></a>

_site/css/main.css

@@ -1,66 +1,69 @@
-/* Mixins, imports, variables */
 @import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900);
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
-/* Global resets */
+
+/* Global Reset */
 * {
   margin: 0;
-  padding: 0; }
+  padding: 0;
+}
 
-html {
-  position: relative;
-  min-height: 100%; }
+html, body { height: 100%; }
+
+/* Le Styles */
 
-/* Les styles */
 body {
-  margin: 0 0 105px;
-  background-color: #e05221;
-  color: #3d210c;
-  font-family: "Open Sans", "sans-serif";
-  max-width: 1150px;
+  position: relative;
+  background-color: #E05221;
+  color: #3D210C;
+  font-family: 'Open Sans', 'sans-serif';
+  padding: 50px;
+  max-width: 1200px;
   min-width: 800px;
-  margin: 0 auto;
-  padding: 0 70px; }
-
-header {
-  margin-top: 52.5px; }
-
-footer {
-  position: absolute;
-  bottom: 0;
-  height: 105px;
-  width: 100%; }
-  footer a {
-    color: #3d210c;
-    font-size: 40px;
-    padding-right: 10px; }
-
-a {
-  color: #5f442e;
-  text-decoration: none; }
+  height: 700px;
+  margin: auto;
+  box-sizing:border-box;
+  -moz-box-sizing:border-box; /* Firefox */
+}
 
-a:hover {
-  color: #dddddd;
-  text-decoration: none; }
+a         { color: #3D210C; text-decoration: none; }
+a:hover   { color: #DDD; text-decoration: none; }
 
 h1, h2 {
-  font-family: "Raleway", "sans-serif"; }
+  font-family: 'Raleway', 'sans-serif';
+}
 
 h1 {
   font-weight: 900;
-  font-size: 60px; }
+  font-size: 60px;
+}
 
 h2 {
   font-weight: 700;
-  font-size: 35px; }
+  font-size: 35px;
+}
 
-#content {
-  height: 370px;
-  line-height: 370px; }
+footer {
+  position: absolute;
+  bottom: 50px;
+  font-size: 40px;
+}
+
+footer a {
+  padding-right: 10px;
+}
 
 #index {
+  margin: 100px auto;
+  padding: 50px 0;
   font-size: 32px;
   line-height: 50px;
   text-align: right;
-  display: inline-block;
-  vertical-align: middle;
-  width: 100%; }
+}
+
+#index a {
+  color: #5F442E;
+}
+
+#index a:hover {
+  color: #DDD;
+}

_site/index.html

@@ -15,14 +15,12 @@ <h1 class="title">DevoNoel</h1>
       <h2>Maker of Things</h2>
     </header>
 
-    <div id="content">
-      <div id="index">
+    <div id="index">
   <h3>QA Engineer at <a href="http://500px.com/">500px</a>.</h3>
   <h3>Developer and mercenary for hire.</h3>
   <h3>Wiener dog enthusiast.</h3>
 </div>
 
-    </div>
 
     <footer>
       <a href="https://github.com/DevoNoel" target="_blank"><i class="fa fa-github"></i></a>

css/main.css

@@ -0,0 +1,69 @@
+@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900);
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
+
+/* Global Reset */
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html, body { height: 100%; }
+
+/* Le Styles */
+
+body {
+  position: relative;
+  background-color: #E05221;
+  color: #3D210C;
+  font-family: 'Open Sans', 'sans-serif';
+  padding: 50px;
+  max-width: 1200px;
+  min-width: 800px;
+  height: 700px;
+  margin: auto;
+  box-sizing:border-box;
+  -moz-box-sizing:border-box; /* Firefox */
+}
+
+a         { color: #3D210C; text-decoration: none; }
+a:hover   { color: #DDD; text-decoration: none; }
+
+h1, h2 {
+  font-family: 'Raleway', 'sans-serif';
+}
+
+h1 {
+  font-weight: 900;
+  font-size: 60px;
+}
+
+h2 {
+  font-weight: 700;
+  font-size: 35px;
+}
+
+footer {
+  position: absolute;
+  bottom: 50px;
+  font-size: 40px;
+}
+
+footer a {
+  padding-right: 10px;
+}
+
+#index {
+  margin: 100px auto;
+  padding: 50px 0;
+  font-size: 32px;
+  line-height: 50px;
+  text-align: right;
+}
+
+#index a {
+  color: #5F442E;
+}
+
+#index a:hover {
+  color: #DDD;
+}