Replace LHF anon divs with semantic counterparts

Raku · May 18, 2014 · ae390ec · ae390ec
1 parent acea17d
commit ae390ec
Show file tree

Hide file tree

Showing 16 changed files with 71 additions and 71 deletions.
diff --git a/includes/footer b/includes/footer
@@ -1,7 +1,7 @@
-<div id="footer">
+<footer>
     <p>If you want to contribute to this page,
     <a href="/about/">look here for instructions</a>.</p>
-</div>
+</footer>
 
 </div> <!-- id="wrapper-outer" -->
 </body>

diff --git a/includes/menu-nav b/includes/menu-nav
@@ -1,4 +1,4 @@
-<div id="navigation">
+<nav id="navigation">
     <ul>
         [% item home      <li id="nav-home"     {{ class="active"}}><a href="/">Home</a></li> %]
         [% item community <li id="nav-community"{{ class="active"}}><a href="/community/">Community</a></li> %]
@@ -8,6 +8,6 @@
         [% item fun       <li id="nav-fun"      {{ class="active"}}><a href="/fun/">Fun</a></li>             %]
         [% item whatever  <li id="nav-whatever" {{ class="active"}}><a href="/whatever/">Whatever</a></li>   %]
     </ul>
-</div>
+</nav>
 
 [% comment vim: set tw=0 ft=html : %]
diff --git a/source/about/index.html b/source/about/index.html
@@ -2,13 +2,13 @@
 
 [% menu nav about %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
     <h2>About perl6.org</h2>
     <p>perl6.org is, just like like Perl 6, a volunteer driven project.
     Content on perl6.org should be up-to-date rather than comprehensive.
     Your contribution is very welcome. </p>
-</div>
+</header>
 
 <div id="col1">
     <h3>Contributing to perl6.org</h3>

diff --git a/source/community/index.html b/source/community/index.html
@@ -2,7 +2,7 @@
 
 [% menu nav community %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
 
     <h2>The Perl 6 Community welcomes you</h2>
@@ -13,7 +13,7 @@ <h2>The Perl 6 Community welcomes you</h2>
     </p>
 
     <p>Get in touch with us! Here is how:</p>
-</div>
+</header>
 
 <div id="col1">
     <h3>Internet Relay Chat (IRC)</h3>

diff --git a/source/community/irc.html b/source/community/irc.html
@@ -1,7 +1,7 @@
 [% setvar title #perl6 IRC channel %]
 [% menu nav community %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
 
     <h2>[% readvar title %]</h2>
@@ -13,7 +13,7 @@ <h2>[% readvar title %]</h2>
         We try to be very nice to newcomers, so feel free to join us, and ask
         any Perl 6 questions you might have.
     </p>
-</div>
+</header>
 
 <div id="col1">
     <h3>#perl6</h3>

diff --git a/source/community/rosettacode.html b/source/community/rosettacode.html
@@ -2,7 +2,7 @@
 
 [% menu nav community %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
 
     <h2>[% readvar title %]</h2>
@@ -20,7 +20,7 @@ <h2>[% readvar title %]</h2>
         solutions as of early 2012.  Here are a few ways to find what you're
         looking for:
     </p>
-</div>
+</header>
 
 <div id="col1">
     <h3>By Task Name</h3>

diff --git a/source/compilers/index.html b/source/compilers/index.html
@@ -2,14 +2,14 @@
 
 [% menu nav compilers %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
 
     <h2>Perl 6 Compilers</h2>
 
     <p>Perl 6 is a language specification, and just like C or C++ there
     are multiple compilers for the language.</p>
-</div>
+</header>
 
 <div id="col1">
     <h3>Compilers</h3>

diff --git a/source/compilers/std-viv.html b/source/compilers/std-viv.html
@@ -2,7 +2,7 @@
 
 [% menu nav compilers %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
 
     <h2>STD and viv</h2>
@@ -11,7 +11,7 @@ <h2>STD and viv</h2>
     structure of the grammar must be the same in all Perl 6 compilers. This
     structure is given STD.pm6, the standard grammar. It is both specification
     and runnable code.</p>
-</div>
+</header>
 
 <div id="col1">
     <h3>STD</h3>

diff --git a/source/documentation/index.html b/source/documentation/index.html
@@ -2,23 +2,23 @@
 
 [% menu nav docs %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
 
     <h2>[% readvar title %]</h2>
     <p>
         Much of this documentation is incomplete - please consider
         <a href="/about/">contributing to improve it</a>.
     </p>
-</div>
+</header>
 
 <!-- Three-column CSS magic -->
 <div class="colmid">
 
 <div class="col1">
 
     <div class="autosize">
-    <div id="newcomers" class="box">
+    <section id="newcomers">
         <h3>For newcomers</h3>
         <ul>
         <li><a href="http://szabgab.com/perl6.html#screencast">Perl&nbsp;6 screencasts</a></li>
@@ -36,49 +36,49 @@ <h3>For newcomers</h3>
 	    <li><a href="http://en.wikibooks.org/wiki/Perl_6_Programming">"Perl&nbsp;6 Programming"</a> on Wikibooks</li>
 	    <li><a href="http://github.com/perlpilot/perl6-docs">Perl&nbsp;6 tutorials</a></li>
 	</ul>
-    </div>
+    </section>
     </div>
 
     <div class="autosize">
-    <div id="examples" class="box">
+    <section id="examples">
     	<h3>Code examples</h3>
     	<ul>
             <li><a href="http://rosettacode.org/wiki/Category:Perl_6">Rosetta Code</a>, programming problems solved in Perl&nbsp;6 side-by-side with hundreds of other languages</li>
             <li><a href="http://github.com/perl6/perl6-examples">perl6-examples</a>, lots of example programs written in Perl&nbsp;6</li>
         </ul>
-    </div>
+    </section>
     </div>
 
 </div>
 
 <div class="col2">
 
     <div class="autosize">
-    <div id="p5programmers" class="box">
+    <section id="p5programmers">
 	<h3>For Perl 5 programmers</h3>
         <ul>
             <li><a href="http://perlgeek.de/en/article/5-to-6">Perl&nbsp;5 to 6</a>, introduction for Perl&nbsp;5 programmers</li>
         </ul>
-    </div>
+    </section>
     </div>
 
     <div class="autosize">
-    <div id="booksandprint" class="box">
+    <section id="booksandprint">
     	<h3>Other Books &amp; Print Publications</h3>
     	<ul>
             <li><a href="http://oreilly.com/catalog/9780596007379">Perl 6 and Parrot Essentials, Second Edition</a> (O'Reilly book) (2004)</li>
             <li><a href="http://www.learningperl6.com/">Learning Perl&nbsp;6</a> (O'Reilly book) (in progress)</li>
             <li><a href="#">Programming Perl&nbsp;6</a> (O'Reilly book) (in progress)</li>
         </ul>
-    </div>
+    </section>
     </div>
 
 </div>
 
 <div class="col3">
 
     <div class="autosize">
-    <div id="compendiums" class="box">
+    <section id="compendiums">
         <h3>Compendiums and cheatsheets</h3>
    	<ul>
             <li><a href="http://doc.perl6.org/">Perl&nbsp;6 Documentation</a></li>
@@ -87,11 +87,11 @@ <h3>Compendiums and cheatsheets</h3>
       	    <li><a href="http://www.ozonehouse.com/mark/periodic/">Periodic table</a> of Perl&nbsp;6 operators</li>
             <li><a href="http://github.com/perl6/mu/raw/master/docs/Perl6/Cheatsheet/cheatsheet.txt">Perl&nbsp;6 Cheat Sheet</a></li>
     	</ul>
-    </div>
+    </section>
     </div>
 
     <div class="autosize">
-    <div id="misc" class="box">
+    <section id="misc">
     	<h3>Miscellaneous sources</h3>
     	<ul>
             <li><a href="http://www.jnthn.net/articles.shtml">Presentations by Jonathan Worthington</a></li>
@@ -102,7 +102,7 @@ <h3>Miscellaneous sources</h3>
                 <a href="http://perl6maven.com/perl6-tricks-and-treats-newsletter"></a>Perl&nbsp;6 Tricks and Treats newsletter</li>
             <li><a href="https://www.youtube.com/playlist?list=PLRuESFRW2Fa77XObvk7-BYVFwobZHdXdK">Curated perl6 videos</a></li>
         </ul>
-    </div>
+    </section>
     </div>
 
 </div>

diff --git a/source/fun/index.html b/source/fun/index.html
@@ -2,7 +2,7 @@
 
 [% menu nav fun %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
 
     <h2>[% readvar title %]</h2>
@@ -17,7 +17,7 @@ <h2>[% readvar title %]</h2>
         developing applications too, and most of all dealing with <a
         href="/community/">friendly, intelligent people</a>.
     </p>
-</div>
+</header>
 
 <div id="col1">
     <ul>

diff --git a/source/getting-started/index.html b/source/getting-started/index.html
@@ -2,7 +2,7 @@
 
 [% menu nav gettingstarted %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
     <h2>[% readvar title %]</h2>
 
@@ -12,7 +12,7 @@ <h2>[% readvar title %]</h2>
     <p>Here you can find a selection that should be suitable for beginners.
     When you are a bit familiar with the language, come back to perl6.org and
     look at other resources too.</p>
-</div>
+</header>
 
 <div id="col1">
     <h3>The Main Track</h3>

diff --git a/source/getting-started/involved.html b/source/getting-started/involved.html
@@ -2,7 +2,7 @@
 
 [% menu nav gettingstarted %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
     <h2>[% readvar title %]</h2>
 
@@ -15,7 +15,7 @@ <h2>[% readvar title %]</h2>
 
     <p>Below are some ideas what you could do to help us. The list is by
     no means complete.</p>
-</div>
+</header>
 
 <div id="col1">
     <h3>Programming Tasks</h3>

diff --git a/source/index.html b/source/index.html
@@ -5,7 +5,7 @@
     <meta name="google-site-verification" content="fDTmO9fcCRRgBqbKirQidKJ6nhTqnolHrKrgwVWJxZA" />
 %]
 
-<div id="header">
+<header id="welcome-header">
     <a href='http://github.com/perl6/mu/raw/master/misc/camelia.txt'><img src="camelia-logo.png" alt="camelia perl bug logo" /></a>
     <h2>Welcome to Perl&nbsp;6</h2>
     <p>Hi, my name is Camelia.  I'm the spokesbug for Perl&nbsp;6, the spunky little sister of Perl&nbsp;5.
@@ -14,31 +14,30 @@ <h2>Welcome to Perl&nbsp;6</h2>
     by a team of dedicated and enthusiastic volunteers.  You can help too.  The only requirement is that
     you know how to be nice to all kinds of people (and butterflies).  Go to
     <a class="header-black-link" href="http://webchat.freenode.net/?channels=perl6&amp;nick=">#perl6 (irc.freenode.net)</a>
-    and someone will be glad to help you <a href="/getting-started/">get
-        started</a>.</p>
-</div>
+    and someone will be glad to help you <a href="/getting-started/">get started</a>.</p>
+</header>
 
-<div id="main">
-    <div id="community" class="box">
+<main>
+    <section id="community">
         <h4><a href="/community/">Community</a></h4>
         <ul>
             <li><a href="/community/irc">#perl6 IRC channel</a>: <a href="irc://irc.freenode.net/%23perl6">system IRC client</a>
             or&nbsp;<a href="http://webchat.freenode.net/?channels=perl6&amp;nick=">chat live in your browser</a></li>
             <li><a href="/community/rosettacode">Perl&nbsp;6 on Rosetta Code</a>, <a href="http://planetsix.perl.org/">Blogs</a>, <a href="http://www.perlfoundation.org/perl6/index.cgi?perl_6">Perl 6 wiki</a></li>
         </ul>
         <p class="more"><a href="/community/">»MORE«</a></p>
-    </div>
+    </section>
 
-    <div id="specs" class="box">
+    <section id="specs">
         <h4><a href="/specification/">Specification</a></h4>
         <ul>
             <li><a href="http://perlcabal.org/syn/">Synopsis</a> - official Perl&nbsp;6 design documents</li>
             <li><a href="/compilers/std-viv">STD.pm</a> - official Perl&nbsp;6 grammar</li>
         </ul>
         <p class="more"><a href="/specification/">»MORE«</a></p>
-    </div>
+    </section>
 
-    <div id="compiler" class="box">
+    <section id="compiler">
         <h4><a href="/compilers/">Compilers</a></h4>
         <ul>
             <li><a href="http://rakudo.org/">Rakudo</a>, a compiler running on
@@ -49,9 +48,9 @@ <h4><a href="/compilers/">Compilers</a></h4>
                 Perl 6 compiler for the CLR (mono/.NET)</li>
         </ul>
         <p class="more"><a href="/compilers/">»MORE«</a></p>
-    </div>
+    </section>
 
-    <div id="docs" class="box">
+    <section id="docs">
         <h4><a href="/documentation/">Documentation</a></h4>
         <ul>
         <li><a href="http://doc.perl6.org/">Perl&nbsp;6 Documentation</a></li>
@@ -60,23 +59,23 @@ <h4><a href="/documentation/">Documentation</a></h4>
             introduction for Perl&nbsp;5 programmers</li>
         </ul>
         <p class="more"><a href="/documentation/">»MORE«</a></p>
-    </div>
+    </section>
 
-    <div id="download" class="box">
+    <section id="download">
         <a href="http://rakudo.org/how-to-get-rakudo">
         <img src="download-button.png" alt="download"/>
         </a>
-    </div>
+    </section>
 
-    <div id="stuff" class="box">
+    <section id="stuff">
         <h4><a href="/whatever/">Modules</a></h4>
         <ul>
             <li><a href="http://modules.perl6.org/">Perl&nbsp;6 modules
                 directory</a></li>
             <li><a href="https://github.com/tadzik/panda/">Panda</a>, a
             module installer for Rakudo</li>
         </ul>
-    </div>
+    </section>
 
-</div>
+</main>
 
diff --git a/source/specification/index.html b/source/specification/index.html
@@ -2,7 +2,7 @@
 
 [% menu nav specs %]
 
-<div id="subpage-header">
+<header id="subpage-header">
     [% include camelia %]
 
     <h2>[% readvar title %]</h2>
@@ -18,7 +18,7 @@ <h2>[% readvar title %]</h2>
         are still in flux, and wait for an implementation to try them
         out.
     </p>
-</div>
+</header>
 
 <div id="col1">
     <ul>