Team:UIUC Illinois

From 2014.igem.org

(Difference between revisions)
 
(89 intermediate revisions not shown)
Line 5: Line 5:
<style>
<style>
/*Coffee Art Banner*/
/*Coffee Art Banner*/
-
/*
 
#topheader{  
#topheader{  
 +
height:450px;
     display:block;
     display:block;
     top:-15px;
     top:-15px;
     width:100%;
     width:100%;
-
    margin-bottom:-120px;
 
     position:relative;
     position:relative;
}
}
-
*/
 
-
</style>
 
-
<!--
+
/* Panels */
-
<div id="topheader">
+
.panel {
-
  <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" width="1100px" height="632"/>
+
    width:1100px;
-
-->
+
    height:320px;
 +
    margin:0;
 +
    margin-bottom:0px;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Yanone Kaffeesatz', sans-serif;
 +
}
 +
.panel a {
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
 +
/* Subpanels */
 +
.narrowimg {/* Subpanels background*/
 +
    z-index:2;
 +
    opacity:0.3;
 +
    filter: alpha(opacity=30);
 +
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
    position:relative;
 +
    bottom:480px;
 +
    background:transparent;
 +
}
 +
/* Project Panels*/
 +
.subpanel1 { /* Infographics */
 +
float:left;
 +
    width:500px;
 +
    height:500px;
 +
    font-size:22px;
 +
    text-align:center;
 +
    margin-top:20px;
 +
    margin-right:0px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
}
 +
.subpanel1:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel1:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.subpanel2 { /* Our Story Divider */
 +
position:relative;
 +
    width: 550px;
 +
    height:45px;
 +
    text-align:center;
 +
    line-height:50px;
 +
    background-color:#806645;
 +
    color:#FFEDD7;
 +
    border-radius:7px;
 +
    bottom:50px;
 +
    font-family: 'Old Standard TT', cursive;
 +
    font-size: 30px;
 +
}
 +
/* Highlights */
 +
.subpanel3 { /* divide page in 3 */
 +
    float:left;
 +
    width:354px;
 +
    height:300px;
 +
    font-size:22px;
 +
    margin-top:0;
 +
    margin-right:18px;
 +
}
 +
.subpanel4 { /* Column 3 */
 +
float: left
 +
font-size:22px;
 +
    border-radius:7px;
 +
color:black;
 +
    background-color:#ffedd7;
 +
    overflow:hidden;
 +
    text-align:center;
 +
}
 +
.subpanel4:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel4:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
 +
/* Panels at the bottom */
 +
.subpanel5 {
 +
    float:left;
 +
    height:96px;
 +
    width:348px;
 +
    margin-right:18px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    background-color:#806645;
 +
    color:#FFEDD7;
 +
}
 +
.subpanel5 img {
 +
    margin-top:16px;
 +
    background:white;
 +
}
 +
.subpanel5 img:hover {
 +
    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;
 +
}
 +
 +
 +
 +
</style>
 +
<!--Top Banner-->
 +
<div id="topheader" style="background-color:#ffedd7">
 +
<img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2014/9/93/UIUC_iGEM2014.jpg" width="1100px" height="400"/>
 +
</div>
 +
<!--Space between banner and Our Story-->
 +
<div style="clear:both;background-color:#ffedd7"></div>
 +
<!--Importing jquery library-->
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
<div id="page">
 +
<div class="panel" style="background-color:#ffedd7">
 +
 +
<!--Our Story Banner-->
 +
<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-->
 +
<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;">
 +
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/9/94/PuppyProbiotic.jpg" style="height:450px;width:490px"/>
 +
</div>
 +
</a>
 +
<a href="https://2014.igem.org/Team:UIUC_Illinois/Project/Future" title="Future_Directions">
 +
<div id="pspanel" class="subpanel1" onmouseover="chgtrans(this)">
 +
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/7/72/CoffeeInfographic.jpg" style="height:450px;width:490px;"/>
 +
</div>
 +
</a>
 +
</div>
 +
 +
<!--Separates Infographics from Image Banners-->
 +
<div style="clear:both;background-color:#ffedd7"></div>
 +
 +
 +
 +
<!--Space between Image Banners and Small Buttons-->
 +
<div style="clear: both;"></div>
 +
 +
 +
<!--Small Buttons-->
 +
<div style="background-color:#ffedd7">
 +
<div class="subpanel5">
 +
<a href="https://2014.igem.org/Team:UIUC_Illinois/Notes" title="Notebook">
 +
<center><img src="https://static.igem.org/mediawiki/2014/7/75/10728667_601668709962585_929972785_n.jpg" style="height:64px;"/></center> 
 +
</a>
 +
</div>
 +
<div class="subpanel5">
 +
<a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ethics" title="ethics">
 +
<center><img src="https://static.igem.org/mediawiki/2013/7/75/PB_lofocollaboration.png" style="height:64px;background-color:#806645;"/></center>
 +
</a>
 +
</div>
 +
<div class="subpanel5" style="margin-right:0">
 +
<a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Cutsultant" title="cutsultant">
 +
<center><img src="https://static.igem.org/mediawiki/2013/3/3c/PB_logosenigem.png" style="height:64px;background-color:#806645;"/></center>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<!--Space between Small Buttons and Footer-->
 +
<div style="clear:both; background-color:#ffedd7"></div>
 +
 +
<script>
 +
$(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});});
 +
$(document).ready(function(){$('div #pspanel').mouseover(function(){div = $('#psdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
$(document).ready(function(){$('div #dspanel').mouseover(function(){div = $('#dsdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
$(document).ready(function(){$('div #thpanel').mouseover(function(){div = $('#thdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
$(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
</script>
 +
</div>
</html>
</html>
{{:Team:UIUC_Illinois/Footer}}
{{:Team:UIUC_Illinois/Footer}}

Latest revision as of 03:55, 18 October 2014



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.