Team:UIUC Illinois

From 2014.igem.org

(Difference between revisions)
 
(101 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:UIUC_Illinois/Default}}
{{Template:Team:UIUC_Illinois/Navbar}}
{{Template:Team:UIUC_Illinois/Navbar}}
-
<!--[if IE]>
+
<html>
-
<html class="ie" lang="en" prefix="og: http://ogp.me/ns#">
+
<style>
-
<![endif]-->
+
/*Coffee Art Banner*/
-
<!--[if !IE]>-->
+
#topheader{
-
<html lang="en" prefix="og: http://ogp.me/ns#">
+
height:450px;
-
<!--<![endif]-->
+
    display:block;
-
<head>
+
    top:-15px;
-
<meta charset="UTF-8">
+
    width:100%;
-
<meta name="viewport" content="width=1150">
+
    position:relative;
-
+
}
-
<link rel="profile" href="http://gmpg.org/xfn/11">
+
-
<link rel="pingback" href="http://initiative.com/xmlrpc.php">
+
-
<link rel="shortcut icon" href="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png"  type="image/x-icon"/>
+
-
+
-
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.5.2.7 - https://yoast.com/wordpress/plugins/seo/ -->
+
-
<title>Home - UIUC</title>
+
-
<meta name="Hello"/>
+
-
<link rel="canonical" href="http://initiative.com/" />
+
-
<meta property="og:locale" content="en_US" />
+
-
<meta property="og:type" content="website" />
+
-
<meta property="og:title" content="Home - UIUC IGEM" />
+
-
<meta property="og:description" content="Test" />
+
-
<meta property="og:url" content="https://2014.igem.org/Team:UIUC_Illinois" />
+
-
<meta property="og:site_name" content="UIUC 2014" />
+
-
<!-- / Yoast WordPress SEO plugin. -->
+
-
<link rel="stylesheet" href="http://initiative.com/assets/css/main.css?ver=3.9">
+
/* Panels */
-
<script type='text/javascript' src='http://initiative.com/assets/js/vendor/modernizr.custom.js?ver=3.9'></script>
+
.panel {
-
<script type='text/javascript' src='http://initiative.com/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
+
    width:1100px;
-
<script type='text/javascript' src='http://initiative.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
+
    height:320px;
-
<script type='text/javascript' src='http://initiative.com/assets/js/vendor/jquery.pjax.js?ver=3.9'></script>
+
    margin:0;
-
<!--[if IE]>
+
    margin-bottom:0px;
-
<script src="http://initiative.com/assets/js/html5shiv.js"></script>
+
    color: rgb(30,39,43);
-
<![endif]-->
+
    font-family: 'Yanone Kaffeesatz', sans-serif;
-
</head>
+
}
 +
.panel a {
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
-
<body class="home page">
+
/* Subpanels */
-
<script>
+
.narrowimg {/* Subpanels background*/
-
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+
    z-index:2;
-
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+
    opacity:0.3;
-
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+
    filter: alpha(opacity=30);
-
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
    position:relative;
 +
    bottom:480px;
 +
    background:transparent;
 +
}
-
  ga('create', 'UA-48754000-1', 'initiative.com');
+
/* Project Panels*/
-
  ga('send', 'pageview');
+
.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;
 +
}
-
</script>
+
/* Highlights */
-
<div class="overlay">
+
.subpanel3 { /* divide page in 3 */
-
<span class="loader">*</span>
+
    float:left;
-
</div>
+
    width:354px;
-
<nav id="primary">
+
    height:300px;
-
<div class="menu-primary-menu-container"><ul id="menu-primary-menu" class="menu"><li id="menu-item-408" class="home menu-item menu-item-type-post_type menu-item-object-page menu-item-408"><a href="https://2014.igem.org/Team:UIUC_Illinois">Home</a></li>
+
    font-size:22px;
-
<li id="menu-item-407" class="people menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-399 current_page_item menu-item-407 active current-menu-item"><a href="https://2014.igem.org/Team:UIUC_Illinois/Team">Our People</a></li>
+
    margin-top:0;
-
<li id="menu-item-406" class="work menu-item menu-item-type-post_type menu-item-object-page menu-item-406"><a href="https://igem.org/Team.cgi?year=2014&team_name=UIUC_Illinois">Official</a></li>
+
    margin-right:18px;
-
<li id="menu-item-405" class="locations menu-item menu-item-type-post_type menu-item-object-page menu-item-405"><a href="https://2014.igem.org/Team:UIUC_Illinois/Project">Project</a></li>
+
}
-
<li id="menu-item-78" class="news menu-item menu-item-type-post_type menu-item-object-page menu-item-78"><a href="https://2014.igem.org/Team:UIUC_Illinois/Parts">Parts</a></li>
+
-
<li id="menu-item-85" class="blog menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://2014.igem.org/Team:UIUC_Illinois/Modeling">Modeling</a></li>
+
-
<li id="menu-item-85" class="blog menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://2014.igem.org/Team:UIUC_Illinois/Notebook">Notebook</a></li>
+
-
<li id="menu-item-85" class="blog menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://2014.igem.org/Team:UIUC_Illinois/Safety">Safety</a></li>
+
-
<li id="menu-item-85" class="blog menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://2014.igem.org/Team:UIUC_Illinois/Attributions">Attribution</a></li>
+
-
</ul></div> </nav>
+
 +
.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);
 +
}
-
</body>
+
/* 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}}

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"