Skip to content

Commit

Permalink
update demo page to be using latest markup
Browse files Browse the repository at this point in the history
  • Loading branch information
@paulirish @robrighter
paulirish authored and robrighter committed Oct 27, 2010
1 parent b1ba7db commit 98d88ed
Showing 1 changed file with 49 additions and 43 deletions.
92 changes: 49 additions & 43 deletions demo/elements.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,63 +2,52 @@
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"><![endif]-->

<title></title>
<!-- www.phpied.com/conditional-comments-block-downloads/ -->
<!--[if IE]><![endif]-->

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta name="robots" content="index, follow">
<title></title>
<meta name="description" content="">
<meta name="author" content="">

<!-- iPhone/iPad/Opera Mobile Viewport Fix:
device-width : Make sure webpages occupy full width of the screen in its current orientation (portrait or landscape)
initial-scale = 1.0 retains dimensions of the page instead of zooming out if page height is larger than device height
maximum-scale = 1.0 retains dimensions of the page instead of zooming in if page width is smaller than device width
More at: http://j.mp/mobileviewport
http://davidbcalhoun.com/2010/viewport-metatag -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width; initial-scale=1.0">


<!-- Place favicon.ico and apple-touch-icon.png in the root of your domain
and delete these references -->
<link rel="shortcut icon" href="">
<link rel="apple-touch-icon" href="">
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">


<!-- CSS : implied media="all" -->
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.css?v=1">


<!-- For the less-enabled mobile browsers like Opera Mini -->
<link rel="stylesheet" media="handheld" href="../css/handheld.css">

<link rel="stylesheet" media="handheld" href="../css/handheld.css?v=1">

<!-- All JavaScript at the bottom, except for.. -->

<script>
// http://paulirish.com/2009/avoiding-the-fouc-v3/ && http://remysharp.com/2009/01/07/html5-enabling-script
// alternatively using Moderizr does both of these.
(function(B,C){B[C]=B[C].replace(/\bno-js\b/,'js');if(!/*@cc_on!@*/0)return;var e = "abbr article aside audio canvas command datalist details figure figcaption footer header hgroup mark meter nav output progress section summary time video".split(' '),i=e.length;while(i--){document.createElement(e[i])}})(document.documentElement,'className');
</script>

<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="../js/modernizr-1.5.min.js"></script>

</head>

<!-- http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->

<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if gt IE 9]> <body> <![endif]-->
<!--[if !IE]><!--> <body> <!--<![endif]-->

<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->

<div id="container">
<div id="header">
<header>

</div>
<div id="body">
</header>

<div id="main">

<!-- demo content lovingly lifted from the azbuka project
http://code.google.com/p/azbuka/
Expand Down Expand Up @@ -376,29 +365,46 @@ <h3>What is Lorem Ipsum?</h3>


</div>
<div id="footer">

</div>
</div>
<footer>

</footer>
</div> <!--! end of #container -->


<!-- Javascript at the bottom for fast page loading -->

<!-- JavaScript -->
<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="../js/plugins.js"></script>
<script src="../js/script.js"></script>
<script>!window.jQuery && document.write('<script src="../js/jquery-1.4.2.min.js"><\/script>')</script>


<script src="../js/plugins.js?v=1"></script>
<script src="../js/script.js?v=1"></script>

<!--[if lt IE 7 ]>
<script src="../js/dd_belatedpng.js"></script>
<script src="../js/dd_belatedpng.js?v=1"></script>
<![endif]-->


<!-- yui profiler and profileviewer - remove for production -->
<script src="../js/profiling/yahoo-profiling.min.js"></script>
<script src="../js/profiling/config.js"></script>
<script src="../js/profiling/yahoo-profiling.min.js?v=1"></script>
<script src="../js/profiling/config.js?v=1"></script>
<!-- end profiling code -->


<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
change the UA-XXXXX-X to be your site's ID -->
<script>
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.async = true;
g.src = '//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
})(document, 'script');
</script>

</body>
</html>

0 comments on commit 98d88ed

Please sign in to comment.