Difference between revisions of "Team:UMaryland/Composite Part"
Line 11: | Line 11: | ||
<!--Attention! If you are not part of the website team, you are NOT allowed to touch anything above this line without the express permission of Best Kohai.--> | <!--Attention! If you are not part of the website team, you are NOT allowed to touch anything above this line without the express permission of Best Kohai.--> | ||
− | < | + | <style type="text/css"> |
− | + | #partcontainer { | |
+ | overflow:hidden; | ||
+ | background-color:#66FF00; | ||
+ | width:1000px; | ||
+ | margin:auto; | ||
+ | } | ||
− | { | + | #partname{ |
− | + | width:100%; | |
− | + | background-color:#000000; | |
− | + | padding:5px 5px 5px 20px; | |
− | + | } | |
− | + | ||
− | + | ||
− | < | + | #partname h2{ |
+ | font-size:30pt; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | #partdescription{ | ||
+ | width:400px; | ||
+ | min-height:200px; | ||
+ | background-color:#ffffff; | ||
+ | padding:10px; | ||
+ | float:left; | ||
+ | margin:10px; | ||
+ | } | ||
+ | |||
+ | #partimage { | ||
+ | float:right; | ||
+ | margin:10px; | ||
+ | border: 2px solid black; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <div id='partcontainer'> | ||
+ | <div id='partname'> | ||
+ | <h2>Miraculin Generator</h2> | ||
+ | </div> | ||
+ | <div id='partdescription'> | ||
+ | Combines BBa_K206000 (pBAD promoter) with BBa_K1033120 (B0034-ExpTag-Linker-Miraculin-Linker-6xHis). Codes for a His-tagged miraculin with export tag to periplasm. Induced with arabinose. Miraculin is a protein that interacts with our taste receptors, causing us to taste sour foods as sweet. This part was assembled using 3A Assembly as a training exercise for new UMaryland iGEM members. | ||
+ | </div> | ||
+ | <div id='partimage'> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/51/000.jpg" height="337" width="457"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div id='partcontainer'> | ||
+ | <div id='partname'> | ||
+ | <h2>Hok/Sok coding sequence</h2> | ||
+ | </div> | ||
+ | <div id='partdescription'> | ||
+ | Codes for the Hok/Sok toxin system. This system naturally evolved in bacteria, possibly through a selfish gene paragiagm, and is used to keep plasmids. | ||
+ | </div> | ||
+ | <div id='partimage'> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/a/a0/001.jpg" height="337" width="457"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div id='partcontainer'> | ||
+ | <div id='partname'> | ||
+ | <h2>Unstable RFP</h2> | ||
+ | </div> | ||
+ | <div id='partdescription'> | ||
+ | Complete with a constitutive promotor, this fluorescent protein is expressed continuously throughout the cell. The half life of the protein is about 1 hour, as proteases have a high affinity for it. | ||
+ | </div> | ||
+ | <div id='partimage'> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/11/002.jpg" height="337" width="457"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div id='partcontainer'> | ||
+ | <div id='partname'> | ||
+ | <h2>Hok/Sok and RFP</h2> | ||
+ | </div> | ||
+ | <div id='partdescription'> | ||
+ | Combination of parts K_001 and K_002. This part allows the quantitative testing of | ||
+ | </div> | ||
+ | <div id='partimage'> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/9c/003.jpg" height="337" width="457"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <!-- | + | <!-- |
<div id='swagcontent'> | <div id='swagcontent'> | ||
− | <h2> | + | <h2> Basic Parts</h2> |
<style type="text/css"> | <style type="text/css"> | ||
Line 43: | Line 145: | ||
padding-top: 2em; | padding-top: 2em; | ||
background-color: #4b4040; | background-color: #4b4040; | ||
− | |||
} | } | ||
Line 55: | Line 156: | ||
filter: alpha(opacity=60); | filter: alpha(opacity=60); | ||
background-color: #4b4040; | background-color: #4b4040; | ||
− | } | + | } |
.part-container .part-example .name{ | .part-container .part-example .name{ | ||
− | font-size: | + | font-size: 25px; |
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; | font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; | ||
position: absolute; | position: absolute; | ||
top: 5%; | top: 5%; | ||
− | left: | + | left: 7%; |
color: #e0dfdc; | color: #e0dfdc; | ||
Line 69: | Line 170: | ||
.part-container .part-example .catalog{ | .part-container .part-example .catalog{ | ||
− | font-size: | + | font-size: 20px; |
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; | font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 8%; |
− | left: | + | left: 60%; |
− | + | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
Line 81: | Line 181: | ||
position:absolute; | position:absolute; | ||
background: rgba(0,0,0,0.9); | background: rgba(0,0,0,0.9); | ||
− | top: | + | top: 8em; |
− | bottom: | + | bottom: 1em; |
left: 45%; | left: 45%; | ||
width: 50%; | width: 50%; | ||
Line 102: | Line 202: | ||
color: #009A90; | color: #009A90; | ||
font-family: Verdana; | font-family: Verdana; | ||
− | font-size: | + | font-size: 16px; |
+ | |||
+ | } | ||
+ | |||
+ | .part-container .part-example .desc h1{ | ||
+ | color: #009A90; | ||
+ | font-family: Verdana; | ||
+ | font-size: 12px; | ||
} | } | ||
Line 110: | Line 217: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
font-family: Verdana; | font-family: Verdana; | ||
− | font-size: | + | font-size: 10px; |
} | } | ||
Line 119: | Line 226: | ||
<div id = "Part 1"> | <div id = "Part 1"> | ||
<div class = "part-example col-sm-6"> | <div class = "part-example col-sm-6"> | ||
− | <div class = "name"> <b> | + | <div class = "name"> <b> Basic 1 </b> </div> |
− | <div class = "catalog"> | + | <div class = "catalog"> Basic 1 Catalog no </div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class = desc> | <div class = desc> | ||
− | <h3> | + | <h3> Part 1 Gene |
</h3> | </h3> | ||
<p> | <p> | ||
− | + | Part Notes | |
</p> | </p> | ||
</div> | </div> | ||
Line 149: | Line 239: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
+ | |||
+ | --> | ||
+ | |||
</html> | </html> |
Revision as of 18:56, 7 September 2015