m (Wrap other content for style) |
m |
||
(15 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> | ||
Line 30: | Line 35: | ||
<div class="hiddenText"> | <div class="hiddenText"> | ||
<p id="levelOneAppear">Welcome to Level One: Living Circuits. Click next to start this level.</p> | <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> | ||
− | |||
<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> | + | <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 45: | 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="https:// | + | </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 54: | 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%;"> <img src="https://static.igem.org/mediawiki/2016/f/fb/T--Newcastle--HPS-level1.png" style="height: 100%; width: 100%;"> < | + | <div class="circuit" style="width: 55% height: 70%;"><div id="batterydrop"> </div> |
− | <div id=" | + | <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="voltage buttons"> | |
+ | <p> | ||
+ | <label for="voltageSpinner">Voltage: </label> | ||
+ | <input id="voltageSpinner" type="number" value="0" min="0" max="30" step="10" enable="" /> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div></div> | ||
</div> | </div> | ||
<div class="componentbox"> | <div class="componentbox"> | ||
Line 65: | Line 88: | ||
<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> | <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> | </ul> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
<script> | <script> |
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 |
---|
![email](https://static.igem.org/mediawiki/2016/0/03/T--Newcastle--HPS-sentemail.png)
![unopened](https://static.igem.org/mediawiki/2016/6/69/T--Newcastle--HPS-unopened.png)
![](https://static.igem.org/mediawiki/2016/f/fb/T--Newcastle--HPS-level1.png)