elements-ui-patterns.html in survivalkit-0.3

- old
+ new
@@ -84,66 +84,66 @@
         </ul>
       </nav>
       <nav class='section-nav'></nav>
       <div id='main' role='main'>
         <section class='element-group' id='simple-patterns'>
-          <h1 class='section-title'>Common Patterns</h1>
-          <article class='element' id='drupal-messages'>
-            <h2 class='element-title'>Messages</h2>
-            <div class='markup'>
-              <div class='messages status'>
-                <h2 class='element-invisible' style='display: none;'>Status message</h2>
-                <p>
-                  This is
-                  <em>status</em>
-                  message.
-                </p>
-              </div>
-              <div class='messages warning'>
-                <h2 class='element-invisible' style='display: none;'>Status message</h2>
-                <p>
-                  This is
-                  <em>warning</em>
-                  message.
-                </p>
-              </div>
-              <div class='messages error'>
-                <h2 class='element-invisible' style='display: none;'>Status message</h2>
-                <p>
-                  This is
-                  <em>error</em>
-                  message.
-                </p>
-              </div>
-            </div>
-          </article>
-          <article class='element' id='pager'>
-            <h2 class='element-title'>Pager</h2>
-            <div class='markup'>
-              <ul class='pager'>
-                <li class='pager-first first'>
-                  <a class='active' href='/node' title='Go to first page'>« first</a>
-                </li>
-                <li class='pager-previous'>
-                  <a class='active' href='/node' title='Go to previous page'>‹ previous</a>
-                </li>
-                <li class='pager-item'>
-                  <a class='active' href='/node' title='Go to page 1'>1</a>
-                </li>
-                <li class='pager-current'>2</li>
-                <li class='pager-item'>
-                  <a class='active' href='/node?page=2' title='Go to page 3'>3</a>
-                </li>
-                <li class='pager-next'>
-                  <a class='active' href='/node?page=2' title='Go to next page'>next ›</a>
-                </li>
-                <li class='pager-last last'>
-                  <a class='active' href='/node?page=2' title='Go to last page'>last »</a>
-                </li>
-              </ul>
-            </div>
-          </article>
-        </section>
+  <h1 class='section-title'>Common Patterns</h1>
+  <div class='element' id='drupal-messages'>
+    <h2 class='element-title'>Messages</h2>
+    <div class='markup'>
+      <div class='messages status'>
+        <h2 class='element-invisible' style='display: none;'>Status message</h2>
+        <p>
+          This is
+          <em>status</em>
+          message.
+        </p>
+      </div>
+      <div class='messages warning'>
+        <h2 class='element-invisible' style='display: none;'>Status message</h2>
+        <p>
+          This is
+          <em>warning</em>
+          message.
+        </p>
+      </div>
+      <div class='messages error'>
+        <h2 class='element-invisible' style='display: none;'>Status message</h2>
+        <p>
+          This is
+          <em>error</em>
+          message.
+        </p>
+      </div>
+    </div>
+  </div>
+  <div class='element' id='pager'>
+  <h2 class='element-title'>Pager</h2>
+  <div class='markup'>
+    <ul class='pager'>
+      <li class='pager-first first'>
+        <a class='active' href='/node' title='Go to first page'>« first</a>
+      </li>
+      <li class='pager-previous'>
+        <a class='active' href='/node' title='Go to previous page'>‹ previous</a>
+      </li>
+      <li class='pager-item'>
+        <a class='active' href='/node' title='Go to page 1'>1</a>
+      </li>
+      <li class='pager-current'>2</li>
+      <li class='pager-item'>
+        <a class='active' href='/node?page=2' title='Go to page 3'>3</a>
+      </li>
+      <li class='pager-next'>
+        <a class='active' href='/node?page=2' title='Go to next page'>next ›</a>
+      </li>
+      <li class='pager-last last'>
+        <a class='active' href='/node?page=2' title='Go to last page'>last »</a>
+      </li>
+    </ul>
+  </div>
+</div>
+</section>
       </div>
       <footer></footer>
     </div>
     <!--
       Javascript at the bottom for fast page loading