Team:UIUC Illinois

From 2014.igem.org

(Difference between revisions)
 
(88 intermediate revisions not shown)
Line 6: Line 6:
/*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;
}
}
Line 16: Line 16:
.panel {
.panel {
     width:1100px;
     width:1100px;
-
     height:528px;
+
     height:320px;
     margin:0;
     margin:0;
     margin-bottom:0px;
     margin-bottom:0px;
Line 42: Line 42:
/* Project Panels*/
/* Project Panels*/
.subpanel1 { /* Infographics */
.subpanel1 { /* Infographics */
-
    float:left;
+
float:left;
-
     width:535px;
+
     width:500px;
-
     height:200px;
+
     height:500px;
     font-size:22px;
     font-size:22px;
     text-align:center;
     text-align:center;
-
     margin-top:0;  
+
     margin-top:20px;  
-
     margin-right:11px;
+
     margin-right:0px;
     border-radius:7px;
     border-radius:7px;
     overflow:hidden;
     overflow:hidden;
Line 60: Line 60:
}
}
.subpanel2 { /* Our Story Divider */
.subpanel2 { /* Our Story Divider */
-
    /*float:left;*/
+
position:relative;
-
     width:1070px;
+
     width: 550px;
-
     height:50px;
+
     height:45px;
     text-align:center;
     text-align:center;
     line-height:50px;
     line-height:50px;
-
     background-color:#80776C;  
+
     background-color:#806645;  
     color:#FFEDD7;  
     color:#FFEDD7;  
     border-radius:7px;
     border-radius:7px;
-
    position:relative;
 
     bottom:50px;
     bottom:50px;
-
     font-family: /*'Great Vibes'*/, cursive;
+
     font-family: 'Old Standard TT', cursive;
-
     font-size: 35px;
+
     font-size: 30px;
}
}
Line 78: Line 77:
     float:left;
     float:left;
     width:354px;
     width:354px;
-
     height:492px;
+
     height:300px;
     font-size:22px;
     font-size:22px;
     margin-top:0;  
     margin-top:0;  
     margin-right:18px;
     margin-right:18px;
-
}
 
-
 
-
.subpanel5 { /* Columns 1 and 2*/
 
-
    float:left;
 
-
    width:354px;
 
-
    height:450px;
 
-
    font-size:22px;
 
-
    background:rgb(255,255,255);
 
-
    color:black;
 
-
    border-radius:7px;
 
-
    overflow:hidden;
 
-
    text-align:center;
 
-
}
 
-
.subpanel5:hover{
 
-
    font-weight:bold;
 
-
}
 
-
.subpanel5:hover .narrowimg {
 
-
    opacity:0.8;
 
-
    filter: alpha(opacity=80);
 
}
}
.subpanel4 { /* Column 3 */
.subpanel4 { /* Column 3 */
-
    height:450px;
+
float: left
-
    margin:0;
+
font-size:22px;
-
    margin-bottom:11px;
+
     border-radius:7px;
     border-radius:7px;
 +
color:black;
 +
    background-color:#ffedd7;
     overflow:hidden;
     overflow:hidden;
-
    background:rgb(255,255,255);
 
-
    color:Black;
 
     text-align:center;
     text-align:center;
}
}
Line 122: Line 101:
/* Panels at the bottom */
/* Panels at the bottom */
-
.subpanel6 {
+
.subpanel5 {
     float:left;
     float:left;
     height:96px;
     height:96px;
-
     width:261.5px;
+
     width:348px;
     margin-right:18px;
     margin-right:18px;
     border-radius:7px;
     border-radius:7px;
     overflow:hidden;
     overflow:hidden;
-
     background-color:#CCA36F;  
+
     background-color:#806645;  
-
     color:white;
+
     color:#FFEDD7;
}
}
-
.subpanel6 img {
+
.subpanel5 img {
     margin-top:16px;
     margin-top:16px;
     background:white;  
     background:white;  
}
}
-
.subpanel6 img:hover {
+
.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 144: 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/8/8c/Dummyimage.jpg" width="1100px" height="632"/>
+
<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 155: Line 178:
<div id="page">
<div id="page">
-
<div class="panel">
+
<div class="panel" style="background-color:#ffedd7">
-
<!--Infographics-->
+
<!--Our Story Banner-->
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Project/LactoBROcillus" title="Lactobrocillus">
+
<div class="motive">
-
<div id="pspanel" class="subpanel1"  onmouseover="chgtrans(this)">
+
<div style="position:relative;bottom:0px">
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg"/>
+
<div class="cont">
-
<div class="titlebox">
+
<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.
-
<center><img src="#" style="height:60px;margin-bottom:20px;"/></center>
+
<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 style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
-
Dog Probiotic
+
</div>
</div>
-
</div>
+
</div>    
-
</a>
+
<!--<a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Our_Story">
-
<a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Caffeine" title="Caffeine_Dehydrogenase">
+
<div class="story" >
-
<div id="dspanel" class="subpanel1">
+
<img width="70px" style="position:relative;bottom:1px;" src="https://static.igem.org/mediawiki/2014/f/f4/OurStory.jpg"/>Our Story
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg"/>
+
-
<div class="titlebox">
+
-
<center><img src="#" style="height:60px;margin-bottom:20px;"/></center>
+
-
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
-
Treating Caffeine Waste-Water
+
</div>
</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>
</div>
</a>
</a>
-
+
<a href="https://2014.igem.org/Team:UIUC_Illinois/Project/Future" title="Future_Directions">
-
<!--Our Story Banner (Use book instead of hand-->
+
<div id="pspanel" class="subpanel1" onmouseover="chgtrans(this)">
-
<1--Current anchor debatable and placeholder-->
+
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/7/72/CoffeeInfographic.jpg" style="height:450px;width:490px;"/>
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Our Story">
+
-
<div class="subpanel2" >
+
-
<img width="70px" style="margin-left:80px;margin-right:15px;position:relative;bottom:1px" src="https://static.igem.org/mediawiki/2013/d/d5/PB_handresults.gif"/>Our Story
+
</div>
</div>
</a>
</a>
Line 189: 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>
-
<div class="panel" style="background:white;">
 
-
<!--Column 1-->
 
-
<div class="subpanel3">
 
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Overview" title="sOverview">
 
-
<div class="subpanel5">
 
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" width="354px" height="156px"/>
 
-
<div style="position:relative;bottom:148px">
 
-
<center><img src="#" style="height:50px;margin-top:10px;margin-bottom:20px;"/></center>
 
-
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
Software
 
-
</div>
 
-
</div>
 
-
</a>     
 
-
</div>
 
-
 
-
<!--Column 2-->
 
-
<div class="subpanel3">
 
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/Overview" title="hOverview">
 
-
<div class="subpanel5">
 
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" width="354px" height="283px"/>
 
-
<div style="position:relative;bottom:258px">
 
-
<center><img src="#" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 
-
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
Human Practices
 
-
</div>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
 
-
<!--Column 3-->
 
-
<div class="subpanel3" style="margin-right:0px">
 
-
<div style="margin-right:0;width:356px">
 
-
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Achievements">
 
-
<div class="subpanel4">
 
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" width="354px" height="283px"/>
 
-
<div style="position:relative;bottom:258px">
 
-
<center><img src="#" style="height:50px;margin-top:15px;margin-bottom:15px;"/></center>
 
-
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
Collaboration
 
-
</div>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
</div>
 
-
 
-
</div>
 
<!--Space between Image Banners and Small Buttons-->
<!--Space between Image Banners and Small Buttons-->
Line 244: Line 218:
<!--Small Buttons-->
<!--Small Buttons-->
-
<div>
+
<div style="background-color:#ffedd7">
-
<div class="subpanel6">
+
<div class="subpanel5">
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Team">
+
-
<center><img src="#" height="64px"/></center>
+
-
</a>
+
-
</div>
+
-
<div class="subpanel6">
+
<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="#" height="64px"/></center>   
+
<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="subpanel6">
+
<div class="subpanel5">
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Parts" title="Parts">
+
<a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ethics" title="ethics">
-
<center><img src="#" height="64px"/></center>
+
<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="subpanel6" style="margin-right:0">
+
<div class="subpanel5" style="margin-right:0">
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Medal_Fulfillment" title="Medal Fulfillment">
+
<a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Cutsultant" title="cutsultant">
-
<center><img src="#" height="64px"/></center>
+
<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 268: 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



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.




The Institute for Genomic Biology
Biosystems Design, South wing, 2nd floor
University of Illinois at Urbana-Champaign
1206 West Gregory Drive
61801 Urbana, Illinois
illinoisigem@gmail.com
Copyright (c) 2014 igem.org. All rights reserved.

Retrieved from "http://2014.igem.org/Team:UIUC_Illinois"