Difference between revisions of "Team:CPU CHINA/Demonstrate"

Line 132: Line 132:
 
<button id="clickMe" style="width: 20%;position: absolute;height:100px;left: 40%;top: 500px;background-color: #feeca9;border: none;color: #c9b083;font-size: 23px; display:none;z-index:1;" onclick="showContent()">RNAi</button>
 
<button id="clickMe" style="width: 20%;position: absolute;height:100px;left: 40%;top: 500px;background-color: #feeca9;border: none;color: #c9b083;font-size: 23px; display:none;z-index:1;" onclick="showContent()">RNAi</button>
  
<h1 style="font-size:2.3rem;text-align:center">The AND gate is a basic digital logic gate that implements logical conjunction. A HIGH output (1) results only if all the inputs to the AND gate are HIGH (1)</h1>
+
 
  
 
<div class="door">
 
<div class="door">
 +
<h1 style="font-size:2.3rem;text-align:center">The AND gate is a basic digital logic gate that implements logical conjunction. A HIGH output (1) results only if all the inputs to the AND gate are HIGH (1)</h1>
 
   <img src="https://static.igem.org/mediawiki/2018/4/44/T--CPU_CHINA--demonstrate-doorclose.jpg" id="doorClose">
 
   <img src="https://static.igem.org/mediawiki/2018/4/44/T--CPU_CHINA--demonstrate-doorclose.jpg" id="doorClose">
 
   <img src="https://static.igem.org/mediawiki/2018/5/51/T--CPU_CHINA--demonstrate-dooropen.jpg" id="doorOpen" style="display:none;">  
 
   <img src="https://static.igem.org/mediawiki/2018/5/51/T--CPU_CHINA--demonstrate-dooropen.jpg" id="doorOpen" style="display:none;">  
Line 141: Line 142:
 
   <div class="pumpkin-left">
 
   <div class="pumpkin-left">
 
   <div id="htert" style="width: 250%;/* height: 50px; */font-size: 1em;position: relative;top: -20px;left: -10%;color: #d01f1f !important;font-size: 20px;/* background-color:white; *//* border-radius:2rem; */display:block;">
 
   <div id="htert" style="width: 250%;/* height: 50px; */font-size: 1em;position: relative;top: -20px;left: -10%;color: #d01f1f !important;font-size: 20px;/* background-color:white; *//* border-radius:2rem; */display:block;">
     I am promoter hTERT! Click me!
+
     I am <i>Promoter</i> hTERT! Click me!
 
   </div>
 
   </div>
 
     <button class="ppkbtn" id="pumpkinLeft-no" style="background:url(https://static.igem.org/mediawiki/2018/f/f9/T--CPU_CHINA--demonstrate-pumpkin1.jpg);background-size:cover;background-repeat:no-repeat;"></button>
 
     <button class="ppkbtn" id="pumpkinLeft-no" style="background:url(https://static.igem.org/mediawiki/2018/f/f9/T--CPU_CHINA--demonstrate-pumpkin1.jpg);background-size:cover;background-repeat:no-repeat;"></button>
Line 148: Line 149:
 
   <div class="pumpkin-right">
 
   <div class="pumpkin-right">
 
   <div id="hulc" style="width: 250%;/* height: 50px; */font-size: 1em;position: relative;top: -20px;left: -10%;color: #d01f1f !important;font-size: 20px;/* background-color:white; *//* border-radius:2rem; */ display:block;">
 
   <div id="hulc" style="width: 250%;/* height: 50px; */font-size: 1em;position: relative;top: -20px;left: -10%;color: #d01f1f !important;font-size: 20px;/* background-color:white; *//* border-radius:2rem; */ display:block;">
     I am promoter Hulc! Click me!
+
     I am <i>Promoter</i> Hulc! Click me!
 
   </div>
 
   </div>
 
     <button class="ppkbtn" id="pumpkinRight-no" style="background:url(https://static.igem.org/mediawiki/2018/f/f6/T--CPU_CHINA--demonstrate-pumpkin2.jpg)";background-size:cover;background-repeat:no-repeat;></button>
 
     <button class="ppkbtn" id="pumpkinRight-no" style="background:url(https://static.igem.org/mediawiki/2018/f/f6/T--CPU_CHINA--demonstrate-pumpkin2.jpg)";background-size:cover;background-repeat:no-repeat;></button>

Revision as of 12:13, 30 November 2018

The AND gate is a basic digital logic gate that implements logical conjunction. A HIGH output (1) results only if all the inputs to the AND gate are HIGH (1)

I am Promoter hTERT! Click me!
I am Promoter Hulc! Click me!