Find file
Fetching contributors…
Cannot retrieve contributors at this time
131 lines (124 sloc) 6.2 KB
<!DOCTYPE html>
<html>
<head>
<title>Source | This is the Tagline - A project by Knight-Mozilla OpenNews</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<link href="media/bootstrap.css" rel='stylesheet' type='text/css'>
<link href="media/app.css" rel='stylesheet' type='text/css'>
<link href="media/font-awesome.css" rel='stylesheet' type='text/css'>
<!-- Initialise jQuery Syntax Highlighter -->
<script src="media/jquery.syntaxhighlighter.min.js"></script>
<script type="text/javascript">
$.SyntaxHighlighter.init();
</script>
</head>
<body>
<header id="topbar">
<div class="container">
<a href="http://www.mozillaopennews.org"><img src="media/opennewsmini.png" class="opennews"></a>
<a href=""><img src="media/sourcemin.png" class="sourcelogomin"></a>
<ul id="navigation">
<li><a href="http://www.nytimes.com">Projects</a>
<li><a href="http://www.nytimes.com">Community</a>
<li><a href="http://www.nytimes.com">Code</a>
</ul>
</div>
</header>
<div class="content">
<div class="container page-block">
<a href=""><img src="media/source_logo.png" class="main-logo"></a>
</div>
<div class="container">
<article>
<h2>An introduction to Simple Tiles Streets</h2>
<h4>This is a subhead to this article. It explains what it is about. Duh.</h4>
<aside>
<div class="byline">
<h6 class="date">June 2, 2012</h6>
<h6 class="byline-name">By <a href="http://43e5.localtunnel.com/people/erin-kissane/">Erin Kissane</a></h6>
</div>
</aside>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus accumsan mattis eros in malesuada. Quisque ut dolor nec mi
vulputate elementum. Donec adipiscing, ligula sed fringilla vulputate,
odio sapien tristique leo, id molestie elit lacus nec elit. Vestibulum
consequat interdum turpis, nec tempus dui cursus vel. In egestas dolor
eu quam accumsan vitae pharetra mauris venenatis. Mauris dictum, arcu in
mattis imperdiet, felis quam venenatis quam, vitae luctus elit risus ac
tellus. In ut sem eros.
<p>Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia Curae; Suspendisse in elementum
neque. Praesent vestibulum enim eget metus cursus nec volutpat nunc
molestie. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Donec tellus magna, vulputate nec
semper sed, mattis a tortor. Integer elit sapien, auctor sit amet
malesuada nec, rhoncus eu sem. Ut varius malesuada nibh, pellentesque
adipiscing erat tristique vel. Pellentesque enim odio, posuere nec
laoreet ac, auctor fermentum nisl. Phasellus vel libero ut ante
tincidunt sollicitudin sit amet et enim. Mauris facilisis eros et lacus
condimentum nec vehicula quam fringilla. In ipsum mi, aliquet ac rutrum
non, venenatis ut libero. Phasellus sed faucibus orci. Aenean tortor
risus, rutrum eu venenatis in, sollicitudin nec augue.
<p>Etiam
volutpat felis vel magna pulvinar a vestibulum risus volutpat. Nunc
egestas pretium elit, vel ornare nibh pretium at. Integer varius lacus
at massa tristique in viverra velit pharetra. Nulla a metus neque, ac
elementum ante. Donec nec metus a quam blandit mollis et eu dolor. Donec
vulputate dui quis arcu hendrerit et tempor diam cursus. Donec viverra,
nulla vitae egestas tincidunt, dolor nisl imperdiet justo, a cursus
magna risus at arcu. Nunc ac erat mattis est cursus accumsan eget non
purus. Nulla in est at eros faucibus blandit. Morbi volutpat orci sit
amet odio congue et semper nulla interdum. Aenean eget est nunc, sed
sagittis ante. In diam orci, venenatis vitae elementum et, eleifend
pulvinar leo. Nulla facilisi. Nam vestibulum molestie accumsan.
Curabitur justo elit, elementum sit amet hendrerit et, consectetur vel
lorem.
<p>Donec bibendum sagittis est ac adipiscing. Morbi ac nisi
quis justo tincidunt eleifend non vel ante. Aenean tincidunt dolor sed
quam tempor sollicitudin. Sed lobortis fermentum mi sit amet viverra.
Nunc commodo venenatis mi, vitae laoreet augue vehicula at. Integer
lobortis orci vel felis ullamcorper volutpat. Maecenas hendrerit erat et
orci mollis tempus. Suspendisse ipsum libero, tristique ac porta quis,
tempus eu ante. Quisque augue metus, ultrices sed suscipit adipiscing,
tempus ac justo. Aenean eleifend nisl scelerisque nisi interdum quis
lacinia lorem consequat. Phasellus et dignissim turpis. Curabitur vel
posuere odio. Phasellus vel lorem ac nunc dapibus pulvinar nec ac est.
In orci purus, auctor nec ullamcorper eget, varius eu massa. Mauris
dapibus tristique nisi quis aliquam.
<p>Phasellus augue sapien,
mattis ac egestas sed, pharetra at tellus. Aliquam varius risus a lectus
ultricies eget venenatis nisi tempor. Vestibulum sem libero, accumsan
eget sagittis et, faucibus in erat. Phasellus ac urna vitae orci mollis
luctus. Aenean malesuada suscipit quam, facilisis pretium mi scelerisque
in. Proin ac lectus vitae dolor scelerisque bibendum nec sit amet
justo. Cras nec tortor quis purus faucibus ultricies. Praesent a neque
augue. Curabitur posuere arcu eget augue lobortis eu posuere libero
lacinia. Nullam vulputate lacus eu metus tincidunt consectetur. In hac
habitasse platea dictumst. Praesent feugiat porttitor magna, in
fermentum risus gravida ac. Nullam a massa orci, at rutrum est. </p>
</article>
</div>
<footer class="container">
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" /></a><br />
<p>Source is a project of Knight-Mozilla OpenNews.
</footer>
<script type="text/javascript">
$(document).ready(function () {
var top = $('.main-logo').offset().top - parseFloat($('.main-logo').css('margin-top').replace(/auto/, 0));
$(window).scroll(function (event) {
// what the y position of the scroll is
var y = $(this).scrollTop();
// whether that's below the form
if (y >= top) {
// if so, add the fixed class
$('.sourcelogomin').fadeIn('fast');
} else {
// otherwise remove it
$('.sourcelogomin').hide();
}
});
});
</script>
</body>
</html>