Difference between revisions of "Team:Sheffield/project/device"

(Created page with "<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <met...")
 
 
(35 intermediate revisions by 3 users not shown)
Line 15: Line 15:
 
                 <link rel="stylesheet" type="text/css"  
 
                 <link rel="stylesheet" type="text/css"  
 
                 href="https://2016.igem.org/Template:Sheffield/style/slide?action=raw&ctype=text/css" />
 
                 href="https://2016.igem.org/Template:Sheffield/style/slide?action=raw&ctype=text/css" />
−
                  
+
               
 +
                <link rel="stylesheet" type="text/css"
 +
                 href="https://2016.igem.org/Template:Sheffield/style/project?action=raw&ctype=text/css" />
 +
 
 +
 
 +
 
 +
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
                <script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
 +
     
 +
             
 +
               
 +
 
 
                 <script  
 
                 <script  
 
                   src="https://2016.igem.org/Template:Sheffield/scripts/min?action=raw&ctype=text/javascript"></script>
 
                   src="https://2016.igem.org/Template:Sheffield/scripts/min?action=raw&ctype=text/javascript"></script>
Line 49: Line 60:
 
       font-family:Century Gothic;
 
       font-family:Century Gothic;
 
       font-weight:normal;
 
       font-weight:normal;
 +
}
 +
@media(max-width:767px) {
 +
#shield  p {
 +
        font-size:15px;
 +
        margin:10px;
 +
      }
 +
  #shield h2 {
 +
        font-size:30px;
 +
        margin-left:5px;
 +
      }
 
}
 
}
 
</style>
 
</style>
Line 55: Line 76:
 
 
  
−
<body style="min-height:2000px;background-color:black">
+
<body style="background-color:black">
 
<nav class="navbar navbar-default navbar-fixed-top">
 
<nav class="navbar navbar-default navbar-fixed-top">
 
       <div class="container">
 
       <div class="container">
Line 80: Line 101:
 
             </li>
 
             </li>
 
    <li class="dropdown" id="li-home">
 
    <li class="dropdown" id="li-home">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 99: Line 120:
 
             </li> 
 
             </li> 
 
             <li class="dropdown">
 
             <li class="dropdown">
−
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
            <a href="https://2016.igem.org/Team:Sheffield/Description" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 120: Line 141:
 
              
 
              
 
             <li class="dropdown">
 
             <li class="dropdown">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield/project" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 141: Line 162:
 
 
 
<li class="dropdown">
 
<li class="dropdown">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield/Team" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 162: Line 183:
 
            
 
            
 
<li class="dropdown">
 
<li class="dropdown">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield/Notebook" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 183: Line 204:
 
              
 
              
 
             <li class="dropdown">
 
             <li class="dropdown">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield/judging" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 208: Line 229:
 
     <div id="shield">
 
     <div id="shield">
 
     <div class = "container" >
 
     <div class = "container" >
−
<div style="height:100px"></div>
+
<div class="spacer"></div>
−
<div class="heading">
+
                <div class="heading">
 
<table>
 
<table>
 
<th class="banner-img">
 
<th class="banner-img">
Line 215: Line 236:
 
</th>
 
</th>
 
<th>
 
<th>
−
<div class="heading-title"><h1 style="padding:0px">THE DEVICE</h1></div>
+
<div class="heading-title"><h1 style="padding:0px">DEVICE</h1></div>
 
</th>
 
</th>
 
<th class="banner-img">
 
<th class="banner-img">
Line 222: Line 243:
 
</table>
 
</table>
 
</div>
 
</div>
−
<div class = "jumbotron">
+
<div class="jumbotron">
−
<p>SCIENCE! and other stuff </p>
+
               
 +
<p> <h2> Overview </h2> </p>
 +
<p> Design is a journey of discovery. Our design process began with the idea of building a microfluidics device. We tested different designs to optimize desired characteristics such as mixing time and flow rate. We even investigated the use of freeze-drying to safely store our engineered bacteria in our device. After much design iteration, the final device consists of a capsule-and-chamber that is better able to meet these requirements overall. It houses the electronics used to detect fluorescence as well as the capsule containing the bacterial solution. Taking inspiration from glow sticks (yes, glow sticks!), you bend and twist the tube which releases the bacterial solution into the reaction chamber within the device. The blueprints and 3D models of this can be found in the sections below. We plan to have these parts laser cut and ready for the Giant Jamboree! 
 +
</p>
 +
</div>
 +
<div class="row">
 +
<table class="Project-table-device">
 +
                              <tr>
 +
<th>
 +
                                        <a href="https://2016.igem.org/Team:Sheffield/project/device/microfluids">
 +
<div class="small-section-cell growth">
 +
<center>
 +
<h1>MICROFLUIDICS</h1>
 +
</center>
 +
</div>
 +
                                        </a>
 +
</th>
 +
                                <th class="middle">
 +
                                  <img src="https://static.igem.org/mediawiki/2016/0/04/T--Sheffield--line-point.png">
 +
                                </th>
 +
<th>
 +
 +
</th>
 +
                              </tr>
 +
                              <tr>
 +
<th>
 +
</th>
 +
                                <th class="middle">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/0/04/T--Sheffield--line-point.png">
 +
                                </th>
 +
<th>
 +
<a href="https://2016.igem.org/Team:Sheffield/project/device/blueprints">
 +
<div class="small-section-cell growth">
 +
<center>
 +
<h1>BLUEPRINTS</h1>
 +
</center>
 +
</div>
 +
                                        </a>
 +
</th>
 +
                              </tr>
 +
                              <tr>
 +
<th>
 +
                                        <a href="https://2016.igem.org/Team:Sheffield/project/device/final">
 +
<div class="small-section-cell iron">
 +
<center>
 +
<h1>FINAL DEVICE</h1>
 +
</center>
 +
</div>
 +
                                        </a>
 +
</th>
 +
                                <th class="middle">
 +
                                  <img src="https://static.igem.org/mediawiki/2016/0/04/T--Sheffield--line-point.png">
 +
                                </th>
 +
<th>
 +
 +
</th>
 +
                              </tr>
 +
                             
 +
                           
 +
 
 +
</table>
 
</div>
 
</div>
 +
 +
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 230: Line 313:
 
     ================================================== -->
 
     ================================================== -->
 
     <!-- Placed at the end of the document so the pages load faster -->
 
     <!-- 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>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
+
−
    <script src="js/bootstrap.min.js"></script>
+
−
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
−
    <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
+
−
    <script src="js/popover.js"></script>
+
 
      
 
      
 
      
 
      

Latest revision as of 16:36, 19 October 2016

A template page

DEVICE

Overview

Design is a journey of discovery. Our design process began with the idea of building a microfluidics device. We tested different designs to optimize desired characteristics such as mixing time and flow rate. We even investigated the use of freeze-drying to safely store our engineered bacteria in our device. After much design iteration, the final device consists of a capsule-and-chamber that is better able to meet these requirements overall. It houses the electronics used to detect fluorescence as well as the capsule containing the bacterial solution. Taking inspiration from glow sticks (yes, glow sticks!), you bend and twist the tube which releases the bacterial solution into the reaction chamber within the device. The blueprints and 3D models of this can be found in the sections below. We plan to have these parts laser cut and ready for the Giant Jamboree!

MICROFLUIDICS

BLUEPRINTS

FINAL DEVICE