From 368011c163be577f85159b86bfacc6a092368561 Mon Sep 17 00:00:00 2001
From: David DeSandro <david@desandro.com>
Date: Mon, 3 Jan 2011 16:56:55 -0500
Subject: [PATCH] Add jekylling

---
 .gitignore         |  1 +
 _config.yml        |  1 +
 _includes/nav.html |  8 +++++
 css/style.css      | 86 ++++++++++++++++++++++++++++++++++++++++++----
 index.html         |  8 +++++
 js/scripts.js      | 19 ++++++++++
 6 files changed, 117 insertions(+), 6 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 _config.yml
 create mode 100644 _includes/nav.html
 create mode 100644 js/scripts.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..72a5c3b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+_site/
\ No newline at end of file
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..b0f2dfb
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1 @@
+name: BeerCamp at SXSW 2011
\ No newline at end of file
diff --git a/_includes/nav.html b/_includes/nav.html
new file mode 100644
index 0000000..2b912f9
--- /dev/null
+++ b/_includes/nav.html
@@ -0,0 +1,8 @@
+
+<ul class="nav">
+  <li class="intro"><a href="#intro">Intro</a></li>
+  <li class="sponsors"><a href="#sponsors">Sponsors</a></li>
+  <li class="flip-cup"><a href="#flip-cup">Flip Cup</a></li>
+  <li class="sign-up"><a href="#sign-up">Team Sign Up</a></li>
+  <li class="teams"><a href="#team">Teams</a></li>
+</ul>
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 679dc5f..035d3e1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -140,8 +140,8 @@ input:invalid, textarea:invalid {
 .no-boxshadow textarea:invalid { background-color: #f0dddd; }
 
 
-/*::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
-::selection { background:#FF5E99; color:#fff; text-shadow: none; }*/
+/*::-moz-selection { background: #223; color: #DD0; text-shadow: none; }
+::selection      { background: #223; color: #DD0; text-shadow: none; opacity: 1; }*/
 
 /* make buttons play nice in IE:
    www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
@@ -198,7 +198,7 @@ html, body {
   width: 990px;
   height: 540px;
   top: -270px;
-  border: 1px solid;
+  border: 1px solid hsla( 0, 0%, 0%, 0.1 );
   margin: 0 auto;
   
 }
@@ -253,6 +253,60 @@ a:visited {
   text-decoration: none;
 }
 
+a:hover {
+  color: #B20;
+}
+
+/***************** Nav  *****************/
+
+.nav {
+  list-style: none;
+  margin: 0;
+  position: absolute;
+  z-index: 100;
+  top: 0;
+  width: 100%;
+/*  background: #223;*/
+}
+
+.nav li {
+  float: left;
+  border-right: 2px solid #DD0;
+  text-align: center;
+  font-size: 15px;
+  text-transform: uppercase;
+/*  font-family: 'Hero';*/
+}
+
+.nav li a {
+  line-height: 1.4em;
+  display: block;
+  background: #223;
+  color: #DD0;
+  letter-spacing: 0.2em;
+/*  text-shadow:
+   1px  0px #DD0,
+   1px  1px #DD0,
+   0px  1px #DD0,
+  -1px  1px #DD0,
+  -1px  0px #DD0,
+  -1px -1px #DD0,
+   0px -1px #DD0,
+   1px -1px #DD0
+  ;*/
+  padding: 0.1em 2.0em 0 0.5em;
+}
+
+.nav li a:hover {
+  background: white;
+  color: #223;
+}
+
+#intro .nav li.intro a
+{
+  background: #B20;
+}
+
 /***************** Intro *****************/
 
 #intro {
@@ -264,6 +318,7 @@ a:visited {
   font-size: 180px;
   text-align: center;
   line-height: 160px;
+  margin-top: 10px;
 }
 
 #intro h2 {
@@ -277,7 +332,7 @@ a:visited {
 #intro .location {
   position: absolute;
   width: 330px;
-  top: 300px;
+  top: 296px;
 }
 
 /* Date */
@@ -332,13 +387,13 @@ a:visited {
   font-size: 32px;
   line-height: 1.6em;
   letter-spacing: 0.05em;
-  font-family: 'Hero';
 }
 
 /* Location */
 
 #intro .location {
   right: 0;
+  top: 284px;
 }
 
 #intro .location h3 {
@@ -373,7 +428,26 @@ a:visited {
 #intro .location a:hover p { background: #B20; }
 
 
-
+#intro .blurb {
+  position: absolute;
+  bottom: 0;
+  text-align: center;
+  font-family: 'Mod';
+  width: 100%;
+  font-size: 47px;
+  color: #DD0;
+  text-shadow:
+   2px  0px #223,
+   2px  2px #223,
+   0px  2px #223,
+  -2px  2px #223,
+  -2px  0px #223,
+  -2px -2px #223,
+   0px -2px #223,
+   2px -2px #223
+  ;
+  letter-spacing: 2px;
+}
 
 
  /*
diff --git a/index.html b/index.html
index d71b30c..1d97d30 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,6 @@
+---
+layout: nil
+---
 <!doctype html>  
 <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
 <!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
@@ -52,6 +55,8 @@
     </section> <!-- #grid -->
     
     <section id="intro">
+      {% include nav.html %}
+      
       <h1>BeerCamp</h1>
       <h2>at SXSW 2011</h2>
       
@@ -70,6 +75,8 @@ <h3>Emo&rsquo;s</h3>
         </a> 
       </div>
       
+      <p class="blurb">A party of rational proportions</p>
+      
     </section> <!-- #intro -->
 
 
@@ -82,6 +89,7 @@ <h3>Emo&rsquo;s</h3>
 
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
 <script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script>
+<script src="js/scripts.js"></script>
   
   
   
diff --git a/js/scripts.js b/js/scripts.js
new file mode 100644
index 0000000..02e4223
--- /dev/null
+++ b/js/scripts.js
@@ -0,0 +1,19 @@
+$(function(){
+  
+  var section = 'intro';
+  
+  $('.nav a').click(function(){
+    
+    var oldSection = section;
+    section = $(this).attr('href').slice(1);
+    
+    $(document.body).removeClass( oldSection ).addClass( section );
+
+    window.location.hash = '#' + section;    
+    
+    return false;
+
+  });
+  
+  
+});
\ No newline at end of file