static/index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" 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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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="http://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="http://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="http://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>