Merge pull request adamschwartz#11 from cvrebert/gh-pages

fix some HTML validity errors
ahmedcyber · Apr 10, 2014 · 6da771d · 6da771d
2 parents bbc668f + bdaf0cb
commit 6da771d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/chapters/4-color/index.html b/chapters/4-color/index.html
@@ -158,11 +158,13 @@ <h3>Status</h3>
 
                 <p>Many different apps use this or a similar mapping:</p>
 
-                <li><code>#428bca</code><code class="color"><span style="background: #428bca"></span></code> = <code>primary</code></li>
-                <li><code>#dff0d8</code><code class="color"><span style="background: #dff0d8"></span></code> = <code>success</code></li>
-                <li><code>#d9edf7</code><code class="color"><span style="background: #d9edf7"></span></code> = <code>info</code></li>
-                <li><code>#fcf8e3</code><code class="color"><span style="background: #fcf8e3"></span></code> = <code>warning</code></li>
-                <li><code>#f2dede</code><code class="color"><span style="background: #f2dede"></span></code> = <code>danger</code></li>
+                <ul>
+                    <li><code>#428bca</code><code class="color"><span style="background: #428bca"></span></code> = <code>primary</code></li>
+                    <li><code>#dff0d8</code><code class="color"><span style="background: #dff0d8"></span></code> = <code>success</code></li>
+                    <li><code>#d9edf7</code><code class="color"><span style="background: #d9edf7"></span></code> = <code>info</code></li>
+                    <li><code>#fcf8e3</code><code class="color"><span style="background: #fcf8e3"></span></code> = <code>warning</code></li>
+                    <li><code>#f2dede</code><code class="color"><span style="background: #f2dede"></span></code> = <code>danger</code></li>
+                </ul>
 
                 <p>By consistently using <code>#dff0d8</code><code class="color"><span style="background: #dff0d8"></span></code> to indicate success or <code>#f2dede</code><code class="color"><span style="background: #f2dede"></span></code> to indicate danger, you reinforce a pattern, making it easier for people to understand these concepts in the future.</p>
 

diff --git a/index.html b/index.html
@@ -25,7 +25,7 @@
                 <p class="author"><a href="http://twitter.com/adamfschwartz">by @adamfschwartz</a></p>
                 <div class="share">
                     <iframe class="github"  src="http://hubstar.io/github/spin/adamschwartz/magic-of-css?name=%20"></iframe>
-                    <iframe class="twitter" src="http://hubstar.io/twitter/spin/?name=%20&amp;url=http://adamschwartz.co/magic-of-css&amp;text=Become a CSS magician&amp;via=adamfschwartz"></iframe>
+                    <iframe class="twitter" src="http://hubstar.io/twitter/spin/?name=%20&amp;url=http://adamschwartz.co/magic-of-css&amp;text=Become%20a%20CSS%20magician&amp;via=adamfschwartz"></iframe>
                 </div>
                 <div class="separator"></div>
                 <div class="preface-link">

diff --git a/potions/buttons/index.html b/potions/buttons/index.html
@@ -197,7 +197,7 @@ <h4 class="button-example-header">The skeuomorph</h4>
                     </div>
                 </div>
 
-                <h4 class="button-example-header">Skeuomorph-lite<sup>TM<sup></h4>
+                <h4 class="button-example-header">Skeuomorph-lite<sup>TM</sup></h4>
 
                 <div class="example-wrapper">
                     <style contenteditable="plaintext-only" spellcheck="false">button.skeuomorph-lite {