<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Booki</title>
<link type="text/css" href="/site_media/css/booki.css" rel="Stylesheet" >
<link type="text/css" href="/site_media/js/jquery/theme/ui.all.css" rel="Stylesheet" >
<script type="text/javascript" src="/site_media/js/jquery/jquery-1.3.1.js"></script>
<script type="text/javascript" src="/site_media/js/jquery/jquery-ui-personalized-1.6rc6.js"></script>
<script type="text/javascript" src="/site_media/js/jquery.json-1.3.js"></script>
<script type="text/javascript" src="/site_media/js/booki.js"></script>
<script type="text/javascript" src="/site_media/js/profile.js"></script>
<script type="text/javascript" src="/site_media/js/jquery/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript">
$(function() {
// current browser
$.booki.username = "";
// profile user should be different variable
$.booki.profileName = "adamhyde";
/* call when page is loaded */
$.booki.profile.initProfile();
// probably subscribe to /booki/profile/<username>/
$.booki.subscribeToChannel("/booki/", function(message) {
});
// start Sputnik
jQuery.booki.network._transport.connect();
});
</script>
<script type="text/javascript">
$(function() {
$("#importarea").accordion();
});
</script>
</head>
<body>
<!-- Start the page -->
<div id="page-container">
<!-- top bar + drop shadow -->
<div class="topbar shadow">
<a href="/"><img alt="Booki logo" src="/site_media/images/booki_logo_topleft.png" border="0"></a>
<div id="login">Login / Register</div>
</div>
<!-- End top bar -->
<!-- nav box + drop shadow -->
<div class="navbox shadow">
<ul>
<li><a href="/">About</a></li>
<li><a href="/list-books">Books</a></li>
<li><a href="/list-groups">Groups</a></li>
<li><a href="/list-people">People</a></li>
</ul>
</div>
<!-- End of nav box -->
<!-- Content box and the drop shadow-------------------------------------------------------- -->
<div class="content-container shadow fullheight">
<!-- start profile info area -->
<div id="profilebox">
<img src="/site_media/static/_profile_images/adamhyde.jpg"/>
<br/>
adam@flossmanuals.net<br />
adam hyde<br />
testing testing
</div>
<!-- end profile info -->
<!-- start Create New Book -->
<div id="createnewbook">
<h2>Create new book</h2>
<form action="." method="POST">
<table>
<tr><th><label for="id_title">Title:</label></th><td><input type="text" name="title" id="id_title" /></td></tr>
<tr><th><label for="id_license">License:</label></th><td><select name="license" id="id_license">
<option value="CC - 0">CC - 0</option>
<option value="CC-BY">CC-BY</option>
<option value="CC-BY-SA">CC-BY-SA</option>
<option value="GPL">General Public License</option>
<option value="MIT">MIT</option>
<option value="Public Domain">Public Domain</option>
</select></td></tr>
</table>
<button>Create</button>
</form>
</div>
<!-- end Create New Book -->
<!-- start Import area -->
<div id="importarea">
<h3><a href="#">Import from archive.org</a></h3>
<div>
<form action="." method="POST">
<table>
<tr><th><label for="id_archive_id">Archive id:</label></th><td><input type="text" name="archive_id" id="id_archive_id" /></td>
</tr>
</table>
<button>Import</button>
</form>
<br/>
</div>
<h3><a href="#">Import epub</a></h3>
<div>
<form action="." method="POST">
<table>
<tr><th><label for="id_url">Url:</label></th><td><input type="text" name="url" id="id_url" /></td></tr>
</table>
<button>Import</button>
</form>
<br/>
</div>
<!--
<h2>Import from fm.net</h2>
<form action="." method="POST">
<table>
</table>
<br/><br/>
<button>Import</button>
</form>
-->
</div>
<!-- end Import area -->
<!-- start Book list area -->
<div id="booklist">
<h2>Books</h2>
<ul>
<li><a href="/kateysvoyage00whymiala/">kateysvoyage00whymiala</a> (<a href="/kateysvoyage00whymiala/edit/">edit</a>)</li>
<li><a href="/cinderella-2/">Cinderella - 2</a> (<a href="/cinderella-2/edit/">edit</a>)</li>
<li><a href="/collaborativefutures/">CollaborativeFutures</a> (<a href="/collaborativefutures/edit/">edit</a>)</li>
<li><a href="/testthisone/">testthisone</a> (<a href="/testthisone/edit/">edit</a>)</li>
<li><a href="/electrosmog/">ElectroSmog</a> (<a href="/electrosmog/edit/">edit</a>)</li>
<li><a href="/open-web/">Open Web</a> (<a href="/open-web/edit/">edit</a>)</li>
</ul>
</div>
<!-- end Book list area -->
<!-- start Groups area -->
<div id="groups">
<h2>Groups</h2>
</div>
<!-- end Groups area -->
<!-- start New Group area -->
<div id="newgroup">
<h2>Create new group</h2>
<form method="GET" action="javascript:void(0)" onSubmit="return false;">
Group name:<br>
<input type="text" style="width:325px;" value=""/> <br>
What is this group about:<br>
<textarea name="description" rows="5" style="width:325px;"></textarea><br/>
<button>Create new group</button>
</form>
</div>
<!-- end New Group area -->
</div>
<!-- End of content area -->
</div>
<!-- end the Page -->
<!-- DEV TOOLS -->
<div id="debug">
<a class="debug" href="javascript:void(0)">Debug</a>
</div>
</body>
</html>