From 8a1c7b6906aa4f8d10f2dcd0a69efcfa22833a54 Mon Sep 17 00:00:00 2001
From: Joel Miller <miller345@users.noreply.github.com>
Date: Fri, 20 Mar 2015 21:08:11 +0000
Subject: [PATCH 1/2] Fixed duplicate IDs

there was 3 instances of id="text"
---
 test.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/test.html b/test.html
index 15fd7e8..ce48d99 100644
--- a/test.html
+++ b/test.html
@@ -53,7 +53,7 @@
         </nav>
 
         <main role="main">
-            <section id="text">
+            <section id="textSection">
                 <header><h1>Text</h1></header>
 
                 <article id="text__headings">
@@ -347,8 +347,8 @@ p q r s t u v w x y z { | } ~ </pre>
                             <input id="search" type="search" placeholder="Enter Search Term">
                         </p>
                         <p>
-                            <label for="text">Number Input <abbr title="Required">*</abbr></label>
-                            <input id="text" type="number" placeholder="Enter a Number" pattern="[0-9]*">
+                            <label for="text2">Number Input <abbr title="Required">*</abbr></label>
+                            <input id="text2" type="number" placeholder="Enter a Number" pattern="[0-9]*">
                         </p>
                         <p>
                             <label for="textarea">Textarea</label>

From a73b6fef0bc2f48347985ca1d40502b5f2f6e6e0 Mon Sep 17 00:00:00 2001
From: cbracco <chris@cbracco.me>
Date: Sat, 21 Mar 2015 19:07:32 +0100
Subject: [PATCH 2/2] update formatting and IDs

---
 test.html | 45 ++++++++++++++++++++++-----------------------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/test.html b/test.html
index ce48d99..71cc7fd 100644
--- a/test.html
+++ b/test.html
@@ -53,7 +53,7 @@
         </nav>
 
         <main role="main">
-            <section id="textSection">
+            <section id="text">
                 <header><h1>Text</h1></header>
 
                 <article id="text__headings">
@@ -90,7 +90,7 @@
                         <blockquote>
                             <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.</p>
                             <p>It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.</p>
-                            <cite><a href="#">Said no one, ever.</a></cite>
+                            <cite><a href="#!">Said no one, ever.</a></cite>
                         </blockquote>
                     </div>
 
@@ -205,8 +205,7 @@
 
                         <h2>Pre-formatted text</h2>
 
-                        <pre>
-P R E F O R M A T T E D T E X T
+                        <pre>P R E F O R M A T T E D T E X T
 ! " # $ % &amp; ' ( ) * + , - . /
 0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
 @ A B C D E F G H I J K L M N O
@@ -222,7 +221,7 @@ p q r s t u v w x y z { | } ~ </pre>
                     <header><h1>Inline elements</h1></header>
 
                     <div>
-                        <p><a href="#">This is a text link</a>.</p>
+                        <p><a href="#!">This is a text link</a>.</p>
 
                         <p><strong>Strong is used to indicate strong importance.</strong></p>
 
@@ -327,40 +326,40 @@ p q r s t u v w x y z { | } ~ </pre>
                         <legend>Text fields</legend>
 
                         <p>
-                            <label for="text">Text Input <abbr title="Required">*</abbr></label>
-                            <input id="text" type="text" placeholder="Text Input">
+                            <label for="input__text">Text Input <abbr title="Required">*</abbr></label>
+                            <input id="input__text" type="text" placeholder="Text Input">
                         </p>
                         <p>
-                            <label for="password">Password</label>
-                            <input id="password" type="password" placeholder="Type your Password">
+                            <label for="input__password">Password</label>
+                            <input id="input__password" type="password" placeholder="Type your Password">
                         </p>
                         <p>
-                            <label for="webaddress">Web Address</label>
-                            <input id="webaddress" type="url" placeholder="http://yoursite.com">
+                            <label for="input__webaddress">Web Address</label>
+                            <input id="input__webaddress" type="url" placeholder="http://yoursite.com">
                         </p>
                         <p>
-                            <label for="emailaddress">Email Address</label>
-                            <input id="emailaddress" type="email" placeholder="name@email.com">
+                            <label for="input__emailaddress">Email Address</label>
+                            <input id="input__emailaddress" type="email" placeholder="name@email.com">
                         </p>
                         <p>
-                            <label for="search">Search</label>
-                            <input id="search" type="search" placeholder="Enter Search Term">
+                            <label for="input__search">Search</label>
+                            <input id="input__search" type="search" placeholder="Enter Search Term">
                         </p>
                         <p>
-                            <label for="text2">Number Input <abbr title="Required">*</abbr></label>
-                            <input id="text2" type="number" placeholder="Enter a Number" pattern="[0-9]*">
+                            <label for="input__text2">Number Input <abbr title="Required">*</abbr></label>
+                            <input id="input__text2" type="number" placeholder="Enter a Number" pattern="[0-9]*">
                         </p>
                         <p>
-                            <label for="textarea">Textarea</label>
-                            <textarea id="textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
+                            <label for="input__textarea">Textarea</label>
+                            <textarea id="input__textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
                         </p>
                         <p>
-                            <label class="error">Error</label>
-                            <input class="is-error" type="text" placeholder="Text Input">
+                            <label for="input__text3" class="error">Error</label>
+                            <input id="input__text3" class="is-error" type="text" placeholder="Text Input">
                         </p>
                         <p>
-                            <label class="valid">Valid</label>
-                            <input class="is-valid" type="text" placeholder="Text Input">
+                            <label for="input__text4" class="valid">Valid</label>
+                            <input id="input__text4" class="is-valid" type="text" placeholder="Text Input">
                         </p>
                     </fieldset>