Permalink
Browse files

Revert "Cleaner markup."

This reverts commit e47c640.
  • Loading branch information...
1 parent e47c640 commit f7203e326224b0d500ec97fae2b6ea540c8d9217 Sanders Kleinfeld committed Feb 4, 2013
View
32 coloring_book_unused/coloring_book.html
@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>Coloring Book</title>
-<script src="modernizr-1.6.min.js"></script>
-<script src="coloring_book.js"></script>
-</head>
-<body>
-<div>
-<canvas id="canvas" width="500" height="500">
- Your browser does not support the HTML 5 Canvas.
-</canvas>
-</div>
-<div>
-<h1>Coloring Book</h1>
-<p>Color the doggie! Tap a color below to select a color</p>
-<p>Color selected: <span id="color_chosen">Black</span></p>
-<p>
-<input type="button" id="red" style="background-color: red; width: 25; height: 25;"/>
-<input type="button" id="orange" style="background-color: orange; width: 25; height: 25;"/>
-<input type="button" id="yellow" style="background-color: yellow; width: 25; height: 25;"/>
-<input type="button" id="green" style="background-color: green; width: 25; height: 25;"/>
-<input type="button" id="blue" style="background-color: blue; width: 25; height: 25;"/>
-<input type="button" id="purple" style="background-color: purple; width: 25; height: 25;"/>
-<input type="button" id="brown" style="background-color: brown; width: 25; height: 25;"/>
-<input type="button" id="black" style="background-color: black; width: 25; height: 25;"/>
-<input type="button" id="white" style="background-color: white; width: 25; height: 25;"/>
-</p>
-<p><input type="button" id="reset_dog" value="Reset Drawing"/></p>
-</div>
-</body>
-</html>
View
26 ebook_pop_quiz/semantic_tagging.html
@@ -1,26 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>The United States Consitution</title>
-</head>
-<body>
-<h1>THE UNITED STATES CONSTITUTION</h1>
-<section>
-<h2>Preamble</h2>
-<p>We the People of the United States,in Order to form a more perfect
-Union...</p>
-</section>
-<article>
-<h2>Article I</h2>
-<section>
-<h3>Section 1</h3>
-<p>All legislative Powers herein granted shall be vested in a Congress
-of the United States, which shall consist of a Senate and House of
-Representatives.</p>
-</section>
-</article>
-<figure>
-<img src="bald_eagle.jpg"/>
-</figure>
-</html>
View
43 examples_repo/index.html
@@ -1,43 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta charset="UTF-8">
-<title>Examples for HTML5 for Publishers</title>
-<style media="screen" type="text/css">
-dl {
- width: 400px;
-}
-
-dt {
- padding-top: 10px;
- padding-bottom: 5px;
- font-style: italic;
-}
-
-dt a {
- color: red;
-}
-
-dd {
- margin-left: 1.5em;
-}
-</style>
-</head>
-<body>
-<h1>Examples for HTML5 for Publishers</h1>
-<p>Demo the following HTML5 features in your browser:</p>
-<dl>
-<dt><a href="graphing_calculator/graphing_calculator.html">HTML5 Canvas Graphing Calculator</a></dt>
-<dd>Graph linear algebraic equations on the Canvas</dd>
-<dt><a href="finger_painting/finger_painting.html">HTML5 Canvas Finger Painting</a></dt>
-<dd>Draw your own "Finger Painting" on the Canvas</dd>
-<dt><a href="geolocation/geolocation_example.html">HTML5 Geolocated Tale</a></dt>
-<dd>Read an excerpt of a short story, geolocated for your current locale</dd>
-<dt><a href="glossary/glossary.html">HTML5 Audio-Enabled Glossary</a><dd>
-<dd>Browse a short glossary, and click on the terms to hear their pronunciation.</dd>
-<dt><a href="video/video.html">HTML5 Video Demo</a></dt>
-<dd>Watch a short excerpt of HTML5 Video that illustrates HTML5 Canvas</dd>
-</dl>
-</body>
-</html>
View
2 finger_painting/finger_painting.html
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html>
+<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Finger Painting</title>
View
32 geolocation-fast-food-guide/geolocation_fast_food_guide.html
@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
-<title>Geolocated Fast Food Guide</title>
-<script src="modernizr-1.6.min.js"></script>
-<script src="geolocation_fast_food_guide.js"></script>
-<script src="jquery-1.6.2.min.js"></script>
-<style media="screen" type="text/css">
-</style>
-</head>
-<body>
-<h1>Geolocated Fast Food Guide</h1>
-<p>You live in <em id="city">LOADING CITY NAME</em>. Here's a guide to
-the exciting fast-food options in your area</p>
-
-<dl>
-<dt>McDonald&#x2019;s</dt>
-<dd><a href="link_text_here">Click here</a> to find one of the more
- than 32,000<sup>1</sup> McDonald&#x2019;s locations near you</dd>
-<dt>Starbucks</dt>
-<dd><a href="link_text_here">Click here</a> to find one of the 17,009
- Starbucks locations near you</dd>
-<dt>Subway</dt>
-<dd><a href="link_text_here">Click here</a> to find one of the 35,000
- Subway locations near you</dd>
-</dl>
-<p id="location">Your location: blah blah blah</p>
-<p class="footnote"><sup>1</sup> Statistics taken from <a
-href="http://en.wikipedia.org/">Wikipedia</a> on September 6, 2011.</p>
-</body>
-</html>
View
4 geolocation/geolocation_example.html
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html>
+<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
@@ -36,4 +36,4 @@
rapped her knuckles against her forehead, unable to process the
miraculous scene unfolding before her...</p>
</body>
-</html>
+</html>
View
4 glossary/glossary.html
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html>
+<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Digital Publishing Mini-Glossary</title>
@@ -77,4 +77,4 @@
</dl>
</div>
</body>
-</html>
+</html>
View
2 graphing_calculator/graphing_calculator.html
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html>
+<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Graphing Calculator</title>
View
41 mathml/mathml firefox_demo.html
@@ -1,41 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>Quadratic Formula in MathML</title>
-<body>
-<h1>Quadratic Formula in MathML</h1>
-<math xmlns="http://www.w3.org/1998/Math/MathML" id="quadratic_formula">
- <mrow>
- <mi>x</mi>
- <mo>=</mo>
- <mfrac>
- <mrow>
- <mo>-</mo>
- <mi>b</mi>
- <mi>&#xb1;</mi>
- <msqrt>
- <mrow>
- <msup>
- <mi>b</mi>
- <mn>2</mn>
- </msup>
- <mo>-</mo>
- <mn>4</mn>
- <mo>&#x22c5;</mo>
- <mi>a</mi>
- <mo>&#x22c5;</mo>
- <mi>c</mi>
- </mrow>
- </msqrt>
- </mrow>
- <mrow>
- <mn>2</mn>
- <mo>&#x22c5;</mo>
- <mi>a</mi>
- </mrow>
- </mfrac>
- </mrow>
-</math>
-</body>
-</html>
View
2 mathml/mathml.html
@@ -119,7 +119,7 @@
</math>
</div>
<div>
- <math xmlns="http://www.w3.org/1998/Math/MathML" class="size_3 resizable" id="formula_solution">
+ <math class="size_3 resizable" id="formula_solution">
<mrow>
<mi>x</mi><mo>=</mo>
<!-- Wanted to use "mfenced" here, but it rendered badly in some browsers -->
View
188 mathml/test.html
@@ -1,188 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>MathML Demo</title>
-<script src="mathml.js"></script>
-<script src="jquery-1.6.2.min.js"></script>
-<style media="screen" type="text/css">
-math.size_1 {
- font-size: 1em
-}
-
-math.size_2 {
- font-size: 2em
-}
-
-math.size_3 {
- font-size: 3em
-}
-
-math.size_4 {
- font-size: 4em
-}
-
-math.size_5 {
- font-size: 5em
-}
-
-math .constant {
- font-weight: bold
-}
-
-.a {
- color: red
-}
-
-.b {
- color: green
-}
-
-.c {
- color: blue
-}
-
-.dot_operator {
- color: gray
-}
-
-#input_a:focus {
- background-color: #F2B1B7;
-}
-
-#input_b:focus {
- background-color: #96CF91;
-}
-
-#input_c:focus {
- background-color: #B59EF7;
-}
-
-span.button {
- -webkit-border-radius: 3px;
--moz-border-radius: 3px;
-border-radius: 3px;
-border: 1px solid black;
-padding: 1px 1px 1px 1px;
-font-size: 2em;
-background-color: #C0C0C0;
-cursor:pointer;
-}
-
-span.up_button {
- position: relative;
- font-size: .5em;
- top: -.5em;
- cursor:pointer;
-}
-
-span.down_button {
- position: relative;
- font-size: .5em;
- top: .5em;
- left: -1.05em;
- cursor:pointer;
-}
-
-form#formula_values {
- padding: 10px;
- border: 1px solid black;
- width: 400px;
-}
-
-#error_log {
- color: red;
-}
-</style>
-</head>
-<body>
-<p>Quadratic equations can be written in the form:</p>
-<math xmlns="http://www.w3.org/1998/Math/MathML" class="size_3 resizable" id="quadratic_equation">
- <mrow>
- <mi class="constant a">a</mi>
- <mo>&InvisibleTimes;</mo>
- <msup>
- <mi>x</mi>
- <mn>2</mn>
- </msup>
- <mo>+</mo>
- <mi class="constant b">b</mi>
- <mo>&InvisibleTimes;</mo>
- <mi>x</mi>
- <mo>+</mo>
- <mi class="constant c">c</mi>
- <mo>=</mo>
- <mn>0</mn>
- </mrow>
-</math>
-<p>Here&apos;s the formula for solving quadratic equations</p>
-<div class="formula">
-<math xmlns="http://www.w3.org/1998/Math/MathML" class="size_3 resizable" id="quadratic_formula">
- <mrow>
- <mi>x</mi>
- <mo>=</mo>
- <mfrac>
- <mrow>
- <mo>-</mo>
- <mi class="constant b">b</mi>
- <mi>&#xb1;</mi>
- <msqrt>
- <mrow>
- <msup>
- <mi class="constant b">b</mi>
- <mn>2</mn>
- </msup>
- <mo>-</mo>
- <mn>4</mn>
- <mo class="dot_operator">&#x22c5;</mo>
- <mi class="constant a">a</mi>
- <mo class="dot_operator">&#x22c5;</mo>
- <mi class="constant c">c</mi>
- </mrow>
- </msqrt>
- </mrow>
- <mrow>
- <mn>2</mn>
- <mo class="dot_operator">&#x22c5;</mo>
- <mi class="constant a">a</mi>
- </mrow>
- </mfrac>
- </mrow>
-</math>
-</div>
-<div>
- <math class="size_3 resizable" id="formula_solution">
- <mrow>
- <mi>x</mi><mo>=</mo>
- <!-- Wanted to use "mfenced" here, but it rendered badly in some browsers -->
- <mo>{</mo><mn id="equation_solution">?</mn><mo>}</mo>
- </mrow>
- </math>
-</div>
-<div class="buttons">
-<p>
-<span class="button" id="minus_button">&#x2212;</span>
-<span class="button" id="plus_button">&#x2b;</span>
-&lt;-- Click these buttons to resize the quadratic equation and formula
-</p>
-</div>
-<form id="formula_values">
-<h3>Quadratic Equation Solver</h3>
-<p>Enter integer values for <span class="a">a</span>, <span class="b">b</span>, and <span class="c">c</span> to solve a quadratic equation:</p>
-<p><label for="input_a" class="a"><em>a:</em></label>
-<input id="input_a" size="3"/> <span id="up_a" class="up_button">&#x25b2;</span><span id="down_a" class="down_button">&#x25bc;</span>
-<label for="input_b" class="b"><em>b:</em></label>
-<input id="input_b" size="3"/> <span id="up_b" class="up_button">&#x25b2;</span><span id="down_b" class="down_button">&#x25bc;</span>
-<label for="input_c" class="c"><em>c:</em></label>
-<input id="input_c" size="3"/> <span id="up_c" class="up_button">&#x25b2;</span><span id="down_c" class="down_button">&#x25bc;</span></p>
-<p><input id="solve_button" type="submit" value="Solve equation"/></p>
-<p id="error_log">
-Enter integer for <em>a</em><br/>
-Enter integer for <em>b</em><br/>
-Enter integer for <em>c</em><br/>
-</p>
-</form>
-
-<iframe style="width: 300; height: 200;" src="http://jsbin.com/ijimay/2/embed?live,html,javascript"/>
-</body>
-</html>
View
4 my_first_canvas/my_first_canvas.html
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html>
+<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello Canvas!</title>
@@ -85,4 +85,4 @@
</canvas>
</div>
</body>
-</html>
+</html>
View
28 semantic_tagging/after.html
@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>The United States Constitution</title>
-</head>
-<body>
-<h1>THE UNITED STATES CONSTITUTION</h1>
-<section>
-<h2>Preamble</h2>
-<p>We the People of the United States, in Order to form a more perfect
-Union...</p>
-</section>
-<article>
-<h2>Article I</h2>
-<section>
-<h3>Section 1</h3>
-<p>All legislative Powers herein granted shall be vested in a Congress
-of the United States, which shall consist of a Senate and House of
-Representatives.</p>
-</section>
-</article>
-<figure>
-<img src="bald_eagle.jpg"/>
-<figcaption>The eagle has landed</figcaption>
-</figure>
-</body>
-</html>
View
28 semantic_tagging/before.html
@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>The United States Constitution</title>
-</head>
-<body>
-<h1>THE UNITED STATES CONSTITUTION</h1>
-<div class="section">
-<h2>Preamble</h2>
-<p>We the People of the United States, in Order to form a more perfect
-Union...</p>
-</div>
-<div class="article">
-<h2>Article I</h2>
-<div class="section">
-<h3>Section 1</h3>
-<p>All legislative Powers herein granted shall be vested in a Congress
-of the United States, which shall consist of a Senate and House of
-Representatives.</p>
-</div>
-</div>
-<div class="figure">
-<img src="bald_eagle.jpg"/>
-<div class="caption">The eagle has landed</div>
-</div>
-</body>
-</html>

0 comments on commit f7203e3

Please sign in to comment.