-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhumanpractices.html
74 lines (63 loc) · 2.46 KB
/
humanpractices.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/gumby.css" />
<title>uOttawa iGEM 2013 - Team</title>
<link rel="stylesheet" href="css/colorbox.css" />
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/panes.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript">
$(function() {
$("#slideRow a").colorbox();
});
</script>
</head>
<body>
<div id="menubar">
<a href="http://www.igem.org"><img src="images/igem-logo.png" /></a>
<a href="index.html">Home</a>
<a href="project.html">Wet Lab</a>
<a href="software.html">Software</a>
<a href="humanpractices.html">Human Practices</a>
<a href="team.html">Team</a>
<a href="parts.html">Parts</a>
<a href="notebook.html">Notebook</a>
<a href="safety.html">Safety</a>
<a href="attributions.html">Attributions</a>
</div>
<div id="mspacer"></div>
<div class="row"><h1>Human Practices</h1></div>
<div class="row island text-center">
<a href=".book" class="paneLink selected">Children's Book</a>
<a href=".data" class="paneLink">Data</a>
</div>
<div class="pane book">
<div class="row">
<p>
To make a branch of science as complex and cutting-edge as synthetic biology avilable to youth, the Human Practices team wrote a children's book. The narrative follows the life of synthetic biologist Mr. Cool, as he attempts to save the microscopic residents of YeastVille from the dire situations of an oil spill and a few unwelcome guests, among other disasters. The book is targeted to an audience of children from the ages of 6-10, and explains the basics of synthetic biology in language that the children can understand. The book will be published in hard copy, as an eBook, and also as an audiobook. See a preview!
</p>
</div>
<div id="slideRow" class="row island book">
<div class="four columns">
<a href="images/book/p01.jpg"><img src="images/book/p01.jpg" alt="" /></a>
</div>
<div class="four columns">
<a href="images/book/p03.jpg"><img src="images/book/p03.jpg" alt="" /></a>
</div>
<div class="four columns">
<a href="images/book/p09.jpg"><img src="images/book/p09.jpg" alt="" /></a>
</div>
</div>
<div class="row">
<p><i>Mr Cool's Microscopic Adventures</i> ...</p>
Talk about publishing, kickstarter, e-book, audiobook...
</div>
</div>
<div class="row pane data">
<h2>This is not the page you're looking for.</h2>
<p>Move along.</p>
</div>
</body>
</html>