From 6276c745f8782f83d41a9c9e3f41bde94594756d Mon Sep 17 00:00:00 2001 From: Dave Gamache Date: Sun, 15 May 2011 16:50:51 -0700 Subject: [PATCH] recleaned all of the code and formatting to be BEAUTIFUL --- 404.html | 9 +++++---- fonts/README.css | 13 ------------- index.html | 6 ++++++ javascripts/app.js | 34 +--------------------------------- stylesheets/base.css | 15 +++------------ stylesheets/layout.css | 32 ++++++++++++++++++++++++++------ stylesheets/skeleton.css | 24 +++++++++++++----------- 7 files changed, 54 insertions(+), 79 deletions(-) delete mode 100644 fonts/README.css diff --git a/404.html b/404.html index 9169730..c7cc27e 100644 --- a/404.html +++ b/404.html @@ -32,10 +32,11 @@ - -
-

Sorry. Couldn't Find That Page!

-
+ +
+

Sorry. Couldn't Find That Page!

+
diff --git a/fonts/README.css b/fonts/README.css deleted file mode 100644 index 9cd0a5e..0000000 --- a/fonts/README.css +++ /dev/null @@ -1,13 +0,0 @@ -/* This is the proper syntax for an @font-face file - Just copy pasta into your CSS file -*/ - - @font-face { - font-family: 'FontName'; - src: url('../fonts/FontName.eot'); - src: url('../fonts/FontName.eot?iefix') format('eot'), - url('../fonts/FontName.woff') format('woff'), - url('../fonts/FontName.ttf') format('truetype'), - url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); - font-weight: normal; - font-style: normal; } \ No newline at end of file diff --git a/index.html b/index.html index 8c9b460..4c036c8 100644 --- a/index.html +++ b/index.html @@ -34,6 +34,9 @@ + + + @@ -61,6 +64,9 @@ + + + diff --git a/javascripts/app.js b/javascripts/app.js index f89f91a..44ba840 100644 --- a/javascripts/app.js +++ b/javascripts/app.js @@ -2,19 +2,12 @@ * Skeleton V1.0 * Created by Dave Gamache * www.skeleton.gs -* 4/30/2011 +* 5/15/2011 */ $(document).ready(function() { - /* iPhone fix to scroll away iPhone browser chrome */ -/* - if(window.width < '500px') { - setTimeout(function(){window.scrollTo(0, 1);}, 100); - } -*/ - /* Tabs Activiation ================================================== */ var tabs = $('ul.tabs'); @@ -46,29 +39,4 @@ $(document).ready(function() { }); }); - - /* Placeholder - ================================================== - $('[placeholder]').focus(function() { - var input = $(this); - if (input.val() == input.attr('placeholder')) { - input.val(''); - input.removeClass('placeholder'); - } - }).blur(function() { - var input = $(this); - if (input.val() == '' || input.val() == input.attr('placeholder')) { - input.addClass('placeholder'); - input.val(input.attr('placeholder')); - } - }).blur(); - $('[placeholder]').parents('form').submit(function() { - $(this).find('[placeholder]').each(function() { - var input = $(this); - if (input.val() == input.attr('placeholder')) { - input.val(''); - } - }); - }); */ - }); \ No newline at end of file diff --git a/stylesheets/base.css b/stylesheets/base.css index c4582b0..64393ed 100644 --- a/stylesheets/base.css +++ b/stylesheets/base.css @@ -2,7 +2,7 @@ * Skeleton V1.0 * Created by Dave Gamache * www.skeleton.gs -* 4/30/2011 +* 5/15/2011 */ @@ -17,7 +17,8 @@ #Images #Buttons #Tabs - #Forms */ + #Forms + #Misc */ /* #Reset & Basics (Inspired by E. Meyers) @@ -240,16 +241,6 @@ clear: both; } ul.tabs { zoom: 1; } - - /* Sample Markup - - */ /* #Forms diff --git a/stylesheets/layout.css b/stylesheets/layout.css index f871e2e..f0fbf9a 100644 --- a/stylesheets/layout.css +++ b/stylesheets/layout.css @@ -2,22 +2,23 @@ * Skeleton V1.0 * Created by Dave Gamache * www.skeleton.gs -* 4/30/2011 +* 5/15/2011 */ /* Table of Content ================================================== #Site Styles #Page Styles - #Media Queries */ + #Media Queries + #Font-Face */ -/* Site Styles +/* #Site Styles ================================================== */ -/* Page Styles +/* #Page Styles ================================================== */ -/* Media Queries +/* #Media Queries ================================================== */ /* iPad Portrait/Browser */ @@ -39,4 +40,23 @@ @media only screen and (max-width: 767px) and (max-device-width: 1000px) {} /* Mobile Landscape Only */ - @media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {} \ No newline at end of file + @media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {} + + +/* #Font-Face +================================================== */ +/* This is the proper syntax for an @font-face file + Just create a "fonts" folder at the root, + copy your FontName into code below and remove + comment brackets */ + +/* @font-face { + font-family: 'FontName'; + src: url('../fonts/FontName.eot'); + src: url('../fonts/FontName.eot?iefix') format('eot'), + url('../fonts/FontName.woff') format('woff'), + url('../fonts/FontName.ttf') format('truetype'), + url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); + font-weight: normal; + font-style: normal; } +*/ \ No newline at end of file diff --git a/stylesheets/skeleton.css b/stylesheets/skeleton.css index 45846e7..59eee7f 100644 --- a/stylesheets/skeleton.css +++ b/stylesheets/skeleton.css @@ -2,17 +2,17 @@ * Skeleton V1.0 * Created by Dave Gamache * www.skeleton.gs -* 4/30/2011 +* 5/15/2011 */ -/* Table of Content +/* Table of Contents ================================================== #Base 960 Grid - #Mobile: iPad Portrait - #Mobile: iPhone Portrait - #Mobile: iPhone Landscape - #Clearing + #Tablet (Portrait) + #Mobile (Portrait) + #Mobile (Landscape) + #Clearing */ @@ -67,7 +67,7 @@ -/* #Responsive: iPad Portrait +/* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @@ -118,7 +118,7 @@ } -/* Mobile +/* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @@ -166,7 +166,7 @@ } -/* Mobile Landscape +/* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @@ -196,13 +196,14 @@ } -/* Clearing +/* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } - /* Use clearfix class on parent to clear nested columns*/ + /* Use clearfix class on parent to clear nested columns, + or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, @@ -220,6 +221,7 @@ .clearfix { zoom: 1; } + /* You can also use a
to clear columns */ .clear { clear: both; display: block;