Redesign front page.

2 files changed, 24 insertions, 4 deletions

diff --git a/blog/_assets/stylesheets/_config.scss b/blog/_assets/stylesheets/_config.scss
index 8477f0a..c8b5066 100644
--- a/blog/_assets/stylesheets/_config.scss
+++ b/blog/_assets/stylesheets/_config.scss
@@ -1,5 +1,5 @@
-$body-bg: black;
-$text-color: #aaa;
+$body-bg: rgba(0, 0, 0, 0.4);
+$text-color: #acbed5;
 $heading-color: #3379BF;
 $dimmed-text-color: darken($text-color, 20%);
 $link-color: #93A2B1; //#686;
diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss
index 16deaf6..0923299 100644
--- a/blog/_assets/stylesheets/main.scss
+++ b/blog/_assets/stylesheets/main.scss
@@ -14,6 +14,7 @@ body {
     background: {
         image: image_url("background.jpg");
         repeat: no-repeat;
+        attachment: fixed;
         position: center top;
         color: black;
     }
@@ -34,6 +35,10 @@ h1 {
     font-size: 20pt;
 }
 
+strong {
+  color: $dimmed-text-color;
+}
+
 #page-container {
     position: relative;
     width: 28cm;
@@ -56,6 +61,8 @@ h1 {
     min-height: 700px;
 
     padding: 1cm;
+    font-size: 16pt;
+    background-color: $body-bg;
 
     @include round-corners;
 
@@ -88,10 +95,18 @@ h1 {
 #sponsor-pos-1,
 #sponsor-pos-2 {
     text-align: center;
+    margin: {
+      left: auto;
+      right: auto;
+    }
+    height: 500px;
+    width: 3*(250px + 4mm);
     .sponsor-logos {
+        float: left;
+        width: 250px;
+        display: inline-block;
         .logo {
-            display: inline-block;
-            width: 250px;
+            display: block;
             vertical-align: middle;
             img {
                 vertical-align: middle;
@@ -102,5 +117,10 @@ h1 {
                 background-color: $nav-link-hover-bg;
             }
         }
+        &:after {
+          content: ".";
+          visibility: hidden;
+          clear: both;
+        }
     }
 }