From c1d4c88c2c436c8b5dd2a8a5e73466e3d40da8ec Mon Sep 17 00:00:00 2001
From: Marc Cataford <c.marcandre@gmail.com>
Date: Sun, 21 Jun 2015 01:08:18 -0400
Subject: [PATCH] Fix.

---
 js/fx.js      | 11 +++++++++++
 notready.html | 41 ++++++++++++++++++++++++-----------------
 style.css     | 29 ++++++++++++++++++++++-------
 3 files changed, 57 insertions(+), 24 deletions(-)

diff --git a/js/fx.js b/js/fx.js
index 114c0bd..36200af 100644
--- a/js/fx.js
+++ b/js/fx.js
@@ -1,4 +1,15 @@
+//Pageload animations.
 $(window).ready(function() {
   $("#header_title").fadeIn(800);
   $("#header_blurb").delay(300).fadeIn(800);
+  $("#skillset .section_header").delay(1100).animate({width:"show"},800);
+  $("#experience .section_header").delay(1100).animate({width:"show"},800);
+  $("#projects .section_header").delay(1100).animate({width:"show"},800);
 });
+
+//Expanding sections.
+$(".section_header h1").click(function() {
+  console.log("Yo");
+});
+
+
diff --git a/notready.html b/notready.html
index e35dd60..c0f84a0 100644
--- a/notready.html
+++ b/notready.html
@@ -35,8 +35,10 @@
       </div>
     </div>
     <div id="skillset">
-    <div id="skillset_header" class="section_header"><h1 class="nomargin">Skillset</h1></div>
-    <div id="skillset_contents" class="invisible">
+    <div class="section_header fleft clearb fullwidth invisible">
+        <center><h1 class="nomargin centered">Skillset</h1></center>
+    </div>
+    <div class="contents">
       <ul class="nomargin pad5">
         <li>I comfortably program in <b>Java</b>,<b>C/C++</b>,<b>PHP</b> and <b>Javascript</b>.</li>
         <li>I can also use <b>jQuery</b>,<b>HandlebarsJS</b>,<b>MongoDB</b> and <b>MySQL</b> without problems.</li>
@@ -46,24 +48,29 @@
     
   </div>
     <div id="experience">
-    <div id="exp_header" class="section_header"><h1 class="nomargin">Experience</h1></div>
-    <div id="exp_contents" class="invisible">
-      <script id="exp-template" type="text/x-handlebars-template">
-        {{#each experiences}}
+      <div class="section_header fright clearb fullwidth invisible">
+          <center><h1 class="nomargin">Experience</h1></center>
+      </div>
+      <div class="contents">
+        <script id="exp-template" type="text/x-handlebars-template">
+          {{#each experiences}}
         
-        <div id="{{@index}}">
-          <p>{{title}} at {{org}} from {{start}} to {{end}}.</p>
-          <ul>
-          {{#each task}}<li>{{this}}</li>{{/each}}
-          </ul>
-        <div>
+          <div id="{{@index}}">
+            <p>{{title}} at {{org}} from {{start}} to {{end}}.</p>
+            <ul>
+            {{#each task}}<li>{{this}}</li>{{/each}}
+            </ul>
+          <div>
           
-        {{/each}}
-      </script>
+          {{/each}}
+        </script>
+      </div>
+    </div>
+    <div id="projects">
+        <div class="section_header fleft clearb fullwidth invisible">
+            <center><h1 class="nomargin">Projects</h1></center>
+        </div>
     </div>
-  </div>
-    <div id="projects"></div>
-    <div id="callmemaybe"></div>
   </div> <!-- endof: page wrapper -->
 
 </body>
diff --git a/style.css b/style.css
index a3be55a..4f73059 100644
--- a/style.css
+++ b/style.css
@@ -30,25 +30,40 @@
   height: 50%;
 }
 
-#skillset_header {
-  background-color: #DE5235;
+.contents {
+  display: none;
 }
 
-#skillset_contents {
+#skillset .section_header {
+  background-color: #1F7A7A;
+  
+}
+
+#skillset .contents {
   background-color: #DB7B67;
 }
 
-#exp_header {
-  background-color: #35C1DE;
+#experience .section_header {
+  background-color: #29A3A3;
 }
 
-#exp_contents {
+#experience .contents {
   display: none;
   
-  background-color: #62C9DE;
+  background-color: #33CCCC;
+}
+
+#projects .section_header {
+  display: none;
   
+  background-color: #33CCCC;
 }
 
 .nomargin { margin: 0 0; }
 .invisible { display: none; }
 .pad5 { padding: 0 5; }
+.fullwidth { width: 100%; }
+.fleft { float: left; }
+.fright { float: right; }
+.clearb { clear: both; }
+.centered { align: center; }