Difference between revisions of "Team:Newcastle/Software/Hosted/Thought-Experiment"

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:#2C235A; }
+
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 id="wrappr">
 
 
     <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 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://2016.igem.org/File: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">
+
         </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>
+
         <div class="circuit" style="width: 55% height: 70%;"><div id="batterydrop"> </div>
−
         <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">
 +
            <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 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="levelFourAppear" onclick="levelFourAppear()"><img src="https://static.igem.org/mediawiki/2016/d/da/T--Newcastle--HPS-button4.png" alt="Level Four">Applications</li>
 
−
            <li class="levelFiveAppear" onclick="levelFiveAppear()"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--Newcastle--HPS-button5.png" alt="Level Five">DNA Memory</li>
 
−
        </ul>
 
−
    </div>
 
−
    <input type="button" id="onebutton" onclick="nxt()" value="Next">
 
−
    <div class="toolbox">
 
−
        <div id="voltage buttons">
 
−
            <p>
 
−
                <label for="voltageSpinner">Voltage: </label>
 
−
                <input id="voltageSpinner" type="number" value="0" min="0" max="40" step="5" enable="" />
 
−
                <button id="getvalue">Apply!</button>
 
−
            </p>
 
−
        </div>
 
−
    </div>
 
 
     </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.

  • Level OneLiving Circuits
  • Level TwoSelf-healing Rockets
  • Level ThreeBio-Renewables
  • Level FiveDNA Memory
 
Text Base 10 Base 4
email unopened