| <!DOCTYPE html> |
| <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
| <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> |
| <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> |
| <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> |
| <head> |
| <meta charset="utf-8"> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| <title></title> |
| <meta name="description" content=""> |
| <meta name="viewport" content="width=device-width"> |
| |
| <link rel="stylesheet" href="css/normalize.min.css"> |
| <link rel="stylesheet" href="css/main.css"> |
| |
| <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script> |
| </head> |
| <body> |
| <!--[if lt IE 7]> |
| <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p> |
| <![endif]--> |
| |
| <div class="header-container"> |
| <header class="wrapper clearfix"> |
| <h1 class="title" id="top_content"></h1> |
| <!-- This the top right links |
| We want then: |
| [html] |
| title = foo |
| nav-01-url = http://URL1.com |
| nav-01-txt = bleh 1 |
| nav-02-url = http://URL2.com |
| nav-02-txt = bleh 2 |
| nav-03-url = http://URL3.com |
| nav-03-txt = bleh 3 |
| <nav> |
| <ul> |
| <li><a href="#">nav ul li a</a></li> |
| <li><a href="#">nav ul li a</a></li> |
| <li><a href="#">nav ul li a</a></li> |
| </ul> |
| </nav> |
| --> |
| </header> |
| </div> |
| |
| <div class="main-container"> |
| <div class="main wrapper clearfix"> |
| |
| <article> |
| <header> |
| <h1 id="release_title"></h1> |
| <h1 id="release_title_next"></h1> |
| <!-- First paragraph |
| [html] |
| release-title = Fancy title |
| article-01-p = some paragraph |
| --> |
| </header> |
| <!-- |
| <section> |
| <h2>article-02-h2</h2> |
| [html] |
| article-02-h2 = Second fancy title |
| article-02-p = content for paragraph |
| </section> |
| --> |
| <footer> |
| <!-- |
| [html] |
| license = GPLv2 |
| <h3>article footer h3</h3> |
| <p>some p</p> |
| --> |
| </footer> |
| </article> |
| |
| <aside> |
| <h3 id="about"></h3> |
| <!-- |
| [html] |
| about-title = some fancy title |
| about = some paragraph |
| <p>some p</p> |
| --> |
| </aside> |
| |
| </div> <!-- #main --> |
| </div> <!-- #main-container --> |
| |
| <div class="footer-container"> |
| <footer class="wrapper"> |
| <h3 id="license"></h3> |
| </footer> |
| </div> |
| |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
| <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script>
|
|
|
| <script src="js/main.js"></script> |
| |
| <!-- |
| XXX: add support for google analytics |
| --> |
| <script> |
| var _gaq=[['_setAccount','UA-XXXXX-X'],['_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> |