Difference between revisions of "Team:UC Davis"

Line 1: Line 1:
<!DOCTYPE html>
+
{{Team:UC Davis }}
<html lang="en">
+
  <head>
+
    <meta charset="utf-8">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
    <meta name="description" content="">
+
    <meta name="author" content="">
+
    <link rel="icon" href="../../favicon.ico">
+
  
    <title>iGEM at UC Davis</title>
 
<!-- Latest compiled and minified CSS -->
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
  
    <!-- Custom styles for this template -->
+
<html>
    <link href="jumbotron.css" rel="stylesheet">
+
<head>
 +
     
 +
        <meta charset="UTF-8">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
 +
        <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 +
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
       
 +
    <Style>
 +
#avant{
 +
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
 +
}
 +
body{
 +
    background-color: #0174DF;
 +
   
 +
}
 +
* {
 +
  .border-radius(0) !important;
 +
}
 +
h2, h1 {
 +
border-bottom: 0px solid #57c4d0;
 +
}
  
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
+
#nav .btn{
     <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
     //border-right: 2px solid grey;
     <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
+
      
 +
   
 +
}
 +
p{
 +
color: black;
 +
}
  
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
  </head>
 
  
  <body>
 
  
     <nav class="navbar navbar-inverse navbar-fixed-top">
+
 
      <div class="container">
+
#thumbnail-preview-indicators {
        <div class="navbar-header">
+
  position: relative;
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
  margin-top: -20px;
            <span class="sr-only">Toggle navigation</span>
+
  overflow: hidden;
            <span class="icon-bar"></span>
+
}
            <span class="icon-bar"></span>
+
#thumbnail-preview-indicators .slides .slide-1,
            <span class="icon-bar"></span>
+
#thumbnail-preview-indicators .slides .slide-2,
          </button>
+
#thumbnail-preview-indicators .slides .slide-3 {
          <a class="navbar-brand" href="#">Home</a>
+
  background-size: cover;
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
  background-position: center center;
            <span class="sr-only">Toggle navigation</span>
+
  background-repeat: no-repeat;
            <span class="icon-bar"></span>
+
 
            <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
+
 
          </button>
+
}
          <a class="navbar-brand" href="#">Team</a>
+
     #thumbnail-preview-indicators,
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
    #thumbnail-preview-indicators .slides,
            <span class="sr-only">Toggle navigation</span>
+
    #thumbnail-preview-indicators .slides .slide-1,
            <span class="icon-bar"></span>
+
    #thumbnail-preview-indicators .slides .slide-2,
            <span class="icon-bar"></span>
+
    #thumbnail-preview-indicators .slides .slide-3 {
            <span class="icon-bar"></span>
+
      height: 480px;
          </button>
+
    }
          <a class="navbar-brand" href="#">Research</a>
+
#thumbnail-preview-indicators .slides .slide-1 {
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
  background-image: url(http://www.uwphotographyguide.com/images/Articles/RX100/wang/rx100-wide2.jpg);
            <span class="sr-only">Toggle navigation</span>
+
 
            <span class="icon-bar"></span>
+
}
            <span class="icon-bar"></span>
+
#thumbnail-preview-indicators .slides .slide-2 {
            <span class="icon-bar"></span>
+
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Triclosan.svg/2000px-Triclosan.svg.png);
          </button>
+
}
          <a class="navbar-brand" href="#">Policy & Practices</a>
+
#thumbnail-preview-indicators .slides .slide-3 {
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
  background-image: url(http://i.imgur.com/EfXmCOj.jpg?1);//(http://i.imgur.com/iokYtgR.jpg);
            <span class="sr-only">Toggle navigation</span>
+
}
            <span class="icon-bar"></span>
+
#thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
            <span class="icon-bar"></span>
+
  top: 20%;
            <span class="icon-bar"></span>
+
  bottom: inherit;
          </button>
+
}
          <a class="navbar-brand" href="#">Get Involved</a>
+
#thumbnail-preview-indicators .carousel-indicators li,
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
#thumbnail-preview-indicators .carousel-indicators li.active {
            <span class="sr-only">Toggle navigation</span>
+
  position: relative;
            <span class="icon-bar"></span>
+
  width: 100px;
            <span class="icon-bar"></span>
+
  height: 8px; 
            <span class="icon-bar"></span>
+
}
          </button>
+
#thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
          <a class="navbar-brand" href="#">Journal</a>
+
  position: absolute;
         </div>
+
  top: 0;
        <div id="navbar" class="navbar-collapse collapse">
+
  width: 100px;
 +
  display: none;
 +
  opacity: 0;
 +
  left: 50%;
 +
  margin-top: -80px;
 +
  margin-left: -50px;
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li:hover > .thumbnail,
 +
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail {
 +
  display: block;
 +
  opacity: .8;
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail:hover{
 +
  opacity: 1;
 +
}
 +
@media screen and (max-width : 480px) {   
 +
    #thumbnail-preview-indicators .carousel-indicators li,
 +
    #thumbnail-preview-indicators .carousel-indicators li.active {
 +
      width: 50px;
 +
      height: 8px;
 +
      position: relative;
 +
    }
 +
    #thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
 +
      width: 50px;
 +
      left: 50%;
 +
      margin-top: -50px;
 +
      margin-left: -25px;
 +
    }
 +
}
 +
 
 +
/******************************DEFAULT WIKI SETTINGS CSS: CHANGING IT TO REFLECT OUR OWN PAGE********************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
******************************* THIS IS TO MAKE THE DISTINCTION CLEAR *******************************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************/
 +
.firstHeading {
 +
width: 4000px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 0px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
 
 +
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #fff;//#383838;
 +
border: 0 none;
 +
height: 1px; // 46 px
 +
z-index: 100;
 +
top: 0;
 +
        color: #fff;
 +
        //display: none;
 +
position: static;
 +
width: 100%;//1000px;//2975px;
 +
left: 50%;
 +
margin-left: -480px;//-687px;
 +
}
 +
 
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #333;
 +
height: 1px; //DEFAULT 14 PX
 +
//display: none;//block;
 +
        color: #fff;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 
 +
 
 +
 
 +
/*#top-section {
 +
background-color: #333;//#383838;
 +
border: 0 none;
 +
height: 46px; // DEFAULT 14 px
 +
z-index: 100;
 +
top: 0;
 +
        //display: none;
 +
position: fixed;
 +
width: 2975px;
 +
left: 50%;
 +
margin-left: -687px;
 +
}
 +
 
 +
#top-section-bar {
 +
background-color: #333;
 +
height: 1px; //DEFAULT 14 PX
 +
display: none;//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.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 
 +
 
 +
 
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: #000000;//#5C8AE6;//#003D99;//transparent;
 +
}
 +
 
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
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;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
    </head>
 +
 
 +
 
 +
<body>
 +
<div style="background-color:#fff">
 +
<!--<div class="container-fluid" id="allHome">-->
 +
        <!--<div class = "nav nav-justified " role = "navigation">-->
 +
<!-- UNCOMMENT TO REMOVE FULL WIDTH NAV BAR <div class="container-fluid"> -->
 +
           
 +
            <!--navbar -->  
 +
       
 +
            <!--<nav class="navbar nav-justified" role="navigation" id='nav'>
 +
                <div class="btn-group  btn-group btn-group-justified">
 +
                <ul class="nav  navbar-nav" role="navigation" id='nav'>
 +
                    <li class = "active"><div class="btn btn-lg" id="home">Home</div></li>
 +
                    <li><div class="btn btn-lg" id="team">Team</div></li>
 +
 
 +
       
 +
               
 +
                   
 +
                    <li><div class="btn btn-lg" id="notebook">Notebook</div></li>
 +
                    <li><div class="btn btn-lg" id="achieve">Software Achievements</div></li>
 +
                    <li><div class="btn btn-lg" id="attributions">Attributions</div></li>
 +
                    <li><div class="btn btn-lg" id="test">Tester</div></li>
 +
                    </ul>
 +
                   
 +
              </div>
 +
             
 +
               
 +
               
 +
        </nav>-->
 +
        <!-- FOR IMAGE! LOGOS IGEM & UCSD --><!--<nav class="navbar nav-justified" role="navigation" id='nav'>
 +
                <div class="btn-group  btn-group btn-group-justified" >
 +
                <div class="btn btn-lg " id="avant">UC Davis</div>-->
 +
                <!--<font size = 4px>UC Davis</font>-->
 +
 
 +
              <!--<div class="btn-group  btn-group btn-group-justified">
 +
                <img src = "http://i.imgur.com/mGHw11P.png?1">
 +
              </div>
 +
                </div>
 +
          </nav>-->
 +
        <nav class="navbar nav-justified" role="navigation" id='nav'>
 +
                <div class="btn-group  btn-group btn-group-justified">
 +
                    <div class="btn btn-lg " id="home">Home</div>
 +
                    <div class="btn btn-lg " id="team">Team</div>
 +
                    <div class="btn btn-lg " id="project">Project</div>
 +
                    <div class="btn btn-lg " id="doc">Policy & Practices</div>
 +
                    <div class="btn btn-lg" id="notebook">Notebook</div>
 +
                    <div class="btn btn-lg" id="attributions">Sponsors</div>
 +
                    <div class="btn btn-lg" id="achieve">Medals</div>
 +
                    <div class="btn btn-lg" id="logo"><a href = "https://igem.org/Main_Page"><img src = "https://static.igem.org/mediawiki/2014/c/c0/IGEM_logo_spinning_nevada_igem_2014.gif" height="80" width="160"></a></div>
 +
                   
 +
              </div>
 +
               
 +
            </nav>
 +
     
 +
         <!-- container fluid END </div> -->
 +
 +
<!--slider-->
 +
 
 +
<div id="thumbnail-preview-indicators" class="carousel slide" data-ride="carousel">
 
            
 
            
        </div><!--/.navbar-collapse -->
+
          <!--<ol class="carousel-indicators">
       </div>
+
            <li data-target="#thumbnail-preview-indicators" data-slide-to="0" class="active">
     </nav>
+
              <div class="thumbnail">
 +
                <img class="img-responsive" src="http://www.blueoceanart.com/images/upload/AOP_KelpForest1_JimHellemn.jpg">
 +
              </div>
 +
            </li>
 +
            <li data-target="#thumbnail-preview-indicators" data-slide-to="1">
 +
            <div class="thumbnail">
 +
                <img class="img-responsive" src="http://www.blueoceanart.com/images/upload/AOP_KelpForest1_JimHellemn.jpg">
 +
              </div>
 +
            </li>
 +
            <li data-target="#thumbnail-preview-indicators" data-slide-to="2">
 +
            <div class="thumbnail">
 +
                <img class="img-responsive" src="http://www.blueoceanart.com/images/upload/AOP_KelpForest1_JimHellemn.jpg">
 +
              </div>
 +
            </li>
 +
          </ol>-->
 +
          <div class="carousel-inner">
 +
            <div class="item slides active">
 +
              <div class="slide-1"></div>
 +
              <div class="container">
 +
                <div class="carousel-caption">
 +
                  <h1 style="font-size:500%"><font color =  #ffffff >UC Davis Aggies</font></h1>
 +
                </div>
 +
              </div>
 +
            </div>
 +
 
 +
            <div class="item slides">
 +
              <div class="slide-2"></div>
 +
              <div class="container">
 +
                <div class="carousel-caption">
 +
                  <h1><font color = "#000000">SBiDer</font></h1>
 +
                  <p><a class="btn btn-lg btn-primary" href="#" role="button">Take me to the app!</a></p>         
 +
                </div>
 +
              </div>
 +
            </div>
 +
            <div class="item slides">
 +
              <div class="slide-3"></div>
 +
              <div class="container">
 +
                <div class="carousel-caption">
 +
                  <br><br><h1><font color = "gold">The Notebook</font></h1>
 +
                  <p><a class="btn btn-lg btn-primary" href="https://2014.igem.org/Team:UCSD_Software/Notebook" role="button">View the Notebook</a></p>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
          <a class="left carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
          <a class="right carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
       </div>  
 +
 
 +
 
 +
 
 +
 
 +
<!--slider end-->
 +
 
 +
<div class = "neighborhood-guides">
 +
        <div class = "container">
 +
<tr><td colspan="3"><div class = "well" style="margin-bottom:50px"><p> <strong><center>Producing a Novel Antimicrobial Surface-Binding Peptide Using an Improved T7 Expression System</center></strong><p>
 +
Biofilm formation on surfaces is an issue in the medical field, naval industry, and other areas. We developed an anti-fouling peptide with two modular components: a mussel adhesion protein (MAP) anchor and LL-37, an antimicrobial peptide. MAPs can selectively attach to metal and organic surfaces via L-3,5-dihydroxyphenylalanine (L-DOPA), a nonstandard amino acid that was incorporated using a genetically recoded organism (GRO).  Because this peptide is toxic to the GRO in which it is produced, we designed a better controlled inducible system that limits basal expression. This was achieved through a novel T7 riboregulation system that controls expression at both the transcriptional and translational levels.  This improved system is a precise synthetic switch for the expression of cytotoxic substances in the already robust T7 system. Lastly, the antimicrobial surface-binding peptide was assayed for functionality.
 +
</p></div></td>
 +
</tr>
 +
 
 +
 
 +
<tr><td colspan="3"><div class = "well" style="margin-bottom:100px"><a href="https://2014.igem.org/Team:Yale/Project"><img src="
 +
https://static.igem.org/mediawiki/2014/f/f8/Yale-Overview.png"  width="1100"></a></td></tr>
 +
 
 +
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Team"><img src="https://static.igem.org/mediawiki/2014/5/50/Yale-Team.png"  width="1100"></a></td></tr>
 +
 
 +
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Outreach"><img src="https://static.igem.org/mediawiki/2014/0/08/Yale_Outreach.png"  width="1100"></a></td></tr>
 +
 
 +
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Interlab"><img src="https://static.igem.org/mediawiki/2014/3/3c/Yale_Interlab.png"  width="1100"></a></td></tr>
 +
 
 +
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Notebook"><img src="https://static.igem.org/mediawiki/2014/2/2c/Yale_Notebook.png"  width="1100"></a></td></tr>
 +
 
 +
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Achievements"><img src="https://static.igem.org/mediawiki/2014/2/29/Yale_Achivements.png"  width="1100"></a></td></tr>
 +
 
 +
</div>
 +
<script>
 +
$(document).ready(function(){
 +
     //redirecting to other pages
 +
    $('h1.firstHeading').remove();
 +
    $("#home").click(function(){
 +
      window.location.href="https://2015.igem.org/Team:UC_Davis";
 +
    });
 +
   
 +
    $("#database").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Database";
 +
    }); 
 +
 
 +
    $("#test").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Test";
 +
    });
 +
 
 +
    $("#thumbThree").click(function(){
 +
      window.location.href="http://glassome.ucsd.edu:8080/CircuitNetwork/";
 +
    });
 +
    $("#thumbTwo").click(function(){
 +
      window.location.href=" https://github.com/igemsoftware/UCSD-iGEM_2014";
 +
    });
 +
 
 +
    $("#thumbOne").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
 +
    });
 +
   
 +
    $("#database").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Database";
 +
    }); 
 +
 
 +
    $("#app").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/App";
 +
    }); 
 +
 
 +
    $("#parts").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";
 +
    }); 
 +
 
 +
    $("#modeling").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Modeling";
 +
    }); 
 +
 
 +
    $("#doc").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
 +
    });   
 +
 
 +
 
 +
    $("#traversal").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Traversal";
 +
    }); 
 +
 +
    $("#team").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Teaml";
 +
    });
 +
    $("#officialTeam").click(function(){
 +
      window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";
 +
    });
 +
    $("#project").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";
 +
    });
 +
   
 +
    $("#notebook").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Notebook";
 +
    });
 +
    $("#achieve").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/SoftwareAchievements";
 +
    });
 +
    $("#attributions").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Attributions";
 +
    });
 +
   
 +
    });
 +
</script>
 +
</body>
 +
 
  
    <!-- Main jumbotron for a primary marketing message or call to action -->
+
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:200,80' rel='stylesheet' type='text/css'>
    <div class="jumbotron">
+
<style>
      <div class="container">
+
.mfooter {
        <h1>Know your footprint.</h1>
+
  font-family:'Open Sans', sans-serif;
        <p>While you might wash your hands for only 20 seconds, the triclosan in your soap leaves a much longer lasting impression on the environment. You can change that.
+
  position:relative;
        </p>
+
  width:1100px;
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Get involved &raquo;</a></p>
+
  height:190px;
      </div>
+
  margin:auto auto;
    </div>
+
  margin-top:30px;
 +
  color:#FFFFFF;
 +
  background:#060343;
 +
}
 +
.footbox {
 +
  margin:10px 15px;
 +
  float:left;
 +
}
 +
.footbox a {
 +
  color:#FFFFFF;
 +
}
 +
</style>
 +
<div style="clear: both;"></div>
  
    <div class="container">
+
<div style="height:20px">
      <!-- Example row of columns -->
+
 
      <div class="row">
+
</div>
        <div class="col-md-4">
+
          <h2>Our Team</h2>
+
          <p>We are an interdisciplinary team…. </p>
+
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
        </div>
+
        <div class="col-md-4">
+
          <h2>Our Research</h2>
+
          <p>Triclosan ...</p>
+
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
      </div>
+
        <div class="col-md-4">
+
          <h2>Get Involved</h2>
+
          <p>Do your part</p>
+
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
        </div>
+
      </div>
+
  
      <hr>
+
<div class="mfooter">
 +
  <div class="footbox">
 +
  <a href="https://2014.igem.org/Team:Yale">
 +
    <img src="https://static.igem.org/mediawiki/2014/thumb/5/5c/G3071.png/528px-G3071.png" height="130px"/>
 +
  </a>
 +
  </div>
 +
  <div class="footbox" style="">
 +
    Main Campus: </br>
 +
Molecular, Cellular & Developmental Biology</br>
 +
219 Prospect Street</br>
 +
P.O. Box 208103</br>
 +
New Haven, CT 06520</br>
 +
<img src="https://static.igem.org/mediawiki/2013/a/a7/PB_footerphone.png" height="10px"/> Phone: 203.432.3783</br>
 +
    <img src="https://static.igem.org/mediawiki/2013/7/74/PB_footeremail.png" height="10px"/> <a href="mailto:igem@yale.edu">igem@yale.edu </a> <br>
 +
<img src="https://static.igem.org/mediawiki/2013/7/74/PB_footeremail.png" height="10px"/> <a href="mailto:natalie.ma@yale.edu">natalie.ma@yale.edu (Graduate Advisor)</a><br />
  
      <footer>
+
  </div>
        <p>&copy; UC Davis iGEM 2015</p>
+
  <div class="footbox" style="margin-left:20px;margin-top:20px;">
      </footer>
+
  <a href="http://www.yale.edu/">
     </div> <!-- /container -->
+
    <img src="http://placehold.it/400x90/293660/FFFFFFF/&text=Yale+iGem+Team" height="90px" style="display:none"/>
 +
  </a>
 +
  </div>
 +
  <div class="footbox" style="float:right;margin-top:20px;margin-right:20px">
 +
  <a href="https://2014.igem.org/Main_Page">
 +
    <img src="https://static.igem.org/mediawiki/2014/b/b0/IGEMLogo2014v2white.png" height="60px"/>
 +
  </a>
 +
  </div>
 +
  <div style="clear: both;"></div> 
 +
  <center>
 +
     Copyright (c) 2014 Yale IGEM
 +
  </center>
 +
</div>
 +
</body>
  
  
    <!-- Bootstrap core JavaScript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
    <script src="../../dist/js/bootstrap.min.js"></script>
 
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
 
  </body>
 
 
</html>
 
</html>

Revision as of 20:30, 9 September 2015


Producing a Novel Antimicrobial Surface-Binding Peptide Using an Improved T7 Expression System

Biofilm formation on surfaces is an issue in the medical field, naval industry, and other areas. We developed an anti-fouling peptide with two modular components: a mussel adhesion protein (MAP) anchor and LL-37, an antimicrobial peptide. MAPs can selectively attach to metal and organic surfaces via L-3,5-dihydroxyphenylalanine (L-DOPA), a nonstandard amino acid that was incorporated using a genetically recoded organism (GRO). Because this peptide is toxic to the GRO in which it is produced, we designed a better controlled inducible system that limits basal expression. This was achieved through a novel T7 riboregulation system that controls expression at both the transcriptional and translational levels. This improved system is a precise synthetic switch for the expression of cytotoxic substances in the already robust T7 system. Lastly, the antimicrobial surface-binding peptide was assayed for functionality.

Main Campus:
Molecular, Cellular & Developmental Biology
219 Prospect Street
P.O. Box 208103
New Haven, CT 06520
Phone: 203.432.3783
igem@yale.edu
natalie.ma@yale.edu (Graduate Advisor)
Copyright (c) 2014 Yale IGEM