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

m (Seperate JavaScript from HTML.)
m
 
(18 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
−
     <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Newcastle/libs/HP/Simulator.css?action=raw&ctype=text/css" />
+
     <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Newcastle/libs/HP/Simulator-css?action=raw&ctype=text/css" />
 
     <script src="https://2016.igem.org/Team:Newcastle/libs/jquery-1124-js?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Team:Newcastle/libs/jquery-1124-js?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Team:Newcastle/libs/jquery-ui-1120-js?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Team:Newcastle/libs/jquery-ui-1120-js?action=raw&ctype=text/javascript"></script>
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>
 
<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%;"> <img src="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>
+
−
    <div class="componentbox">
+
−
        <ul class="link" id="components">
+
−
            <li id="BATTERY" class="component"><img src="electricbattery.png" style="height: 135px; width: 180px;" alt="battery"></li>
+
−
            <li id="FUEL_CELL" class="component"><img src="fuelcell_empty.jpg" style="height: 90px; width: 90px;" alt="battery"></li>
+
−
            <li id="LIGHTBULB" class="component"><img src="electricbulb_off.png" style="height: 90px; width: 90px;" alt="battery"></li>
+
−
            <li id="BIOBULB" class="component"><img src="bacteriabulb_off.png" style="height: 90px; width: 90px;" alt="battery"></li>
+
−
        </ul>
+
−
    </div>
+
−
    <div class="InteractiveLinks">
+
−
        <ul class="InteractiveDemo">
+
−
            <li class="levelOneAppear" onclick="levelOneAppear()"><img src="button1.png" alt="Level One">Living Circuits</li>
+
−
            <li class="levelTwoAppear" onclick="levelTwoAppear()"><img src="button2.png" alt="Level Two">Self-healing Rockets</li>
+
−
            <li class="levelThreeAppear" onclick="levelThreeAppear()"><img src="button3.png" alt="Level Three">Bio-Renewables</li>
+
−
            <li class="levelFourAppear" onclick="levelFourAppear()"><img src="button4.png" alt="Level Four">Applications</li>
+
−
            <li class="levelFiveAppear" onclick="levelFiveAppear()"><img src="button5.png" alt="Level Five">DNA Memory</li>
+
−
        </ul>
+
−
    </div>
+
−
    <input type="button" id="onebutton" onclick="nxt()" value="Next">
+
−
    <div class="hiddenText">
+
−
        <p id="levelOneAppear">Welcome to Level One: Living Circuits. Click next to start this level.</p>
+
−
    </div>
+
−
    <div class="toolbox">
+
 
         <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="40" step="5" enable="" />
+
                 <input id="voltageSpinner" type="number" value="0" min="0" max="30" step="10" enable="" />
−
                <button id="getvalue">Apply!</button>
+
 
             </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.

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