Team:UIUC Illinois
From 2014.igem.org
(Difference between revisions)
(58 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
/*Coffee Art Banner*/ | /*Coffee Art Banner*/ | ||
#topheader{ | #topheader{ | ||
- | height: | + | height:450px; |
display:block; | display:block; | ||
top:-15px; | top:-15px; | ||
Line 44: | Line 44: | ||
float:left; | float:left; | ||
width:500px; | width:500px; | ||
- | height: | + | height:500px; |
font-size:22px; | font-size:22px; | ||
text-align:center; | text-align:center; | ||
- | margin-top: | + | margin-top:20px; |
margin-right:0px; | margin-right:0px; | ||
border-radius:7px; | border-radius:7px; | ||
Line 60: | Line 60: | ||
} | } | ||
.subpanel2 { /* Our Story Divider */ | .subpanel2 { /* Our Story Divider */ | ||
- | |||
position:relative; | position:relative; | ||
- | width: | + | width: 550px; |
- | height: | + | height:45px; |
text-align:center; | text-align:center; | ||
line-height:50px; | line-height:50px; | ||
- | background-color:# | + | background-color:#806645; |
color:#FFEDD7; | color:#FFEDD7; | ||
border-radius:7px; | border-radius:7px; | ||
bottom:50px; | bottom:50px; | ||
- | font-family: | + | font-family: 'Old Standard TT', cursive; |
- | font-size: | + | font-size: 30px; |
} | } | ||
Line 102: | Line 101: | ||
/* Panels at the bottom */ | /* Panels at the bottom */ | ||
- | . | + | .subpanel5 { |
float:left; | float:left; | ||
height:96px; | height:96px; | ||
- | width: | + | width:348px; |
margin-right:18px; | margin-right:18px; | ||
border-radius:7px; | border-radius:7px; | ||
overflow:hidden; | overflow:hidden; | ||
- | background-color:# | + | background-color:#806645; |
color:#FFEDD7; | color:#FFEDD7; | ||
} | } | ||
- | . | + | .subpanel5 img { |
margin-top:16px; | margin-top:16px; | ||
background:white; | background:white; | ||
} | } | ||
- | . | + | .subpanel5 img:hover { |
background:rgb(252,250,229); | background:rgb(252,250,229); | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .motive { /* Overview */ | ||
+ | /*float:left;*/ | ||
+ | width:1100px; | ||
+ | height:250px; | ||
+ | margin-top:-70px; | ||
+ | margin-right:20px; | ||
+ | margin-bottom:12px; | ||
+ | border-radius:7px; | ||
+ | background:rgb(252,250,229); | ||
+ | } | ||
+ | |||
+ | .cont { /* Overview content */ | ||
+ | width:90%; | ||
+ | height:auto; | ||
+ | margin-left:5%; | ||
+ | margin-top:5%; | ||
+ | background:transparent; | ||
+ | } | ||
+ | .cont p { | ||
+ | line-height:28px; | ||
+ | width:auto; | ||
+ | height:auto; | ||
+ | margin:5% 2%; | ||
+ | } | ||
+ | .story { /* Results */ | ||
+ | float:right; | ||
+ | width:550px; | ||
+ | height:50px; | ||
+ | font-size:30px; | ||
+ | text-align:center; | ||
+ | line-height:50px; | ||
+ | background-color:#806645; | ||
+ | color:white; | ||
+ | border-radius:7px; | ||
+ | position:relative; | ||
+ | bottom:50px; | ||
+ | font-family: 'Old Standard TT', cursive; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | |||
Line 124: | Line 167: | ||
<!--Top Banner--> | <!--Top Banner--> | ||
- | <div id="topheader"> | + | <div id="topheader" style="background-color:#ffedd7"> |
- | <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2014/ | + | <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2014/9/93/UIUC_iGEM2014.jpg" width="1100px" height="400"/> |
</div> | </div> | ||
<!--Space between banner and Our Story--> | <!--Space between banner and Our Story--> | ||
- | <div style="clear: both;"></div> | + | <div style="clear:both;background-color:#ffedd7"></div> |
<!--Importing jquery library--> | <!--Importing jquery library--> | ||
Line 138: | Line 181: | ||
<!--Our Story Banner--> | <!--Our Story Banner--> | ||
- | <a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Our_Story"> | + | <div class="motive"> |
- | + | <div style="position:relative;bottom:0px"> | |
- | + | <div class="cont"> | |
- | + | <p style="font-size:26px;"><br><br>The dark side of chocolate is a well-known issue for small animals. To resolve this, UIUC iGEM 2014 Team focused on creating a probiotic which breaks down harmful Theobromine into innocuous substrate. Additionally, we worked on creating a novel way to deal with coffee waste, converting it into more viable feed source. | |
- | + | <br>UIUC Software Team attempted to make two programs. Cutsultant helps synthetic biologists to find the best enzyme for selected cut sites. EvoTracer is designed to give information about the tolerance of plasmid against mutation, recombination, and other factors that react to disrupt the original genome. </br></p> | |
- | + | </div> | |
+ | </div> | ||
+ | <!--<a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Our_Story"> | ||
+ | <div class="story" > | ||
+ | <img width="70px" style="position:relative;bottom:1px;" src="https://static.igem.org/mediawiki/2014/f/f4/OurStory.jpg"/>Our Story | ||
+ | </div> | ||
+ | </a>--> | ||
+ | </div> | ||
+ | <br><br><br> | ||
<!--Infographics--> | <!--Infographics--> | ||
- | <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/ | + | <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/PuppyProbiotic" title="Puppy Probiotic"> |
<div id="pspanel" class="subpanel1" onmouseover="chgtrans(this)" style="margin-right:30px;margin-left:30px;"> | <div id="pspanel" class="subpanel1" onmouseover="chgtrans(this)" style="margin-right:30px;margin-left:30px;"> | ||
- | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/ | + | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/9/94/PuppyProbiotic.jpg" style="height:450px;width:490px"/> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</a> | </a> | ||
- | <a href="https:// | + | <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/Future" title="Future_Directions"> |
<div id="pspanel" class="subpanel1" onmouseover="chgtrans(this)"> | <div id="pspanel" class="subpanel1" onmouseover="chgtrans(this)"> | ||
- | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/ | + | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/7/72/CoffeeInfographic.jpg" style="height:450px;width:490px;"/> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</a> | </a> | ||
Line 168: | Line 209: | ||
<!--Separates Infographics from Image Banners--> | <!--Separates Infographics from Image Banners--> | ||
- | <div style="clear: both;"></div> | + | <div style="clear:both;background-color:#ffedd7"></div> |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<!--Space between Image Banners and Small Buttons--> | <!--Space between Image Banners and Small Buttons--> | ||
Line 223: | Line 218: | ||
<!--Small Buttons--> | <!--Small Buttons--> | ||
- | <div | + | <div style="background-color:#ffedd7"> |
- | + | <div class="subpanel5"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div class=" | + | |
<a href="https://2014.igem.org/Team:UIUC_Illinois/Notes" title="Notebook"> | <a href="https://2014.igem.org/Team:UIUC_Illinois/Notes" title="Notebook"> | ||
- | <center><img src=" | + | <center><img src="https://static.igem.org/mediawiki/2014/7/75/10728667_601668709962585_929972785_n.jpg" style="height:64px;"/></center> |
</a> | </a> | ||
</div> | </div> | ||
- | <div class=" | + | <div class="subpanel5"> |
- | <a href="https://2014.igem.org/Team:UIUC_Illinois/ | + | <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ethics" title="ethics"> |
- | <center><img src=" | + | <center><img src="https://static.igem.org/mediawiki/2013/7/75/PB_lofocollaboration.png" style="height:64px;background-color:#806645;"/></center> |
</a> | </a> | ||
</div> | </div> | ||
- | <div class=" | + | <div class="subpanel5" style="margin-right:0"> |
- | <a href="https://2014.igem.org/Team:UIUC_Illinois/ | + | <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Cutsultant" title="cutsultant"> |
- | <center><img src=" | + | <center><img src="https://static.igem.org/mediawiki/2013/3/3c/PB_logosenigem.png" style="height:64px;background-color:#806645;"/></center> |
</a> | </a> | ||
</div> | </div> | ||
Line 247: | Line 237: | ||
<!--Space between Small Buttons and Footer--> | <!--Space between Small Buttons and Footer--> | ||
- | <div style="clear: both;"></div> | + | <div style="clear:both; background-color:#ffedd7"></div> |
<script> | <script> |
Latest revision as of 03:55, 18 October 2014
![](https://static.igem.org/mediawiki/2014/9/93/UIUC_iGEM2014.jpg)
The dark side of chocolate is a well-known issue for small animals. To resolve this, UIUC iGEM 2014 Team focused on creating a probiotic which breaks down harmful Theobromine into innocuous substrate. Additionally, we worked on creating a novel way to deal with coffee waste, converting it into more viable feed source.
UIUC Software Team attempted to make two programs. Cutsultant helps synthetic biologists to find the best enzyme for selected cut sites. EvoTracer is designed to give information about the tolerance of plasmid against mutation, recombination, and other factors that react to disrupt the original genome.
![](https://static.igem.org/mediawiki/2014/9/94/PuppyProbiotic.jpg)
![](https://static.igem.org/mediawiki/2014/7/72/CoffeeInfographic.jpg)