fix(templates/application): Use semantics HTML tags (nav, main, footer)
Browsers which do not support these tags will fallback to interpreting them as divs.
Ideally, the nav should be a header with a nav inside, but since the header only
contains navigation link, I have omitted it and just used nav.
<img src='/assets/forkme.png'/>
</a>
-<div id="header">
+<nav id="header">
{{#link-to "index" tabindex="-1"}}
<img src="/assets/Cargo-Logo-Small.png" id="logo"
height=100 width=100 alt="Cargo Logo"/>
<div class='links'>
</div>
-</div>
+</nav>
<form id='mobile-search' class='search' action='/search' {{ action "search" on="submit" }} >
<input type="text" class="search" name="q" id="cargo-mobile-search"
<label for="cargo-mobile-search">Search</label>
</form>
-<div id="main" class='inner-content'>
+<main id="main" class='inner-content'>
{{flash-message}}
{{outlet}}
-</div>
+</main>
-<div class='after-main-links'>
+<footer class='after-main-links'>
{{#link-to 'install'}}Install{{/link-to}}
<span class="sep">|</span>
<a href='http://doc.crates.io'>Getting Started</a>
<a href='mailto:help@crates.io'>Send us an email</a>
<span class="sep">|</span>
{{#link-to 'policies'}}Policies{{/link-to}}
-</div>
+</footer>
