-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtesting.html
More file actions
130 lines (124 loc) · 6.72 KB
/
testing.html
File metadata and controls
130 lines (124 loc) · 6.72 KB
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<title>Team:Cornell/Testing - 2018.igem.org</title>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<link rel="stylesheet" type="text/css" href="styles/grids.css">
<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/main.js" type="text/javascript"></script>
</head>
<body class="testing-page-wrapper">
<!------------------------ NAV BAR START ------------------------>
<nav>
<div class="nav-bar-wrapper">
<div>
<div class="nav-bar-logo">
<a href="home"><img src="images/new_oscillate_logo.png" alt="Oscillate"></a>
</div>
<div class="nav-bar-main-menu">
<div class="dropdown">
<button class="dropbtn">TEAM</button>
<div class="dropdown-content team-dropdown-content">
<a href="http://2018.igem.org/Team:Cornell/Team">BIOS</a>
<a href="http://2018.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
<a href="http://2018.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">OUTREACH</button>
<div class="dropdown-content outreach-dropdown-content">
<a href="#">COLLABORATIONS</a>
<a href="#">PUBLIC ENGAGEMENT</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">HUMAN-CENTERED DESIGN</button>
<div class="dropdown-content human-dropdown-content">
<a href="#">PRACTICES</a>
<a href="#">POLICIES</a>
<a href="http://2018.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn active-page">MODELING</button>
<div class="dropdown-content modeling-dropdown-content">
<a href="http://2018.igem.org/Team:Cornell/Model">MODEL</a>
<a href="http://2018.igem.org/Team:Cornell/Testing">TESTING</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">TOOLKIT</button>
<div class="dropdown-content toolkit-dropdown-content">
<ul>
<div class="nav-first-col">
<li class = "wet-lab-list-title"><b>WET LAB</b></li>
<li><a href="http://2018.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
<li><a href="http://2018.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
<li><a href="http://2018.igem.org/Team:Cornell/InterLab">INTERLAB</a></li>
<li><a href="hhttp://2018.igem.org/Team:Cornell/Parts">PARTS</a></li>
</div>
<div class="nav-second-col">
<li class = "doc-list-title"><b>DOCUMENTATION</b></li>
<li><a href="http://2018.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
<li><a href="http://2018.igem.org/Team:Cornell/Safety">SAFETY</a></li>
</div>
</ul>
</div>
</div>
<div class="dropdown">
<button class="dropbtn" onclick="location.href='http://2018.igem.org/Team:Cornell/Description '">ABOUT</button>
</div>
<div class="dropdown">
<button class="dropbtn" onclick="location.href='http://2018.igem.org/Team:Cornell'">HOME</button>
</div>
</div>
</div>
</div>
</nav>
<!------------------------ NAV BAR END ------------------------>
<!------------------------ STANDARD PAGE BANNER START ------------------------>
<header class="no-pic-banner">
<svg viewBox="0 0 100 100" width=100% height=100%>
<polygon points="-50,50 50,10 150,50 50,90" fill="white" fill-opacity="0.4"></polygon>
<text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Testing</text>
</svg>
</header>
<!------------------------ STANDARD PAGE BANNER END ------------------------>
<!------------------------ ATTRIBUTION PAGE CONTENT START ------------------------>
<div class="testing-page-content-wrapper">
<div class="testing-page-content-section">
<div class="testing-text-wrapper">
<p class="testing-body-text">In order to test our genetic circuit, we designed a simple apparatus to fluctuate the temperature between approximately 40 degrees Celsius and 23 degrees Celsius. This temperature-alternating system consisted of a hot water bath and, a stand to hold a tube of bacteria, and a servo to move the tube out of the 40-degree water environment and into room temperature. The servo was programmed and powered with an Arduino fio to rotate the tube up and down. The code, written in c, is displayed below:</p>
<div class="standard-page-content-image-wrapper">
<img class="standard-page-content-image" src="images/amy_fb.jpg">
</div>
<p class="testing-body-text">The final set up with the programmed servo and hot plate is displayed below:</p>
<div class="standard-page-content-image-wrapper">
<img class="standard-page-content-image" src="images/amy_fb.jpg">
</div>
</div>
</div>
</div>
<!------------------------ NOTEBOOK PAGE CONTENT END ------------------------>
<!------------------------ FOOTER START ------------------------>
<footer>
<div class="footer-wrapper">
<div class="icon-wrapper">
<a class="icon" href=""><img src="images/facebook-32.png"></a>
</div>
<div class="icon-wrapper">
<a class="icon" href=""><img src="images/twitter-32.png"></a>
</div>
<div class="icon-wrapper">
<a class="icon" href=""><img src="images/instagram-32.png"></a>
</div>
<div class="icon-wrapper icon-wrapper-last">
<a class="icon" href=""><img src="images/youtube-32.png"></a>
</div>
</div>
</footer>
<!------------------------ FOOTER END ------------------------>
</body>
</html>