Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Sam Richard
committed
May 17, 2012
1 parent
89eb636
commit 04c0915
Showing
1 changed file
with
38 additions
and
37 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,49 +1,50 @@ | ||
| <html> | ||
| <!doctype html> | ||
| <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> | ||
| <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> | ||
| <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> | ||
| <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | ||
| <head> | ||
| <title>Aurora Test Page</title> | ||
|
|
||
| <link href="css/style.css" rel="stylesheet" type="text/css" /> | ||
| <link href='http://fonts.googleapis.com/css?family=Poly:400,400italic' rel='stylesheet' type='text/css'> | ||
| <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1"> | ||
| <!-- <script type="text/javascript"> | ||
| (function(doc) { | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
|
|
||
| var addEvent = 'addEventListener', | ||
| type = 'gesturestart', | ||
| qsa = 'querySelectorAll', | ||
| scales = [1, 1], | ||
| meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : []; | ||
| <title>Aura: Responsive Done Easy</title> | ||
| <meta name="description" content="Aura responsive architecture for Sass, Compass, and Susy"> | ||
| <meta name="author" content="Sam Richard"> | ||
|
|
||
| function fix() { | ||
| meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1]; | ||
| doc.removeEventListener(type, fix, true); | ||
| } | ||
| <meta name="viewport" content="width=device-width; initial-scale=1"> | ||
|
|
||
| if ((meta = meta[meta.length - 1]) && addEvent in doc) { | ||
| fix(); | ||
| scales = [.25, 1.6]; | ||
| doc[addEvent](type, fix, true); | ||
| } | ||
| <link rel="stylesheet" href="css/style.css"> | ||
|
|
||
| }(document)); | ||
| </script> --> | ||
| <script src="js/libs/modernizr-2.5.3.min.js"></script> | ||
| </head> | ||
|
|
||
| <body> | ||
| <!--[if lt IE 9]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]--> | ||
| <div id="page-wrapper"> | ||
| <div id="main-content"> | ||
| <p>Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.</p> | ||
|
|
||
| <p>Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla.</p> | ||
|
|
||
| <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod.</p> | ||
|
|
||
| <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p> | ||
| </div> | ||
| <div id="sidebar"> | ||
| <img src="images/FunnyCow.jpg" alt="Funny Cow" /> | ||
| </div> | ||
| <header id="aura-header"> | ||
| <h1><span class="char1">A</span><span class="char2">U</span><span class="char3">R</span><span class="char4">A</span></h1> | ||
| <h3>Responsive Done Easy</h3> | ||
| </header> | ||
| <article id="main-content"> | ||
| <section id="introduction"> | ||
| <p>Building responsive websites is hard. From grid calculations to unit conversions to remembering just where you put that last breakpoint, there's a lot of moving parts that need to be taken care of in order for your website to come out right. Aura aims to simplify that.</p> | ||
| <p>Aura's goal is to help get you set up and help you keep organized, and baring those two things, get the hell out of your way. Built on top of <a href="http://susy.oddbird.net" target="_blank">Susy</a>, Aura will help you build out a fluid grid | ||
| </section> | ||
|
|
||
| </article> | ||
| <nav id="sidebar"> | ||
|
|
||
| </nav> | ||
| </div> | ||
|
|
||
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | ||
| <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script> | ||
|
|
||
| <script src="js/script.js"></script> | ||
| <script> | ||
| var _gaq=[['_setAccount','UA-31821553-1'],['_trackPageview']]; | ||
| (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; | ||
| g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; | ||
| s.parentNode.insertBefore(g,s)}(document,'script')); | ||
| </script> | ||
| </body> | ||
| </html> |