Difference between revisions of "Team:UC Davis"

 
(289 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 
<html>
 
<html>
−
<head>
 
  
−
</head>
+
<!-- CHANGE DEFAULT WIKI SETTINGS TO WHITE FULL WIDTH BACKGROUND -->
 +
<style>
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
</style>
  
−
<head>
+
<!-- HEADER -->
−
<style type="text/css">
+
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
<table id="menu" width="100%"  cellspacing="0" height="135px">
 +
<tr>
 +
<td  bgColor="#FFFFFF"></td>
 +
<td valign="bottom"  width="975px" align="center" bgColor="#FFFFFF">
  
−
.firstHeading {
+
<table align="center"><tr height="50px">
−
  width: 975px;
+
−
  margin: 0px auto;
+
−
  padding-top: 100px;
+
−
  margin-bottom: 20px;
+
−
  font-family: Georgia, Times, "Times New Roman", serif;
+
−
}
+
  
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BDBDBD'" onMouseOut="this.bgColor='#6A181B'" bgColor=#6A181B> 
 +
<a href="https://2015.igem.org/Team:UC_Davis/Practices" style="text-decoration:none;color:#FFFFFF">POLICY & PRACTICES </a> </td>
  
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BDBDBD'" onMouseOut="this.bgColor='#6A181B'" bgColor=#6A181B>
−
  background-color: #383838;
+
<a href="https://2015.igem.org/Team:UC_Davis/Design" style="text-decoration:none;color:#FFFFFF">PROJECT</a> </td>
−
  border: 0 none;
+
−
  height: 14px;
+
−
  z-index: 100;
+
−
  top: 0;
+
−
  position: fixed;
+
−
  width: 975px;
+
−
  left: 50%;
+
−
  margin-left: -487px;
+
−
}
+
  
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BDBDBD'" onMouseOut="this.bgColor='#6A181B'" bgColor=#6A181B>
−
  background-color: #383838;
+
<a href="https://2015.igem.org/Team:UC_Davis/Parts" style="text-decoration:none;color:#FFFFFF">ACHIEVEMENTS</a> </td>
−
  height: 14px;
+
−
  display: block;
+
−
  z-index: 10;
+
−
  position: fixed;
+
−
  width: 100%;
+
−
  top: 0;
+
−
}
+
  
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BDBDBD'" onMouseOut="this.bgColor='#6A181B'" bgColor=#6A181B>
−
  color: #727272;
+
<a href="https://2015.igem.org/Team:UC_Davis/Attributions" style="text-decoration:none;color:#FFFFFF">THE TEAM</a> </td>
−
  text-decoration: none;  
+
−
  background-color: transparent;
+
−
}
+
  
−
body {
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BDBDBD'" onMouseOut="this.bgColor='#6A181B'" bgColor=#6A181B> 
−
  background-color: #fff;
+
<a href="https://2015.igem.org/Team:UC_Davis/Safety" style="text-decoration:none;color:#FFFFFF">SAFETY & PROTOCOLS</a></td>
−
}
+
  
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BDBDBD'" onMouseOut="this.bgColor='#6A181B'" bgColor=#6A181B >
−
  width: 100%;  
+
<a href="https://2015.igem.org/Main_Page"style="text-decoration:none;color:#FFFFFF"><img src="https://static.igem.org/mediawiki/2015/6/68/PPLogo2_igem_UCD.gif" width = "100" > </a> </td>
−
  height: 100%;
+
−
  border: 0px;
+
−
  background-color: transparent;
+
−
  margin: 0px;
+
−
  padding: 0px;
+
−
}
+
  
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
</tr>
−
  width: 100%;
+
</td>
−
  height: 100%;
+
<td bgColor="#FFFFFF"></td>
−
  background-color: transparent; 
+
</tr>
−
}
+
</table>
  
−
#contentcontainer { /*-- creates container for all content on page --*/
+
<!-- END OF HEADER -->
−
  font-family: Arial, Helvetica, sans-serif;
+
−
  font-weight: normal;
+
−
  font-size: 14px;
+
−
  color: #414141;
+
−
  width: 960px;
+
−
  margin-left: auto;
+
−
  margin-right: auto;
+
−
  background-color: #transparent;
+
−
  margin-top: 0px;
+
−
}
+
  
−
.sidemenu, .sidemenu li {
 
−
  list-style-type: none;
 
−
  list-style-image: none;
 
−
  font-family: verdana;
 
−
  text-decoration: none;
 
−
  color:#000;
 
−
  font-size: 14px;
 
−
}
 
  
−
.sidemenu li {display: block;}
+
<!-- BANNER -->
 +
<table width="100%"  height = "100%" cellspacing="0">
 +
<br><br><td align="center"><a href="https://2015.igem.org/Team:UC_Davis"><img src="https://static.igem.org/mediawiki/2015/5/5c/Banner_Final.png" width="907px" height="420" align = "top"></a></td> 
  
−
.sidemenu a {
 
−
  text-decoration:none;
 
−
  color: #000;
 
−
  display: block;
 
−
  width: 180px;
 
−
  height: 100%;
 
−
  padding: 3px 5px;
 
−
  transition: .25s ease-in-out;
 
−
  -moz-transition: .25s ease-in-out;
 
−
  -webkit-transition: .25s ease-in-out;
 
−
}
 
  
−
.sidemenu a.greyout { color: #909090; }
 
  
−
.sidemenu a:hover {
+
                                                                                                                                                                                                    <!-------------- OVERVIEW --------------->
−
  color:#666;
+
<table  id="overview" width="100%"  cellspacing="0" height="70px">
−
  background-color: #d9f5aa;
+
<tr><td  bgColor="#FFFFFF"></td>
−
}
+
<td width="100%" align="left" bgColor="#FFFFFF" >
 +
<br>
 +
<font size="3" face = "Avenir">
 +
A report released by the United States Government Accountability Office revealed that of the 80,000 chemicals in commercial use today, only a few are tested and even fewer are restricted. Triclosan, an antimicrobial agent added to a range of consumer product, is one of these 80,000 chemicals that has undergone scrutiny in recent years due to its environmental and human health consequences. This summer we investigated how we might leverage biotechnology to raise awareness and accountability around triclosan use specifically, and around responsible chemical use at large. After exploring our problem space we realized that any device we built for the detection of triclosan would be but one node in a complex web of social, political and industrial interactions. We thought carefully about where this tool would be most effective and what additional resources would be needed to complement it. After identifying public awareness as an effective catalyst for change, we chose high school students as a potential audience and a lesson plan as a viable medium of delivery. Our project consists of three components: a triclosan biosensor, a hands-on lesson plan, and an antimicrobial footprint app that together are an integrated solution to help promote more responsible chemical use. <br>
  
−
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 
−
.sub-sidemenu a {color: #666;}
 
  
−
div.underconst
+
</td> 
−
{
+
</table>
−
padding:10px;
+
<br>
−
border-radius:5px;
+
<font size="2" face = "Avenir">
−
background-color:pink;
+
<b>Sources:</b> Stephenson, John B. "Options Exist to Improve EPA’s Ability to Assess Health Risks and Manage Its Chemical Review Program." GAO, June 2005. Web.</font>
−
text-align:center;
+
−
}
+
  
−
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
  
−
.contentpara {margin-bottom: 30px;}
+
</td>
 +
<td bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
  
−
span.email{font-family: monospace; font-weight: normal;}
 
  
−
fieldset {border: 1px solid #337f53;}
 
  
−
.greyout {color: #A0A0A0;}
+
<!-- end of first block -->
−
.highlightme {background-color: #FFFF00;}
+
<table  id="firstblock" width="100%"  cellspacing="10" height="200px">
 +
<tr><td  bgColor="#FFFFFF"></td>
 +
<td width="975px" align="center" bgColor="#FFFFFF" > <!-- alignment of text-->
  
−
#alertContainer { margin-bottom: 10px; width: 936px;}
+
<br><br><br><br><br>
−
#annContainer {margin-left: 8px;}
+
−
#newsContainer {border: 1px solid #ccc;}
+
  
−
.newsTitle {
+
                                                                                                                                                                                                    <!-------------- OVERVIEW --------------->
−
  display: block;
+
<table  id="overview" width="100%"  cellspacing="0" height="70px">
−
  color: #414141;
+
<tr><td  bgColor="#FFFFFF"></td>
−
  font-size: 25px; 
+
<align="center" bgColor="#FFFFFF" >
−
        font-family: Georgia, Times, "Times New Roman", serif;
+
−
  padding: 10px 15px 5px 10px;
+
−
  border-bottom: 1px solid #ccc;
+
−
  margin-bottom: 0px;
+
−
}
+
  
−
.newsItem {
+
<font size="3" face = "Avenir">
−
  border-bottom: 1px solid #ccc;
+
<p> <b>CLICK ON FEET TO NAVIGATE WIKI </b></font></p>
−
  display: block;
+
<br><br>
−
  padding: 5px 15px 0px 10px;
+
<a href="https://2015.igem.org/Team:UC_Davis/Design#Lesson_Plan"><img src="https://static.igem.org/mediawiki/2015/4/46/Home_LPFoot_UCD.png" width = "245px" height = "145px" align = "left" > </a>
−
  margin-bottom: 0px;
+
<a href="https://2015.igem.org/Team:UC_Davis/Design#Biosensor"><img src="https://static.igem.org/mediawiki/2015/a/a4/Home_BiosensorFoot_UCD.png" width = "245px" height = "145px" style="PADDING-TOP: 100px"> </a>
−
}
+
<a href="https://2015.igem.org/Team:UC_Davis/Design#Footprint_App"><img src="https://static.igem.org/mediawiki/2015/0/07/Home_AppFoot_UCD.png" width = "245px" height = "145px" align = "right"> </a>
  
−
.newsItem h3 {
+
</table>
−
  width: auto;
+
−
  display: inline;
+
−
  font-size: 14px;
+
−
  font-family: Arial, Helvetica, sans-serif;
+
−
  padding: 0px;
+
−
  margin: 0px;
+
−
}
+
  
−
.newsItem img {
+
<br>
−
  float: right;
+
−
  clear: right;
+
−
  width: 80px;
+
−
  padding-left: 15px;
+
−
  display: inline-block;
+
−
}
+
  
−
.newsItem .newsDate {
 
−
  font-style: italic;
 
−
  font-size: 14px;
 
−
  display: inline-block;
 
−
  color: #999;
 
−
  float: right;
 
−
  padding: 0px 0px 10px 15px;
 
−
}
 
−
 
−
.newsItem p, .newsItem ul, .newsItem li {
 
−
  padding: 0px;
 
−
  margin-left: 20px;
 
−
  font-size: 12px;
 
−
  line-height: 1.2;
 
−
}
 
−
 
−
.newsItem p {margin-top: 10px;}
 
−
 
−
.annItem {
 
−
  border: 2px solid #414141;
 
−
  display: block;
 
−
  padding: 0px 15px 10px 10px;
 
−
  margin-bottom: 18px;
 
−
  position: relative;
 
−
  height: 160px;
 
−
  vertical-align: middle;
 
−
}
 
−
 
−
.annItem .annCentered {
 
−
  display: table-cell;
 
−
  vertical-align: middle;
 
−
  height: 160px;
 
−
}
 
−
 
−
.annCentered h3 {
 
−
  padding: 0px;
 
−
  display: block;
 
−
  margin-left: auto;
 
−
  margin-right: auto;
 
−
  text-align: center;
 
−
}
 
−
 
−
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
−
.annItem li {list-style: none; margin: 5px}
 
−
 
−
 
−
 
−
</style>
 
−
</style>
 
−
 
−
 
−
 
−
<style>
 
−
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);font-size:16px}
 
−
</style>
 
−
 
−
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
 
−
<style type="text/css">
 
−
 
−
/* Navigation Menu */
 
−
.navmenubkg {
 
−
  position:fixed;
 
−
  display:block;
 
−
  z-index:50;
 
−
  top:20;
 
−
  height:40px;
 
−
  left:0;
 
−
  right:0;
 
−
  background:#FFFFFF;
 
−
}
 
−
.navmenubkg2 {
 
−
  position:fixed;
 
−
  display:none;
 
−
  z-index:50;
 
−
  top:43px;
 
−
  height:40px;
 
−
  left:0;
 
−
  right:0;
 
−
  background:#FFFFFF;
 
−
}
 
−
#navmenubox {
 
−
    padding:0;
 
−
    margin-left:auto;
 
−
    margin-right:auto;
 
−
    width:1100px;
 
−
    height:40px;
 
−
    z-index:100;
 
−
    display:block;
 
−
    background:transparent;
 
−
    color: rgb(46,43,52);
 
−
    text-align:center;
 
−
    border-bottom:5px solid #00B585;
 
−
}
 
−
.sidelogos {
 
−
    float:left;
 
−
    display:block;
 
−
    margin-left:auto;
 
−
    height:100%;
 
−
    width:auto;   
 
−
}
 
−
.sidelogos a {
 
−
  display:block;
 
−
  top:0;
 
−
  bottom:0;
 
−
}
 
−
#pblogo{
 
−
  width:48px;
 
−
  margin-right:15px;
 
−
}
 
−
#pgmap{
 
−
  width:30px;
 
−
}
 
−
 
−
#igemlogo{ 
 
−
  width:30px;
 
−
 
 
−
 
−
}
 
−
 
−
#pblogo img, #pgmap img,#igemlogo img{
 
−
  background-color:rgb(46,43,52);
 
−
  margin-top:8px;
 
−
  margin-bottom:2px;
 
−
}
 
−
#igemlogo:hover img {
 
−
  background-color:rgb(0,153,102);
 
−
}
 
−
 
−
ul#nav { 
 
−
    display:block;
 
−
    float:left;
 
−
    padding:0;
 
−
    margin:0;
 
−
    list-style: none;
 
−
    height:40px;
 
−
    width:890px;
 
−
    background:none;
 
−
    z-index:100;
 
−
    /*font-family: 'PT Sans Narrow', sans-serif;*/
 
−
    font-family: 'Archivo Narrow', sans-serif;
 
−
}
 
−
ul#nav a {
 
−
  display:block;
 
−
  top:0;
 
−
  bottom:0;
 
−
}
 
−
ul#nav ul {
 
−
    margin:0;
 
−
    padding:0;
 
−
    list-style:none;
 
−
    background:transparent;
 
−
    z-index:100;
 
−
}
 
−
ul#nav li {
 
−
    float:left;
 
−
    padding:0;
 
−
    margin:0;
 
−
    width:118px;
 
−
    margin-top:13px;
 
−
    line-height:27px;
 
−
    height:27px;
 
−
    font-size:16px;
 
−
    font-weight:600;
 
−
    background:transparent;
 
−
    font-weight:normal;
 
−
    z-index:100;
 
−
}
 
−
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
 
−
    color: rgb(228,45,51);
 
−
    /*font-weight:bold;*/
 
−
    border-bottom:5px solid rgb(255,255,255);
 
−
}
 
−
ul#nav a{
 
−
    padding:0px;
 
−
    margin:0px;
 
−
    width:100%;
 
−
    height:100%;
 
−
    text-decoration:none;
 
−
    background:transparent;
 
−
    color:rgb(46,43,52);
 
−
}
 
−
ul#nav a:hover{
 
−
    color: rgb(228,45,51);
 
−
}
 
−
#nav li ul {
 
−
    display:block;
 
−
    margin:0;
 
−
    margin-left:auto;
 
−
    margin-right:auto;
 
−
    padding:0;
 
−
    list-style: none;
 
−
    width:1100px;
 
−
    height:40px;
 
−
    background:transparent;
 
−
    color:rgb(46,43,52);
 
−
    z-index:100;
 
−
}
 
−
#nav li ul li {
 
−
    margin:0px;
 
−
    padding:0;
 
−
    float:left;
 
−
    background:none;
 
−
    height:100%;
 
−
    line-height:40px;
 
−
    height:40px;
 
−
    width:135px;
 
−
    color:rgb(46,43,52);
 
−
    z-index:100;
 
−
}
 
−
#nav li:hover .navmenubkg2 {
 
−
    display:block;
 
−
}
 
−
#nav li .navmenubkg2:hover {
 
−
    display:block;
 
−
}
 
−
ul#nav li:hover li a, ul#nav li.over li a  {
 
−
    color: rgb(46,43,52);
 
−
    font-weight:normal;
 
−
    border:none;
 
−
}
 
−
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
 
−
    color:rgb(228,45,51);
 
−
    /*font-weight:bold;*/
 
−
    border:none;
 
−
}
 
−
</style>
 
−
 
−
</head>
 
−
<body>
 
−
<div style="clear: both;"></div>
 
−
<div class="navmenubkg">
 
−
  <div id="navmenubox">
 
−
   
 
−
 
−
 
−
 
−
    <ul id="nav">
 
−
<li style="width:120px;"> <a href="https://2015.igem.org/Team:UC_Davis" title="Home">Home</a>
 
−
      </li>
 
−
      <li style="width:120px;"> <a href="https://2015.igem.org/Team:UCDavis/Attributions" title="Team">Team</a>
 
−
 
 
−
      </li>
 
−
      <li style="width:120px;"> <a href="#" title="Project">Project</a>
 
−
       
 
−
      </li>
 
−
</li>
 
−
      <li style="width:120px;">
 
−
        <a href="https://2015.igem.org/Team:UCDavis/Practices" title="Policy and Practice"></a>
 
−
      </li>     
 
−
   
 
−
 
−
      <li style="width:150px;"> <a href="https://2014.igem.org/Team:Yale/Achievements">Achievements</a>
 
−
      </li>
 
−
    </ul>
 
−
    <div id="igemlogo" class="sidelogos">
 
−
    <a href="https://2015.igem.org/Main_Page" target="_blank">
 
−
      <img src="https://static.igem.org/mediawiki/2013/d/d0/PB_LogoiGEM.gif" height="30px" style="margin-left:97px">
 
−
    </a>
 
−
    </div>
 
−
        </div>
 
−
 
−
 
 
−
  </div>
 
−
</div>
 
−
<div style="clear: both;"></div>
 
−
 
−
 
−
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 
−
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
 
−
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
 
−
 
−
<style>
 
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 
−
 
−
:not(.navmenubkg){
 
−
  font-family:'Open Sans';
 
−
}
 
−
.navmenubkg {
 
−
font-family:'Roboto';
 
−
 
−
}
 
−
h1,h2,h3,h4,h5,h6{
 
−
  font-family:'Roboto';
 
−
}
 
−
 
−
#top-section{
 
−
width:100%;
 
−
margin-left:0;
 
−
left:0;
 
−
margin-bottom:5px;
 
−
}
 
−
 
−
div#vidbutton {
 
−
    position:absolute;
 
−
    width:100px;
 
−
    height:100px;
 
−
    background-image:url('paper.gif');
 
−
    left:720px;
 
−
    top:550px;
 
−
}
 
−
</style>
 
−
 
−
<!--main content -->
 
−
<table width="1100px" align="center" style="margin-top:0px">
 
−
<!--welcome box -->
 
−
<tr>
 
−
<td style="border:none;" colspan="3" align="center" height="150px">
 
−
<h1 style="display:none">Biosynthesis of an Anti-biofouling Surface Binding Polymer with the 21st Amino Acid- L-DOPA</h1>
 
−
<br>
 
−
<p> <img src="https://static.igem.org/mediawiki/2015/6/68/UCDavis2015_backgroundimage.png" width="1100"> <div id = "vidbutton"></div></p>
 
 
</td>
 
</td>
 +
<td bgColor="#FFFFFF"></td>
 
</tr>
 
</tr>
−
<!-- end welcome box -->
 
−
<tr><td colspan="3"><div class = "well" style="margin-bottom:10px"><p> <strong><center>Development of a Low Cost, User-friendly Biosensor for Triclosan and a Model for Civic Engagement</center></strong><p>
 
−
We are developing a biosensor for triclosan, an antimicrobial agent whose use has environmental and human health implications. Triclosan inhibits enoyl acp reductase (Fabi). By measuring the rate at which triclosan inhibits Fabi, we can make a standard curve of percent inhibition vs triclosan, and use this standard curve to determine how much triclosan is present in a wastewater sample. We are investigating the activity of the Fabi enzyme from 8 different organisms on a panel of non-native substrates to determine the combination of Fabi and substrate that will yield the best results at the lowest cost. We can then engineer the enzyme to have greater specificity on the non-native substrate through computational design and kunkel mutagenesis. By coupling our biosensor with civic engagement measures, our goal is to raise awareness and accountability around environmental concerns and to empower citizens to participate in decisions being made about chemical use.
 
−
</p></div></td>
 
−
</tr>
 
−
 
−
 
 
</table>
 
</table>
 +
<!-- end of first block -->
  
−
<div width="1100px" align="center" >
 
−
 
−
 
−
</div>
 
 
</html>
 
</html>

Latest revision as of 15:43, 21 December 2015






CLICK ON FEET TO NAVIGATE WIKI