Team:Washington

From 2012.igem.org

(Difference between revisions)
(Undo revision 301298 by Bullzi (talk))
 
(54 intermediate revisions not shown)
Line 1: Line 1:
-
{| style="color:#FFFFFF;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#FFFFFF" width="65%" align="center"
+
{{Template:Team:Washington/Templates/Top}}
-
![[Team:Washington|Home]]
+
__NOTOC__
-
![[Team:Washington/Team|Members]]
+
==<center>'''Overview:'''</center>==
-
![[Team:Washington/Outreach|Outreach]]
+
<p>Biological systems must often be painstakingly tuned before they will efficiently produce drugs or biofuels, degrade chemicals, or perform other useful tasks. Our team implemented broadly applicable methods to optimize biological systems through directed evolution, light-regulated gene expression, and computer aided protein design. We characterized light-inducible protein expression systems for multichromatic tuning of biological pathways. To provide an inexpensive method for tuning gene expression with light, we developed a tablet application that is freely available. We also used computer-aided design to develop proteins that more effectively bind isotypes of the flu protein Hemagglutinin. Finally, we implemented a continuous culture device (turbidostat) in order to apply directed evolution to the metabolism of ethylene glycol in E. coli. We have termed the research conducted this year “Apptogenetics” as all projects utilize purpose-built computational applications for biological research. </p>
-
![[Team:Washington/Safety|Safety]]
+
-
![[Team:Washington/Parts|Parts]]
+
-
|}
+
-
{| style="color:#FFFFFF;background color:#04B404;" cellpadding="3" cellspacing="1" border="1" bordercolor="#FFFFFF" width="50%" align="center"
+
<html>
-
![[Team:Washington/Light|Autotune the Hues]]
+
<script type="text/javascript">
-
![[Team:Washington/Flue_Binders|Autotune the Flues]]
+
    function deviceCheck(){
-
![[Team:Washington/Plastics|Autotune the Ooze]]
+
        var uagent = navigator.userAgent.toLowerCase();
-
|}
+
        if(uagent.search("ipad") > -1 || uagent.search("ipod") > -1 || uagent.search("iphone") > -1
 +
          || uagent.search("android") > -1)
 +
            return true;
 +
        else
 +
            return false;
 +
    }
 +
    if (deviceCheck())
 +
        window.location = "https://2012.igem.org/Team:Washington/Mobile"
 +
</script>
 +
</html>
-
{|align="center"
 
-
![[File:FriendlyPicture.jpg|400px|alt=iGEM Outreach picture]]
 
-
|}
 
-
<!--Need to find a way to crop out the bottom part, ideally without uploading another picture (so we can play with the dimensions). We want to make it like Heidelberg's: https://2008.igem.org/Team:Heidelberg-->
 
-
 
-
 
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
-
[[Safety]]
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #330099;">
+
<style type="text/css">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
.view {
-
This is a template page. READ THESE INSTRUCTIONS.
+
    width: 225px;
 +
    height: 225px;
 +
    margin: 2px;
 +
    float: left;
 +
    border: 5px solid #FFFFFF;
 +
    overflow: hidden;
 +
    position: relative;
 +
    text-align: center;
 +
    box-shadow: 1px 1px 2px #FFFFFF;
 +
    cursor: default;
 +
    background: #fff url(../images/bgimg.jpg) no-repeat center center
 +
}
 +
.view .mask, .view .content {
 +
    width: 225px;
 +
    height: 225px;
 +
    position: absolute;
 +
    overflow: hidden;
 +
    top: 0;
 +
    left: 0
 +
}
 +
.view img {
 +
    display: block;
 +
    position: relative
 +
}
 +
.view h2 {
 +
    color: #fff;
 +
    text-align: center;
 +
    position: relative;
 +
    font-family: Arial;
 +
    font-size: 20px;
 +
    padding: 5px;
 +
    background: rgba(0, 0, 0, 0.8);
 +
    margin: 30px 0 0 0
 +
}
 +
.view p {
 +
    font-family: Arial;
 +
    font-size: 18px;
 +
    position: relative;
 +
    color: #fff;
 +
    padding: 10px 20px 20px;
 +
    text-align: center
 +
}
 +
.view a.info {
 +
    display: inline-block;
 +
    text-decoration: none;
 +
    padding: 7px 14px;
 +
    background: #000;
 +
    color: #fff;
 +
    box-shadow: 0 0 1px #000;
 +
    text-transform: uppercase;
 +
}
 +
.view a.info:hover {
 +
    box-shadow: 0 0 5px #000
 +
}
 +
.view-tenth img {
 +
    transform: scaleY(1);
 +
    -moz-transform: scaleY(1);
 +
-webkit-transform: scaleY(1);
 +
-o-transform: scaleY(1);
 +
    transition: all 0.4s ease-in-out;
 +
    -moz-transition:all 0.4s ease-in-out;
 +
-webkit-transition:all 0.4s ease-in-out;
 +
-o-transition:all 0.4s ease-in-out;
 +
}
 +
.view-tenth .mask {
 +
    background-color: rgba(116, 95, 141, 0.6);
 +
    transition: all 0.5s linear;
 +
    -moz-transition:all 0.5s linear;
 +
-webkit-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
    opacity: 0;
 +
 +
.view-tenth h2{
 +
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
 +
    background: transparent;
 +
    margin: 20px 40px 0px 40px;
 +
    transform: scale(0);
 +
    -moz-transform: scale(0);
 +
-webkit-transform: scale(0);
 +
-o-transform: scale(0);
 +
    color: #333;
 +
    transition: all 0.5s linear;
 +
    -moz-transition:all 0.5s linear;
 +
-webkit-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
    opacity: 0;
 +
}
 +
.view-tenth p {
 +
    color: #333;
 +
    opacity: 0;
 +
    transform: scale(0);
 +
    -moz-transform: scale(0);
 +
-webkit-transform: scale(0);
 +
-o-transform: scale(0);
 +
    transition: all 0.5s linear;
 +
    -moz-transition:all 0.5s linear;
 +
-webkit-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
}
 +
.view-tenth a.info {
 +
    opacity: 0;
 +
    transform: scale(0);
 +
    -moz-transform: scale(0);
 +
-webkit-transform: scale(0);
 +
-o-transform: scale(0);
 +
    transition: all 0.5s linear;
 +
    -moz-transition:all 0.5s linear;
 +
-webkit-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
}
 +
.view-tenth:hover img {
 +
    transform: scale(10);
 +
    -moz-transform: scale(10);
 +
-webkit-transform: scale(10);
 +
-o-transform: scale(10);
 +
    opacity: 0;
 +
}
 +
.view-tenth:hover .mask {
 +
    opacity: 1;
 +
}                                                                         
 +
.view-tenth:hover h2,
 +
.view-tenth:hover p,
 +
.view-tenth:hover a.info{
 +
    transform: scale(1);
 +
    -moz-transform: scale(1);
 +
-webkit-transform: scale(1);
 +
-o-transform: scale(1);
 +
    opacity: 1;
 +
}
 +
</style>
 +
<div class="view view-tenth">  
 +
    <img src="https://static.igem.org/mediawiki/2012/4/41/Recycleapp.png" />
 +
    <div class="mask">
 +
    <h2>Plastic Degredation</h2>
 +
    <p>Turning trash into treasure</p>
 +
        <a href="https://2012.igem.org/Team:Washington/Plastics" class="info">Read More</a>
 +
    </div>
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div class="view view-tenth">
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>. YEEEEEEEEEEEAH
+
    <img src="https://static.igem.org/mediawiki/2012/e/ef/Fluapp.png" />
 +
    <div class="mask">
 +
    <h2 style="padding-top: 20px;">Flu Binders</h2>  
 +
    <p>Targeting influenza - one protein at a time</p>
 +
        <a href="https://2012.igem.org/Team:Washington/Flu" class="info">Read More</a>  
 +
    </div>
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div class="view view-tenth">
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
    <img src="https://static.igem.org/mediawiki/2012/e/e0/Lightapp.png" />
 +
    <div class="mask">
 +
    <h2 style="padding-top: 20px;">Optogenetics</h2>  
 +
    <p>Shine a light (or several)</p>  
 +
        <a href="https://2012.igem.org/Team:Washington/Optogenetics" class="info">Read More</a>
 +
    </div>
</div>
</div>
 +
<div class="view view-tenth">
 +
    <img src="https://static.igem.org/mediawiki/2012/c/ce/Community.png" />
 +
    <div class="mask">
 +
    <h2>Community Outreach</h2>
 +
    <p>See how we educated the community</p>
 +
        <a href="https://2012.igem.org/Team:Washington/Outreach" class="info">Read More</a>
 +
    </div>
</div>
</div>
</html>
</html>
-
 
-
<!-- *** End of the alert box *** -->
 
-
 
-
 
-
 
-
{|align="justify"
 
-
|The University of Washington iGEM team is home to a group of talented, passionate individuals trying focused on making the world a better place. We apply interdisciplinary research with innovative research to bring new and unique applications to the face of technology.
 
-
|[[Image:Washington_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:Washington_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Washington | Team Washington]]
 
-
|}
 
-
 
-
<!--- The Mission, Experiments --->
 

Latest revision as of 16:07, 2 September 2013

Overview:

Biological systems must often be painstakingly tuned before they will efficiently produce drugs or biofuels, degrade chemicals, or perform other useful tasks. Our team implemented broadly applicable methods to optimize biological systems through directed evolution, light-regulated gene expression, and computer aided protein design. We characterized light-inducible protein expression systems for multichromatic tuning of biological pathways. To provide an inexpensive method for tuning gene expression with light, we developed a tablet application that is freely available. We also used computer-aided design to develop proteins that more effectively bind isotypes of the flu protein Hemagglutinin. Finally, we implemented a continuous culture device (turbidostat) in order to apply directed evolution to the metabolism of ethylene glycol in E. coli. We have termed the research conducted this year “Apptogenetics” as all projects utilize purpose-built computational applications for biological research.


Plastic Degredation

Turning trash into treasure

Read More

Flu Binders

Targeting influenza - one protein at a time

Read More

Optogenetics

Shine a light (or several)

Read More

Community Outreach

See how we educated the community

Read More