Permalink
Browse files

updated the demo files

  • Loading branch information...
1 parent 65aa130 commit b47e124d90700f1c2f6260f880afcbc3997fa627 scottjehl committed Apr 10, 2012
Showing with 15 additions and 3 deletions.
  1. +6 −2 _demo.html
  2. +1 −0 _demo/sample-files/general.css
  3. +1 −0 _demo/sample-files/generalenhancements.js
  4. +7 −1 _demo/sample-files/sample1.css
View
@@ -11,7 +11,11 @@
</head>
<body class="tmpl-home">
<h1>This is a sample template.</h1>
- <p class="explain">It includes app.js and an example file: app.enhance.js, which uses app.js to determine whether - and which - files should be added to enhance this browser's experience.</p>
- <p class="">
+ <div class="explain">
+ <p>It includes app.js and an example file: app.enhance.js, which uses app.js to determine whether - and which - files should be added to enhance this browser's experience when JS is available.</p>
+ <p>If this browser's experience is enhanced, you'll see some notes on what's been added below.</p>
+ </div>
+
+
</body>
</html>
@@ -1,6 +1,7 @@
body {
font-family: sans-serif;
margin: 50px 30%;
+ line-height: 1.3;
}
.explain {
border-bottom: 1px dotted #fff;
@@ -1,5 +1,6 @@
// NOTE: the real contents of this file would actually do something useful.
// for demo purposes, it logs a message to the page.
var p = document.createElement( "p" );
+p.className = "general";
p.innerHTML = "generalenhancements.js was loaded because it is meant for all enhanced browsers";
document.body.appendChild( p );
@@ -1 +1,7 @@
-body { background: green; color: white; }
+body { background: green; color: white; }
+
+p.general:after {
+ display:block;
+ content: "sample1.css was loaded because it is meant for all enhanced browsers.";
+ margin-top: 1em;
+}

0 comments on commit b47e124

Please sign in to comment.