building out seperate sites

content/assets/stylesheets/_new.scss

@@ -26,27 +26,20 @@ $home-hero: (
 @include layout($home-hero);
 
 .new-home {
+  @include padding-trailer(3);
+
   .container {
     @include container;
   }
 
   .wrap {
-    background: #ffaa72 url(/assets/images/layout/hammer-outline-10.png) no-repeat 100% 20%;
-    background: #ffaa72; //url(/assets/images/layout/hammer-outline-10.png) no-repeat 100% 20%;
-    background: #ffaa72 url(/assets/images/layout/circle-bg.png) no-repeat center bottom;
-
-    background: #FF7F66 url(/assets/images/layout/circle-bg-hot.png) no-repeat center bottom;
-
-    background: #464d57;
-    background-image: url(/assets/images/layout/circle-bg-steel2.png), url(/assets/images/layout/hamster-bg.png);
-    background-repeat: no-repeat, no-repeat;
-    background-position: bottom center, top right;
-
-    background-size: 300px, 400px;
+    background: #464d57 url(/assets/images/layout/hamster-bg.png) no-repeat right bottom;
+    background-size: 400px;
     margin-top: 0;
+    position: relative;
     // border-bottom: .25em solid rgba(0,0,0,0.3);
-    @include padding-leader(4);
-    @include padding-trailer(4);
+    @include padding-leader(5);
+    @include padding-trailer(5);
   }
 
   .hero {
@@ -75,6 +68,7 @@ $home-hero: (
 
   .logo {
     position: absolute;
+    bottom: -100px;
     max-width: 200px;
     left: 50%;
     img {
@@ -85,10 +79,25 @@ $home-hero: (
   }
 
   .brief {
-    @include padding-leader(4);
+    @include padding-leader(3);
+    @include padding-trailer(1);
     //@include adjust-font-size-to($ms-up1);
     //background: url(/assets/images/layout/skulls.png);
     //font-family: $sans-family;
+
+    h2 {
+      margin-bottom: 0;
+      font-weight: normal;
+      font-style: italic;
+      color: $teal;
+      color: $hot;
+      @include adjust-font-size-to($ms-up2, 2);
+    }
+  }
+
+  .spiel {
+    width: 26em;
+    margin: 0 auto;
   }
 
   .cover {
@@ -117,17 +126,20 @@ $home-hero: (
   }
 
   .sites {
-    @include container;
+    background: $teal url(/assets/images/layout/point-bg.png) no-repeat bottom right fixed;
+    @include padding-leader(2);
+    @include padding-trailer(2);
 
     h2 {
-      @include adjust-font-size-to($ms-up1, 1);
+      //@include adjust-font-size-to($ms-up1, 1);
       font-weight: normal;
       margin: 0;
       padding: 0;
     }
 
-    div {
+    .container div {
       background: white;
+      padding: 1.5em;
       @include trailer;
     }
   }

content/assets/stylesheets/main.scss

@@ -14,9 +14,13 @@ $paper:  #f9f8ee;
 $teal:   #77c4d3;
 $dark-teal: #6bac9c;
 
+$hot: #fd7f6a;
+
 $light-blue: #93c9d3;
 $mid-blue: #4ba4b5;
 
+$green: #79bd8f;
+
 
 $color-a: $teal;
 $color-b: $light-blue;

content/new.html

@@ -25,20 +25,22 @@
     <div class="brief">
       <div class="container">
         <div class="spiel">
-          <p>Do you want to learn Clojure, the most powerful and fun
-            programming language on the planet? Do you want to unravel the
-            mysteries of Lisp and functional programming, and oh so much
-            more? Do you want to punch hobbits and track down glittery
-            vampires? Then you&rsquo;ve come to the right place!</p>
+          <h2>Overview You Probably Won't Read!</h2>
           <p>
-            The world of programming is infinitely fascinating, and
-            together we shall explore it so that you will <em>become a
-              better programmer</em>
+            It was Socrates who first said, &ldquo;Learning Clojure is
+            the best way you can improve as a programmer because it
+            introduces you to powerful concepts implemented in a
+            simple, cohesive, and practical language. You learn
+            Clojure here. Therefore, Brave Clojure is your very best
+            friend when it comes to programming.&rdquo; And lo, the
+            syllogism was born!
           </p>
+          <div class="additional"></div>          
         </div>
       </div>
     </div>
     <div class="sites">
+      <div class="container">
       <div class="cftbat">
         <h2>Clojure for the Brave and True</h2>
       </div>
@@ -54,7 +56,7 @@ <h2>Clojure Quests</h2>
       <div class="newsletters">
         <h2>Newsletters</h2>
       </div>
-
+      </div>
     </div>
     <div class="footer">
       <div class="container">

doc/home-page-text-ideas.md

@@ -0,0 +1,13 @@
+learn functional programming
+
+
+In the race to the top of the programmer food chain, no tool will propel you faster than Clojure. Just remember to be polite to your colleagues as your hurdle
+
+
+
+It was Socrates who first said, "Learning different ways to model a problem makes you a better programmer. By learning Clojure, you'll learn a cohesive and powerful approach to modeling problems. Therefore, Brave Clojure is your best friend when it comes to programming."
+
+
+
+
+In my 12 years as a professional programmer, no language has been as fun. Who knows, maybe tomorrow I'll fall in love with another language and burn this site to the ground.