Difference between revisions of "Team:Stanford-Brown/Collaboration"

(Created page with "{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}} <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"...")
 
 
(16 intermediate revisions by 2 users not shown)
Line 13: Line 13:
 
   <title>Carousel Template for Bootstrap</title>
 
   <title>Carousel Template for Bootstrap</title>
  
 +
</head>
  
 
+
<body>
  <!-- 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>
+
<!-- NAVBAR
+
  ================================================== -->
+
  <body>
+
 
     <!-- NAVBAR
 
     <!-- NAVBAR
 
     ================================================== -->
 
     ================================================== -->
 
     <div class="container">
 
     <div class="container">
       <nav class="navbar navbar-inverse navbar-fixed-top oriEdit">
+
       <nav class="navbar navbar-material-light-blue navbar-fixed-top oriEdit">
  
 
         <div class="container">
 
         <div class="container">
Line 41: Line 33:
 
                
 
                
 
             </button>
 
             </button>
             <a class="navbar-brand" href="#">SB iGEM</a>
+
             <a class="navbar-brand" href="https://2015.igem.org/Team:Stanford-Brown">SB iGEM</a>
              <!-- <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2015/e/e1/SB_logo.jpg" alt="SB Logo"></a>
+
            -->
+
 
           </div>
 
           </div>
  
Line 53: Line 43:
  
 
               <li class="dropdown">
 
               <li class="dropdown">
                 <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
+
                 <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Team">Our Team</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Team">Our Team</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions">Attributions</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions">Attributions</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Gallery">Picture Gallery</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>   
 
               </li>   
  
 
               <li class="dropdown">
 
               <li class="dropdown">
                 <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Outreach</a>
+
                 <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Outreach</a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Outreach">Overview</a></li>
 
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Practices">Human Practicies</a></li>
 
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Outreach">Outreach</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Outreach">Outreach</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Practices">Human Practicies</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Collaboration">Collaboration</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Collaboration">Collaboration</a></li>
 
                 </ul>
 
                 </ul>
Line 71: Line 61:
  
 
               <li class="dropdown">
 
               <li class="dropdown">
                 <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</a>
+
                 <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Projects">Project Overview</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Projects">Project Overview</a></li>
Line 90: Line 80:
 
         </div>
 
         </div>
 
       </nav>
 
       </nav>
     </div>  
+
     </div>
  
 
     <div class="jumbotron oridomiLeft">
 
     <div class="jumbotron oridomiLeft">
 
       <div class="container">
 
       <div class="container">
         <h1>Welcome to our Projects<small> BiOrigami<small></h1>
+
         <h1>Collaboration<small> Working across the Atlantic<small></h1>
         <p>See our projects below</p>
+
         <p></p>
 
       </div><!--end container-->
 
       </div><!--end container-->
 
     </div><!-- end jumbotron-->
 
     </div><!-- end jumbotron-->
Line 104: Line 94:
  
 
     <div class="row featurette">
 
     <div class="row featurette">
       <a href="https://2015.igem.org/Stanford-Brown/Vision">
+
       <a href="https://2015.igem.org/Stanford-Brown/Vision"></a>
         <div class="col-md-7 well btn btn-default" id="be1">
+
         <div class="col-md-7 well" id="be1">
           <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</span></h2>
+
           <h2 class="featurette-heading">Collaboration<span class="small"> with the University of Edinburgh</span></h2>
           <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
           <p class="lead">The <a href="https://2015.igem.org/Team:Edinburgh">University of Edinburgh iGEM 2015</a> team is creating a paper-based biosensor to detect purity of and contaminants in illicit drugs. In an effort to increase the applications of the proof-of-concept biosensor, the team wanted to incorporate microbial cellulose as an alternative to filter paper. This could decrease the cost of the biosensor as well as making the disposal easier. By using microbial cellulose that our team provided, the University of Edinburgh team was able to check the binding affinities of a cellulose binding domain (CBD) to the cellulose to see whether microbial cellulose-based biosensors are feasible. Our bioHYDRA project involved testing processed and unprocessed cellulose, and we sent the Edinburgh team a sample of each. This allowed the Edinburgh team to see if there is an advantage to the processing for their applications, and, since our future work includes expressing CBDs on spore coats, the processed sheets will be better for our applications as well. The data (see figure) shows that less protein dissociation occurred from the processed sheets.
 +
</p>
 
         </div>
 
         </div>
 
       </a>
 
       </a>
       <div class="col-md-5 well">
+
       <div class="col-md-5">
         <h2 class="featurette-heading">Our BioBricks</h2>
+
         <img class="featurette-image img-responsive center-block img-rounded" src="https://static.igem.org/mediawiki/2015/2/2d/SB2015_Collaboration_graph_3.jpg" alt="Generic placeholder image">
        <p class="lead">What are BioBricks? They are Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo. Click to see more.</p>
+
For the collaboration, the Edinburg IGEM 2015 used the BBa_K321357, which is an sfGFP fused to the cellulose binding domain CBDcex transcriptionally activated by Lacl. Since the CBDcex is attached to a fluorescence, sfGFP, the strength of the binding affinity is correlated with the absorbance level. The y-axis measures the absorbance in relative fluorescent unit while the x-axis is the time incubation. Although there is large error bar, there is a distinguishable difference between the binding affinity of the CBD onto the cellulose unprocessed and processed sheet. The high absorbance for the processed sheet indicates that the CBD binds more effectively than the unprocessed sheet. This experiment will be repeated in the near future.
      </div>
+
    </div>
+
  
 
    <div class="row featurette">
 
      <div class="col-md-7 col-md-push-5 well btn btn-default" id="be2">
 
        <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</span></h2>
 
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
      </div>
 
      <div class="col-md-5 col-md-pull-7">
 
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
  
    <div class="row featurette">
+
</div><!-- /.container -->
      <div class="col-md-7 well btn btn-default" id="be3">
+
<!-- /END THE FEATURETTES -->
        <h2 class="featurette-heading">Polystyrene <span class="small">Engineering E. coli to produce polystyrene</span></h2>
+
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
      </div>
+
      <div class="col-md-5">
+
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
      </div>
+
    </div>
+
  
 +
<footer>
 +
  <div class="container">
 +
    <hr></hr>
 +
    <div class="row">
 +
      <h6>Copyright &copy; 2015 Stanford-Brown iGEM Team</h6>
 +
    </div><!-- end row -->
 +
  </div><!-- end container -->
 +
</footer>
  
    <div class="row featurette">
+
<!-- Bootstrap core JavaScript
      <div class="col-md-7 col-md-push-5 well btn btn-default" id="be4">
+
  ================================================== -->
        <h2 class="featurette-heading">Polyhydroxyalkanoates <span class="small">Optimizing the production of biological PHA</span></h2>
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
      </div>
+
      <div class="col-md-5 col-md-pull-7">
+
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
      </div>
+
    </div>
+
  
 +
  <!-- 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>
  
    <div class="row featurette">
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
    <div class="col-md-7 well btn btn-default" id="be5">
+
      <h2 class="featurette-heading">C.A.S.H.<span class="small"> Cellulose Associated Spore HYDRAS, or a biological contractile mechanism</span></h2>
+
      <p class="lead">Based on work done by Chen et al. at Columbia university, we sought to employ the contractile properties of bacterial spores to use as a contractile mechanism for biOrigami.</p>
+
    </div><!-- end well -->
+
    <div class="col-md-5">
+
      <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
    </div>
+
  </div>
+
  
 +
  <!-- Latest compiled and minified CSS -->
  
   <div class="row featurette">
+
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <div class="col-md-7 col-md-push-5 well btn btn-default" id="be6">  
+
  
      <h2 class="featurette-heading">CRATER <span class="small">Crisper Assited Transformation Efficient Reaction</span></h2>
+
  <!-- Latest compiled and minified JavaScript -->
      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </div>
+
    <div class="col-md-5 col-md-pull-7">
+
      <img class="featurette-image img-responsive center-block img-rounded" data-src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
    </div>
+
  </div>
+
  
   </div><!-- /.container -->
+
   <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
   <!-- /END THE FEATURETTES -->
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
 +
   <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/material.min.js"></script>
 +
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/ripples.min.js"></script>
  
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/oridomi&action=raw&ctype=text/javascript"></script>
  
  
Line 181: Line 150:
 
</html>
 
</html>
  
{{Stanford-Brown_Footer}}
 
 
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}
 
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}

Latest revision as of 00:13, 18 September 2015

Carousel Template for Bootstrap

Collaboration Working across the Atlantic

Collaboration with the University of Edinburgh

The University of Edinburgh iGEM 2015 team is creating a paper-based biosensor to detect purity of and contaminants in illicit drugs. In an effort to increase the applications of the proof-of-concept biosensor, the team wanted to incorporate microbial cellulose as an alternative to filter paper. This could decrease the cost of the biosensor as well as making the disposal easier. By using microbial cellulose that our team provided, the University of Edinburgh team was able to check the binding affinities of a cellulose binding domain (CBD) to the cellulose to see whether microbial cellulose-based biosensors are feasible. Our bioHYDRA project involved testing processed and unprocessed cellulose, and we sent the Edinburgh team a sample of each. This allowed the Edinburgh team to see if there is an advantage to the processing for their applications, and, since our future work includes expressing CBDs on spore coats, the processed sheets will be better for our applications as well. The data (see figure) shows that less protein dissociation occurred from the processed sheets.

Generic placeholder image For the collaboration, the Edinburg IGEM 2015 used the BBa_K321357, which is an sfGFP fused to the cellulose binding domain CBDcex transcriptionally activated by Lacl. Since the CBDcex is attached to a fluorescence, sfGFP, the strength of the binding affinity is correlated with the absorbance level. The y-axis measures the absorbance in relative fluorescent unit while the x-axis is the time incubation. Although there is large error bar, there is a distinguishable difference between the binding affinity of the CBD onto the cellulose unprocessed and processed sheet. The high absorbance for the processed sheet indicates that the CBD binds more effectively than the unprocessed sheet. This experiment will be repeated in the near future.

Copyright © 2015 Stanford-Brown iGEM Team