added lettering.js and some small css tweaks

3 files changed, 82 insertions, 8 deletions

diff --git a/site/css/screen2.css b/site/css/screen2.css
index bad6f32..eb26819 100644
--- a/site/css/screen2.css
+++ b/site/css/screen2.css
@@ -141,7 +141,7 @@ span.horizon {
   position:absolute;
 }
 span.rising {width:100%;  margin-top:10.5em;}
-span.setting {width:52em; margin-top:2.5em;margin-left:-22em;}
+span.setting {width:52em; margin-top:2.5em;margin-left:-20em;}
 #main {
   border-left: 1px solid #423e39;
   margin:0 0 0 4em;
@@ -199,11 +199,11 @@ hgroup h2 {
   background: #2d2a27;
   color:#fef1d8;
   font-size:1.05em;
-  left:27.5em;
+  left:26.75em;
   line-height:1;
   position:absolute;
   text-transform:uppercase;
-  top:3.85em;
+  top:2em;
   height: 7em;
   width:  7em;
   -webkit-border-radius: 7em;
@@ -229,13 +229,14 @@ hgroup h2 {
 }
 .brave i {
   font-family:"kulturista-web-1","kulturista-web-2", "Courier New";
+  font-size:0.8125em;
   font-style: normal;
   font-weight: normal;
-  top: 1.75em;
+  top: 2.25em;
   position: relative;
   width: 4em;
   display: block;
-  left: 2em;
+  left: 2.25em;
 }
 
 hgroup + p, hgroup + p + p {
@@ -273,6 +274,7 @@ hgroup + p, hgroup + p + p {
   text-align:center;
   text-transform: uppercase;
   text-shadow:0 1px 1px #2D2A27;
+  z-index:100;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
diff --git a/site/index.html b/site/index.html
index c4e5dd2..402a953 100644
--- a/site/index.html
+++ b/site/index.html
@@ -12,11 +12,17 @@
 
   <link rel="shortcut icon" href="/favicon.ico">
 
-  <!-- CSS : implied media="all" -->
-  <link rel="stylesheet" href="css/screen2.css">
-  
   <script type="text/javascript" src="http://use.typekit.com/rbn4gdu.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <link rel="stylesheet" href="css/screen2.css">
+
+  <script src="js/jquery.lettering.js"></script>
+  <script>
+    $(document).ready(function() {
+      $("h1").lettering();
+    });
+  </script>
   <!--[if lt IE 9]>
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
diff --git a/site/js/jquery.lettering.js b/site/js/jquery.lettering.js
new file mode 100755
index 0000000..4515590
--- /dev/null
+++ b/site/js/jquery.lettering.js
@@ -0,0 +1,66 @@
+/*global jQuery */
+/*!	
+* Lettering.JS 0.6.1
+*
+* Copyright 2010, Dave Rupert http://daverupert.com
+* Released under the WTFPL license 
+* http://sam.zoy.org/wtfpl/
+*
+* Thanks to Paul Irish - http://paulirish.com - for the feedback.
+*
+* Date: Mon Sep 20 17:14:00 2010 -0600
+*/
+(function($){
+	function injector(t, splitter, klass, after) {
+		var a = t.text().split(splitter), inject = '';
+		if (a.length) {
+			$(a).each(function(i, item) {
+				inject += '<span class="'+klass+(i+1)+'">'+item+'</span>'+after;
+			});	
+			t.empty().append(inject);
+		}
+	}
+	
+	var methods = {
+		init : function() {
+
+			return this.each(function() {
+				injector($(this), '', 'char', '');
+			});
+
+		},
+
+		words : function() {
+
+			return this.each(function() {
+				injector($(this), ' ', 'word', ' ');
+			});
+
+		},
+		
+		lines : function() {
+
+			return this.each(function() {
+				var r = "eefec303079ad17405c889e092e105b0";
+				// Because it's hard to split a <br/> tag consistently across browsers,
+				// (*ahem* IE *ahem*), we replaces all <br/> instances with an md5 hash 
+				// (of the word "split").  If you're trying to use this plugin on that 
+				// md5 hash string, it will fail because you're being ridiculous.
+				injector($(this).children("br").replaceWith(r).end(), r, 'line', '');
+			});
+
+		}
+	};
+
+	$.fn.lettering = function( method ) {
+		// Method calling logic
+		if ( method && methods[method] ) {
+			return methods[ method ].apply( this, [].slice.call( arguments, 1 ));
+		} else if ( method === 'letters' || ! method ) {
+			return methods.init.apply( this, [].slice.call( arguments, 0 ) ); // always pass an array
+		}
+		$.error( 'Method ' +  method + ' does not exist on jQuery.lettering' );
+		return this;
+	};
+
+})(jQuery);
\ No newline at end of file