Team:Washington

From 2012.igem.org

(Difference between revisions)
(Undo revision 301298 by Bullzi (talk))
 
(59 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Team:Washington/Templates/Top}}
 +
__NOTOC__
 +
==<center>'''Overview:'''</center>==
 +
<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>
 +
 +
<html>
 +
<script type="text/javascript">
 +
    function deviceCheck(){
 +
        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>
 +
 +
 +
<html>
<html>
-
<head>
 
<style type="text/css">
<style type="text/css">
-
body
+
.view {
-
{
+
    width: 225px;
-
margin-left:200px;
+
    height: 225px;
-
background:#5d9ab2 url('img_tree.png') no-repeat top left;
+
    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 {
-
.container
+
    width: 225px;
-
{
+
    height: 225px;
-
text-align:center;
+
    position: absolute;
 +
    overflow: hidden;
 +
    top: 0;
 +
    left: 0
}
}
-
 
+
.view img {
-
.center_div
+
    display: block;
-
{
+
    position: relative
-
border:1px solid gray;
+
}
-
margin-left:auto;
+
.view h2 {
-
margin-right:auto;
+
    color: #fff;
-
width:90%;
+
    text-align: center;
-
background-color:#d0f0f6;
+
    position: relative;
-
text-align:left;
+
    font-family: Arial;
-
padding:8px;
+
    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>
</style>
-
</head>
+
<div class="view view-tenth">  
-
 
+
    <img src="https://static.igem.org/mediawiki/2012/4/41/Recycleapp.png" />  
-
<body>
+
    <div class="mask">  
-
<div class="container">
+
    <h2>Plastic Degredation</h2>  
-
<div class="center_div">
+
    <p>Turning trash into treasure</p>
-
<h1>Hello World!</h1>
+
        <a href="https://2012.igem.org/Team:Washington/Plastics" class="info">Read More</a>
-
<p>Pixel margin width, look to source for inserting pictures.</p>
+
    </div>  
</div>
</div>
 +
<div class="view view-tenth">
 +
    <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>
-
</body>
+
<div class="view view-tenth">
-
</html>
+
    <img src="https://static.igem.org/mediawiki/2012/e/e0/Lightapp.png" />  
-
 
+
    <div class="mask">  
-
{| align="center"
+
    <h2 style="padding-top: 20px;">Optogenetics</h2>  
-
!align="center"|[[File:iGEM_Cover_Photo.jpg|link=http://i236.photobucket.com/albums/ff210/Dfriendz/UWEngineeringDDays2.jpg|thumb|600px|alt=Washington iGEM Team Picture]]
+
    <p>Shine a light (or several)</p>
-
|}
+
        <a href="https://2012.igem.org/Team:Washington/Optogenetics" class="info">Read More</a>  
-
<!--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-->
+
    </div>  
-
 
+
-
{| style="color:#FFFFFF;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#FFFFFF" width="100%" align="center"
+
-
!align="center"|[[Team:Washington|Home]]
+
-
!align="center"|[[Team:Washington/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Washington Official Team Profile]
+
-
!align="center"|[[Team:Washington/Project|Project]]
+
-
!align="center"|[[Team:Washington/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Washington/Modeling|Modeling]]
+
-
!align="center"|[[Team:Washington/Notebook|Notebook]]
+
-
!align="center"|[[Team:Washington/Safety|Safety]]
+
-
!align="center"|[[Team:Washington/Attributions|Attributions]]
+
-
|}
+
-
 
+
-
<!-- *** 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>
+
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #330099;">
+
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
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
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
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. 
+
</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

Retrieved from "http://2012.igem.org/Team:Washington"