m (Fix CSS link.) |
m |
||
(17 intermediate revisions by the same user not shown) | |||
Line 15: | Line 15: | ||
background-color: #F1594B; | background-color: #F1594B; | ||
} | } | ||
− | body {background-color:# | + | body { background-color: #FFBDA9; } |
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
/* ... */ | /* ... */ | ||
Line 25: | Line 25: | ||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content, body | ||
+ | { | ||
+ | background-color: #FFBDA9; | ||
} | } | ||
</style> | </style> | ||
<body onLoad="init()"> | <body onLoad="init()"> | ||
+ | <div class="hiddenText"> | ||
+ | <p id="levelOneAppear">Welcome to Level One: Living Circuits. Click next to start this level.</p> | ||
+ | <input type="button" id="onebutton" onclick="nxt()" value="Next"> | ||
+ | </div> | ||
+ | <div id="wrappr" class="minwidth"> | ||
+ | <div class="InteractiveLinks"> | ||
+ | <ul class="InteractiveDemo"> | ||
+ | <li class="levelOneAppear" onclick="levelOneAppear()"><img src="https://static.igem.org/mediawiki/2016/e/e7/T--Newcastle--HPS-button1.png" alt="Level One">Living Circuits</li> | ||
+ | <li class="levelTwoAppear" onclick="levelTwoAppear()"><img src="https://static.igem.org/mediawiki/2016/7/74/T--Newcastle--HPS-button2.png" alt="Level Two">Self-healing Rockets</li> | ||
+ | <li class="levelThreeAppear" onclick="levelThreeAppear()"><img src="https://static.igem.org/mediawiki/2016/5/5d/T--Newcastle--HPS-button3.png" alt="Level Three">Bio-Renewables</li> | ||
+ | <li class="levelFiveAppear" onclick="levelFiveAppear()"><img src="https://static.igem.org/mediawiki/2016/d/da/T--Newcastle--HPS-button4.png" alt="Level Five">DNA Memory</li> | ||
+ | </ul> | ||
+ | </div> | ||
<div class="gamebox"> | <div class="gamebox"> | ||
<table id="baseTable"> | <table id="baseTable"> | ||
<tr> | <tr> | ||
+ | <th></th> | ||
<th>Text</th> | <th>Text</th> | ||
<th>Base 10</th> | <th>Base 10</th> | ||
<th>Base 4</th> </tr> | <th>Base 4</th> </tr> | ||
− | <tr> | + | <!--<tr> |
<td>Name</td> | <td>Name</td> | ||
+ | <td>My name</td> | ||
<td id="bTen"></td> | <td id="bTen"></td> | ||
<td id="bFour"></td> | <td id="bFour"></td> | ||
Line 41: | Line 61: | ||
<tr> | <tr> | ||
<td>Password</td> | <td>Password</td> | ||
+ | <td>MagicFish</td> | ||
<td>54</td> | <td>54</td> | ||
<td>312</td> | <td>312</td> | ||
− | </tr> | + | </tr>--> |
− | </table> <img id="email" src="sentemail.png" alt="email"> <img id="unopened" src="unopened.png" alt="unopened"> | + | </table> <img id="email" src="https://static.igem.org/mediawiki/2016/0/03/T--Newcastle--HPS-sentemail.png" alt="email"> <img id="unopened" src="https://static.igem.org/mediawiki/2016/6/69/T--Newcastle--HPS-unopened.png" alt="unopened"> |
<p id="displayname"></p> | <p id="displayname"></p> | ||
<p id="displayNumber"></p> | <p id="displayNumber"></p> | ||
Line 50: | Line 71: | ||
<p id="displayXOR"></p> | <p id="displayXOR"></p> | ||
<p id="displayXORResult"></p> | <p id="displayXORResult"></p> | ||
− | <div class="circuit" style="width: 55% height: 70%;"> | + | <div class="circuit" style="width: 55% height: 70%;"><div id="batterydrop"> </div> |
− | + | <div id="bulbdrop"></div><img src="https://static.igem.org/mediawiki/2016/f/fb/T--Newcastle--HPS-level1.png" style="height: 100%; width: 100%;"><div class="toolbox"> | |
− | <div id="bulbdrop"> </div | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div id="voltage buttons"> | <div id="voltage buttons"> | ||
<p> | <p> | ||
<label for="voltageSpinner">Voltage: </label> | <label for="voltageSpinner">Voltage: </label> | ||
− | <input id="voltageSpinner" type="number" value="0" min="0" max=" | + | <input id="voltageSpinner" type="number" value="0" min="0" max="30" step="10" enable="" /> |
− | + | ||
</p> | </p> | ||
</div> | </div> | ||
+ | </div></div> | ||
+ | </div> | ||
+ | <div class="componentbox"> | ||
+ | <ul class="link" id="components"> | ||
+ | <li id="BATTERY" class="component"><img src="https://static.igem.org/mediawiki/2016/4/46/T--Newcastle--HPS-electricbattery.png" style="height: 135px; width: 180px;" alt="battery"></li> | ||
+ | <li id="FUEL_CELL" class="component"><img src="https://static.igem.org/mediawiki/2016/a/ae/T--Newcastle--HPS-fuelcell_empty.jpg" style="height: 90px; width: 90px;" alt="battery"></li> | ||
+ | <li id="LIGHTBULB" class="component"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--Newcastle--HPS-electricbulb_off.png" style="height: 90px; width: 90px;" alt="battery"></li> | ||
+ | <li id="BIOBULB" class="component"><img src="https://static.igem.org/mediawiki/2016/0/0b/T--Newcastle--HPS-bacteriabulb_off.png" style="height: 90px; width: 90px;" alt="battery"></li> | ||
+ | </ul> | ||
</div> | </div> | ||
<script> | <script> | ||
Line 88: | Line 93: | ||
</script> | </script> | ||
</body> | </body> | ||
− | |||
</html> | </html> |
Latest revision as of 18:28, 19 October 2016
Welcome to Level One: Living Circuits. Click next to start this level.
- Living Circuits
- Self-healing Rockets
- Bio-Renewables
- DNA Memory
Text | Base 10 | Base 4 |
---|