static/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Public Laboratory</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/stylesheets/smoothness/jquery-ui-1.8.21.custom.css">
<script language="javascript" type="text/javascript" src="/javascripts/jquery-ui-1.8.21.custom.min.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="header">
<ul id="links">
<li><a href="/">Public Lab</a></li>
<li><a href="/about">About</a></li>
<li><a href="/research">Research</a></li>
<li><a href="/archive">Archive</a></li>
<img style="padding-top:2px;" src="images/search.png" />
<li class="right"><a href="/dashboard">Dashboard</a></li>
<li class="right"><a href="/profile">Profile</a></li>
</ul>
<div class="buttons">
<a class="button" href="/post">Post research »</a>
</div>
<h1>Research</h1>
<div id="navbar">
<a href="">Research notes</a> |
<a href="">Wiki pages</a> |
<a href="">By place</a> |
<a class="selected" href="">By tool</a> |
<a href="">By tag</a>
<a class="right" href="">RSS</a>
</div>
</div>
<div id="page">
<div id="sidebar">
<div class="box">
</div>
</div>
<div id="main">
<h2 class='divider'>BALLOON MAPPING
<small>
<a href="">Wiki pages</a> |
<a href="">People</a>
<a class="right" href="">Follow balloon-mapping</a>
</small>
</h2>
<div class="info">
<p>Balloon and kite mapping are a way to collect aerial images affordably, using a digital camera lofted to 1000ft on a tethered balloon or kite.</p>
<p><ul>
<li><a href="">Intro to Balloon Mapping</a></li>
<li><a href="">Illustrated PDF guide</a></li>
<li><a href=""><b>Buy a kit</b></a></li>
</ul></p>
</div>
<div class="items">
<div>
<a href=""><img src="images/item1.jpg" /></a>
<h3><a href="">Infrared camera rig</a></h3>
<p><i>35 mins ago by <a href="">Chris Fastie</a></i></p>
<p><a href="">0 comments »</a></p>
</div>
<div>
<a href=""><img src="images/item2.jpg" /></a>
<h3><a href="">LEAFFEST 2012</a></h3>
<p><i>35 mins ago by <a href="">Chris Fastie</a></i></p>
<p><a href="">8 comments »</a></p>
</div>
<div>
<a href=""><img src="images/item1.jpg" /></a>
<h3><a href="">Infrared camera rig</a></h3>
<p><i>35 mins ago by <a href="">Chris Fastie</a></i></p>
<p><a href="">0 comments »</a></p>
</div>
<div>
<a href=""><img src="images/item2.jpg" /></a>
<h3><a href="">LEAFFEST 2012</a></h3>
<p><i>35 mins ago by <a href="">Chris Fastie</a></i></p>
<p><a href="">4 comments »</a></p>
</div>
<br style="clear:both;" />
</div>
</div>
<hr />
<div id="footer">
<div class="col">
<p><b>Useful links</b></p>
<ul>
<li><a href="">Profile</a></li>
<li><a href="">Dashboard</a></li>
</ul>
<ul>
<li><a href="">Research</a></li>
<li><a href="">Search</a></li>
<li><a href="">Archive</a></li>
<li><a href="">Mailing lists</a></li>
</ul>
</div>
<div class="col">
<p><b>Help and Troubleshooting</b></p>
<p>Submit bugs, feature requests, and find support for the PLOTS website here: <a href="/wiki/issues">PLOTS issue tracking</a>, or <a href="https://github.com/jywarren/plots/issues">directly on GitHub</a></p>
</div>
<div class="col" style="width:400px;">
<p><b>Licensing and freedoms</b></p>
<p><a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0;float:left;margin-right:10px;" src="images/cc-by-sa.png" /></a></p>
<p>This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>. Hardware designs on this site are released under the <a href="https://www.ohwr.org/cernohl">CERN Open Hardware License 1.1</a>. Read more about Public Laboratory's <a href="/licenses">open source licensing here</a>.</p>
<p>Specific works on this site may be released or dedicated under different licenses, but only if such alternatives are clearly indicated by their authors.</p>
</div>
<br style="clear:both;" />
</div>
</div>
</body>
</html>