A better semantic HMTL 5.

richardsondx · Jul 1, 2010 · d1b4b5d · d1b4b5d
1 parent 48ca92d
commit d1b4b5d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 13 deletions.
diff --git a/public/style.css b/public/style.css
@@ -60,24 +60,24 @@ article ul, article pre, article blockquote {
   margin-left: 30px
 }
 
-nav {
+aside {
   float: right;
   width: 250px;
 }
 
-nav section {
+aside section {
   margin: 20px 0;
 }
 
-nav section h1 {
+aside section h1 {
   margin-bottom: 10px;
 }
 
-nav ul {
+aside ul {
   margin-left: 10px;
 }
 
-nav .widget {
+aside .widget {
   margin: 20px 0;
 }
 

diff --git a/views/_meta.erb b/views/_meta.erb
@@ -1,11 +1,13 @@
 <% if logged? %>
     <section class="admin">
-        <h1>Admin</h1>
-        <ul>
-            <li><a href="/post/new">New post</a></li>
-            <li><a href="/widget/new">New widget</a></li>
-            <li><a href="/settings">Blog settings</a></li>
-        </ul>
+        <nav>
+            <h1>Admin</h1>
+            <ul>
+                <li><a href="/post/new">New post</a></li>
+                <li><a href="/widget/new">New widget</a></li>
+                <li><a href="/settings">Blog settings</a></li>
+            </ul>
+        </nav>
     </section>
 <% end %>
 <section id="feed">

diff --git a/views/layout.erb b/views/layout.erb
@@ -22,9 +22,9 @@
             <section id="main">
                 <%= yield %>
             </section>
-            <nav>
+            <aside>
                 <%= partial :meta %>
-            </nav>
+            </aside>
             <footer>
                 &copy;<%= today.year %> <%= $settings.name %>
                 &#8212; Powered by <a href="<%= wind_link %>">Wind</a>