Position newswire before links
When the page is viewed without CSS the newswire should come before links.update
parent
a9512f64ee
commit
bf9305fba7
86
mockup.html
86
mockup.html
|
@ -215,49 +215,6 @@
|
|||
|
||||
</main>
|
||||
|
||||
<aside id='link' class='clippable'>
|
||||
|
||||
<section class='link-section'>
|
||||
<h3>Some links</h3>
|
||||
<ul>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class='link-section'>
|
||||
<h3>Other links</h3>
|
||||
<ul>
|
||||
<li><a title='Foo' href='#foo'>A really very unnecessarily long link to Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</aside> <!-- link -->
|
||||
|
||||
<aside id='newswire' class='clippable'>
|
||||
|
||||
<h2>Newswire</h2>
|
||||
|
@ -390,6 +347,49 @@
|
|||
|
||||
</aside> <!-- newswire -->
|
||||
|
||||
<aside id='link' class='clippable'>
|
||||
|
||||
<section class='link-section'>
|
||||
<h3>Some links</h3>
|
||||
<ul>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class='link-section'>
|
||||
<h3>Other links</h3>
|
||||
<ul>
|
||||
<li><a title='Foo' href='#foo'>A really very unnecessarily long link to Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
<li><a title='Foo' href='#foo'>Foo</a></li>
|
||||
<li><a title='Bar' href='#bar'>Bar</a></li>
|
||||
<li><a title='Baz' href='#baz'>Baz</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</aside> <!-- link -->
|
||||
|
||||
</div> <!-- main-wrapper -->
|
||||
|
||||
</body>
|
||||
|
|
Loading…
Reference in New Issue