Team:UIUC Illinois

From 2014.igem.org

(Difference between revisions)
 
(62 intermediate revisions not shown)
Line 6: Line 6:
/*Coffee Art Banner*/
/*Coffee Art Banner*/
#topheader{  
#topheader{  
-
height:650px;
+
height:450px;
     display:block;
     display:block;
     top:-15px;
     top:-15px;
Line 16: Line 16:
.panel {
.panel {
     width:1100px;
     width:1100px;
-
     height:350px;
+
     height:320px;
     margin:0;
     margin:0;
     margin-bottom:0px;
     margin-bottom:0px;
Line 44: Line 44:
float:left;
float:left;
     width:500px;
     width:500px;
-
     height:230px;
+
     height:500px;
     font-size:22px;
     font-size:22px;
     text-align:center;
     text-align:center;
-
     margin-top:30;  
+
     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 */
-
    margin-left:50px;
 
position:relative;
position:relative;
-
     width:1000px;
+
     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;
     bottom:50px;
     bottom:50px;
-
     font-family: /*'Great Vibes'*/, cursive;
+
     font-family: 'Old Standard TT', cursive;
-
     font-size: 35px;
+
     font-size: 30px;
}
}
Line 89: Line 88:
     border-radius:7px;
     border-radius:7px;
color:black;
color:black;
-
     background:rgb(255,255,255);  
+
     background-color:#ffedd7;  
     overflow:hidden;
     overflow:hidden;
     text-align:center;
     text-align:center;
Line 102: 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:#FFEDD7;
     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 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/8/8c/Dummyimage.jpg" width="1100px" height="600"/>
+
<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 135: Line 178:
<div id="page">
<div id="page">
-
<div class="panel">
+
<div class="panel" style="background-color:#ffedd7">
<!--Our Story Banner-->
<!--Our Story Banner-->
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Our_Story">
+
<div class="motive">
-
<div class="subpanel2" >
+
<div style="position:relative;bottom:0px">
-
<img width="70px" style="position:relative;bottom:1px" src="#"/>Our Story
+
<div class="cont">
-
</div>
+
<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.
-
</a>
+
<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>
-
+
-
<!--Infographics-->
+
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Project/LactoBROcillus" title="Lactobrocillus">
+
-
<div id="pspanel" class="subpanel1"  onmouseover="chgtrans(this)" style="margin-right:40px;">
+
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" style="height:220px;width:490px"/>
+
-
<div class="titlebox">
+
-
<center><img src="#" style="height:60px;margin-bottom:10px;"/></center>
+
-
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
-
Dog Probiotic
+
</div>
</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>
</div>
</a>
</a>
-
<a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Caffeine" title="Caffeine_Dehydrogenase">
+
<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/8/8c/Dummyimage.jpg" style="height:220px;width:490px;"/>
+
<img class="narrowimg" src="https://static.igem.org/mediawiki/2014/7/72/CoffeeInfographic.jpg" style="height:450px;width:490px;"/>
-
<div class="titlebox">
+
-
<center><img src="#" style="height:60px;margin-bottom:10px;"/></center>
+
-
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
-
Caffeine Waste-Water
+
-
</div>
+
</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>
-
<div class="panel" style="height:300px;background-color:#FFEDD7;">
 
-
<!--Column 1-->
 
-
<div class="subpanel3">
 
-
<a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Overview" title="sOverview">
 
-
<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:148px">
 
-
<img src="#" style="position:relative;left:30;height:50px;margin-top:10px;margin-bottom:20px;"/>
 
-
</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="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: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://2014.igem.org/Team:UIUC_Illinois/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>
 
-
Achievements
 
-
</div>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
</div>
 
-
 
-
</div>
 
<!--Space between Image Banners and Small Buttons-->
<!--Space between Image Banners and Small Buttons-->
Line 221: 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 245: 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"