Difference between revisions of "Team:TU Delft"

Line 16: Line 16:
 
         <link rel="stylesheet" href="https://2016.igem.org/Template:TU_Delft/Style?action=raw&ctype=text/css">
 
         <link rel="stylesheet" href="https://2016.igem.org/Template:TU_Delft/Style?action=raw&ctype=text/css">
 
   
 
   
  <style type='text/css'>
+
        <style type='text/css'>
      #top_title, #sideMenu{
+
          #top_title, #sideMenu{
        display: none;
+
            display: none;
      }
+
          }
 +
 
 +
          #content{
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
            background: #f3f4f4;}
  
      #content{
 
        width: 100%;
 
        margin: 0;
 
        padding: 0;
 
        background: #f3f4f4;}
 
     
 
  
 
        
 
        
    </style>
+
        </style>
  
 
     </head>
 
     </head>
Line 37: Line 37:
  
  
    <!-- Carousel
+
        <!-- Carousel
    ================================================== -->
+
        ================================================== -->
    <div id="homeCarousel" class="carousel slide carousel-home" data-ride="carousel">
+
        <div id="homeCarousel" class="carousel slide carousel-home" data-ride="carousel">
  
  
          <div class="carousel-inner" role="listbox">
+
              <div class="carousel-inner" role="listbox">
  
  
  
            <div class="item active">
+
                <div class="item active">
  
              <img src="https://static.igem.org/mediawiki/2016/2/2e/T--TU_Delft--header.jpg" alt="">
+
                  <img src="https://static.igem.org/mediawiki/2016/2/2e/T--TU_Delft--header.jpg" alt="">
  
              <div class="container">
+
                  <div class="container">
  
                <div class="carousel-caption">
+
                    <div class="carousel-caption">
  
                  <h2 class="carousel-title bounceInDown animated slow">TU Delft 2016</h2>
+
                      <h2 class="carousel-title bounceInDown animated slow">TU Delft 2016</h2>
                  <h4 class="carousel-subtitle bounceInUp animated slow ">Welcome to our wiki!</h4>
+
                      <h4 class="carousel-subtitle bounceInUp animated slow ">Welcome to our wiki!</h4>
                 
+
                </div> <!-- /.carousel-caption -->
+
  
              </div>
+
                    </div> <!-- /.carousel-caption -->
  
            </div> <!-- /.item -->
+
                  </div>
  
 +
                </div> <!-- /.item -->
  
          </div>
 
  
    </div><!-- /.carousel -->
+
              </div>
  
 +
        </div><!-- /.carousel -->
  
   
+
        <div class="container-fluid">
    <!--
+
        <div class="section-home about-us">
  
    <div class="section-home about-us">
+
                <div class="col-sm-2">
 
+
                    <div class="about-us-col">
            <div class="col-sm-2">
+
                        <div class="col-icon-wrapper">
                <div class="about-us-col">
+
                            <i class="fa fa-flask fa-5x"></i>
                    <div class="col-icon-wrapper">
+
                        <img src="https://2016.igem.org/Team:TU_Delft/Project" alt="">
+
                    </div>
+
                    <h3 class="col-title">Our Project</h3>
+
                    <div class="col-details">
+
                        <p></p>
+
 
                         </div>
 
                         </div>
                    <a href="#" class="btn btn-primary"> Read more </a>
+
                        <h3 class="col-title">Our Project</h3>
                </div>
+
                        <div class="col-details">
            </div>
+
                            <p></p>
            <div class="col-sm-2">
+
                            </div>
                <div class="about-us-col">
+
                         <a href="https://2016.igem.org/Team:TU_Delft/Project" class="btn btn-primary"> Read more </a>
                    <div class="col-icon-wrapper">
+
                         <img src="https://2016.igem.org/Team:TU_Delft/Attributions#sponsor" alt="">
+
 
                     </div>
 
                     </div>
                     <h3 class="col-title">Our Sponsors</h3>
+
                </div>
                    <div class="col-details">
+
                <div class="col-sm-2">
                        <p></p>
+
                     <div class="about-us-col">
 +
                        <div class="col-icon-wrapper">
 +
                            <i class="fa fa-money fa-5x"></i>
 +
                        </div>
 +
                        <h3 class="col-title">Our Sponsors</h3>
 +
                        <div class="col-details">
 +
                            <p></p>
 +
                        </div>
 +
                        <a href="https://2016.igem.org/Team:TU_Delft/Attributions#sponsor" class="btn btn-primary"> Read more </a>
 
                     </div>
 
                     </div>
                    <a href="#" class="btn btn-primary"> Read more </a>
 
 
                 </div>
 
                 </div>
            </div>
+
                <div class="col-sm-2">
            <div class="col-sm-2">
+
                    <div class="about-us-col">
                <div class="about-us-col">
+
                        <div class="col-icon-wrapper">
                    <div class="col-icon-wrapper">
+
                            <i class="fa fa-area-chart fa-5x"></i>
                         <img src="https://2016.igem.org/Team:TU_Delft/Modeling" alt="">
+
                        </div>
 +
                        <h3 class="col-title">Modeling</h3>
 +
                        <div class="col-details">
 +
                            <p></p>
 +
                        </div>
 +
                         <a href="https://2016.igem.org/Team:TU_Delft/Modeling" class="btn btn-primary"> Read more </a>
 
                     </div>
 
                     </div>
                    <h3 class="col-title">Our modeling</h3>
 
                    <div class="col-details">
 
                        <p></p>
 
                    </div>
 
                    <a href="#" class="btn btn-primary"> Read more </a>
 
 
                 </div>
 
                 </div>
            </div>
+
                <div class="col-sm-2">
            <div class="col-sm-2">
+
                    <div class="about-us-col">
                <div class="about-us-col">
+
                        <div class="col-icon-wrapper">
                    <div class="col-icon-wrapper">
+
                            <i class="fa fa-cog fa-spin fa-5x fa-fw"></i>
                         <img src="https://2016.igem.org/Team:TU_Delft/Collaborations" alt="">
+
                        </div>
 +
                        <h3 class="col-title">Hardware</h3>
 +
                        <div class="col-details">
 +
                            <p></p>
 +
                        </div>
 +
                         <a href="https://2016.igem.org/Team:TU_Delft/Hardware" class="btn btn-primary"> Read more </a>
 
                     </div>
 
                     </div>
                    <h3 class="col-title">Our collaborations</h3>
 
                    <div class="col-details">
 
                        <p></p>
 
                    </div>
 
                    <a href="#" class="btn btn-primary"> Read more </a>
 
 
                 </div>
 
                 </div>
            </div>
+
                <div class="col-sm-2">
            <div class="col-sm-2">
+
                    <div class="about-us-col">
                <div class="about-us-col">
+
                        <div class="col-icon-wrapper">
                    <div class="col-icon-wrapper">
+
                            <i class="fa fa-puzzle-piece fa-5x"></i>
                         <img src="https://2016.igem.org/Team:TU_Delft/Parts" alt="">
+
                        </div>
 +
                        <h3 class="col-title">Our parts</h3>
 +
                        <div class="col-details">
 +
                            <p></p>
 +
                        </div>
 +
                         <a href="https://2016.igem.org/Team:TU_Delft/Parts" class="btn btn-primary"> Read more </a>
 
                     </div>
 
                     </div>
                    <h3 class="col-title">Our parts</h3>
 
                    <div class="col-details">
 
                        <p></p>
 
                    </div>
 
                    <a href="#" class="btn btn-primary"> Read more </a>
 
 
                 </div>
 
                 </div>
            </div>
+
                <div class="col-sm-2">
            <div class="col-sm-2">
+
                    <div class="about-us-col">
                <div class="about-us-col">
+
                        <div class="col-icon-wrapper">
                    <div class="col-icon-wrapper">
+
                            <i class="fa fa-users fa-5x"></i>
                         <img src="https://2016.igem.org/Team:TU_Delft/Team" alt="">
+
                        </div>
 +
                        <h3 class="col-title">Our Team</h3>
 +
                        <div class="col-details">
 +
                            <p></p>
 +
                        </div>
 +
                         <a href="https://2016.igem.org/Team:TU_Delft/Team" class="btn btn-primary"> Read more </a>
 
                     </div>
 
                     </div>
                    <h3 class="col-title">Our Team</h3>
 
                    <div class="col-details">
 
                        <p></p>
 
                    </div>
 
                    <a href="#" class="btn btn-primary"> Read more </a>
 
 
                 </div>
 
                 </div>
             </div>
+
             </div> <!-- /.about-us -->
 
         </div>
 
         </div>
   
 
    </div> <!-- /.about-us -->
 
  
    <div class="didyouknow">
+
        <div class="didyouknow">
        <img src="https://static.igem.org/mediawiki/2016/3/38/T--TU_Delft--DidYouKnow.png" alt="">
+
            <img src="https://static.igem.org/mediawiki/2016/3/38/T--TU_Delft--DidYouKnow.png" alt="">
        <p style="font-family: Arial Black font-weight:900">We use DNA from sponges to create a little glass-like layer around our cells.</p>                                 
+
            <p style="font-family: Arial Black font-weight: 900">We use DNA from sponges to create a little glass-like layer around our cells.</p>                                 
    </div>
+
        </div>
  
  
    <div class="section-home home-reasons">
+
        <div class="section-home home-reasons">
  
        <div class="container">
+
            <div class="container">
  
            <div class="row">
+
                <div class="row">
               
+
                <div class="col-md-6">
+
  
                     <div class="reasons-col">
+
                     <div class="col-md-6">
  
                        <div class="reasons-titles">
+
                        <div class="reasons-col">
  
                            <h3 class="reasons-title"><a href="https://2016.igem.org/Team:TU_Delft/Project#description">BIOLASERS</a></h3>
+
                            <div class="reasons-titles">
                            <h5 class="reason-subtitle"></h5>
+
                           
+
                        </div>
+
  
                        <img src="https://static.igem.org/mediawiki/2016/b/bd/TU_Delft_frontlaser.png" alt="laser">
+
                                <h3 class="reasons-title"><a href="https://2016.igem.org/Team:TU_Delft/Project#description">BIOLASERS</a></h3>
 +
                                <h5 class="reason-subtitle"></h5>
  
                       
+
                            </div>
                        <div class="on-hover hidden-xs">
+
 
                           
+
                            <img src="https://static.igem.org/mediawiki/2016/b/bd/TU_Delft_frontlaser.png" alt="laser">
                            <p> <strong>Imaging cells </strong>is essential for understanding life at the smallest scale and fighting cellular diseases like cancer. Imaging often relies on <strong>fluorescence</strong>, but fluorescent proteins have some drawbacks, such as their wide spectrum and low intensity.</p>
+
 
                            <p> Our <strong>biolasers</strong> will provide an accurate, safe and biological way to improve this.</p>
+
 
                            <p> Fluorescence is the ability of a molecule to take up the energy of a photon and release it again, which makes the molecule light up.<strong> Lasing</strong> works with the same principle as fluorescence, but now the light source is put between <strong>mirrors</strong>. The photons keep <strong>‘bouncing’</strong>, increasing the energy of the system. When the light gets a certain power, the photons can escape in the form of a laser beam.</p>
+
                            <div class="on-hover hidden-xs">
                            <p>A biolaser is achieved by trapping fluorescent proteins inside a <strong>reflective agent</strong>. We have chosen two reflective agents: bioglass (polysilicate) and bioplastic (PHB). By covering a cell with <strong>polysilicate</strong>, the photons can resonate inside the cell, making a whole-cell laser. The polysilicate is synthesized by an enzyme called <strong>silicatein</strong>, which is expressed on the cell wall by fusion to membrane proteins. By filling a cell with <strong>PHB</strong>, which forms intracellular granules, the photons can resonate inside a part of the cell, making an intracellular laser. The PHB is synthesized after expressing the pha-operon. By fusing the GFP to the PHB synthase, the GFP is relocated into the <strong>PHB granules</strong>.</p>                                 
+
 
 +
                                <p> <strong>Imaging cells </strong>is essential for understanding life at the smallest scale and fighting cellular diseases like cancer. Imaging often relies on <strong>fluorescence</strong>, but fluorescent proteins have some drawbacks, such as their wide spectrum and low intensity.</p>
 +
                                <p> Our <strong>biolasers</strong> will provide an accurate, safe and biological way to improve this.</p>
 +
                                <p> Fluorescence is the ability of a molecule to take up the energy of a photon and release it again, which makes the molecule light up.<strong> Lasing</strong> works with the same principle as fluorescence, but now the light source is put between <strong>mirrors</strong>. The photons keep <strong>‘bouncing’</strong>, increasing the energy of the system. When the light gets a certain power, the photons can escape in the form of a laser beam.</p>
 +
                                <p>A biolaser is achieved by trapping fluorescent proteins inside a <strong>reflective agent</strong>. We have chosen two reflective agents: bioglass (polysilicate) and bioplastic (PHB). By covering a cell with <strong>polysilicate</strong>, the photons can resonate inside the cell, making a whole-cell laser. The polysilicate is synthesized by an enzyme called <strong>silicatein</strong>, which is expressed on the cell wall by fusion to membrane proteins. By filling a cell with <strong>PHB</strong>, which forms intracellular granules, the photons can resonate inside a part of the cell, making an intracellular laser. The PHB is synthesized after expressing the pha-operon. By fusing the GFP to the PHB synthase, the GFP is relocated into the <strong>PHB granules</strong>.</p>                                 
 +
                            </div>
 
                         </div>
 
                         </div>
 +
 
                     </div>
 
                     </div>
                   
 
                </div>
 
  
  
                <div class="col-md-6">
+
                    <div class="col-md-6">
  
                    <div class="reasons-col">
+
                        <div class="reasons-col">
         
+
                        <div class="reasons-titles">
+
  
                            <h3 class="reasons-title"><a href="https://2016.igem.org/Team:TU_Delft/Project#description">BIOLENSES</a></h3>
+
                            <div class="reasons-titles">
                            <h5 class="reason-subtitle"></h5>
+
                           
+
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2016/7/71/TU_Delft_frontlens.png" alt="lenses">                  
+
  
                        <div class="on-hover hidden-xs">
+
                                <h3 class="reasons-title"><a href="https://2016.igem.org/Team:TU_Delft/Project#description">BIOLENSES</a></h3>
                           
+
                                <h5 class="reason-subtitle"></h5>
                            <p><strong>Microlenses</strong> are an emerging field in technology and have a ton of applications, including high-tech cameras, chips, solar panels and research & imaging techniques. However, they are expensive, hard to fabricate and the production uses heavy chemicals and high temperatures, so it is bad for the <strong>environment</strong>. </p>
+
                            <p>Our biological microlens will be cheap, easy to make and environmentally friendly.</p>
+
                            <p>When we cover a cell with <strong>polysilicate</strong>, using the enzyme <strong>silicatein</strong>, we are able to make a biological microlens. By overexpressing either the transcriptional regulator bolA or the cell division inhibitor sulA we can play with cell <strong>morphology</strong> and investigate <strong>optical properties</strong>. These enlarged cells can also be used in the lasing experiments. The single cell will be able to diffract light as a <strong>single microlens</strong>. When we make a grid of lenses, a <strong>microlens array</strong>, we can use the lens for a coating for solar panels, thin lightweight cameras with high resolution or 3D screens.</p>                              
+
                        </div>
+
  
 +
                            </div>
 +
                            <img src="https://static.igem.org/mediawiki/2016/7/71/TU_Delft_frontlens.png" alt="lenses">                   
 +
 +
                            <div class="on-hover hidden-xs">
 +
 +
                                <p><strong>Microlenses</strong> are an emerging field in technology and have a ton of applications, including high-tech cameras, chips, solar panels and research & imaging techniques. However, they are expensive, hard to fabricate and the production uses heavy chemicals and high temperatures, so it is bad for the <strong>environment</strong>. </p>
 +
                                <p>Our biological microlens will be cheap, easy to make and environmentally friendly.</p>
 +
                                <p>When we cover a cell with <strong>polysilicate</strong>, using the enzyme <strong>silicatein</strong>, we are able to make a biological microlens. By overexpressing either the transcriptional regulator bolA or the cell division inhibitor sulA we can play with cell <strong>morphology</strong> and investigate <strong>optical properties</strong>. These enlarged cells can also be used in the lasing experiments. The single cell will be able to diffract light as a <strong>single microlens</strong>. When we make a grid of lenses, a <strong>microlens array</strong>, we can use the lens for a coating for solar panels, thin lightweight cameras with high resolution or 3D screens.</p>                               
 +
                            </div>
 +
 +
 +
                        </div>
  
 
                     </div>
 
                     </div>
                   
+
 
 +
 
 
                 </div>
 
                 </div>
  
  
            </div>
 
         
 
 
 
  
 +
            </div>
 
         </div>
 
         </div>
    </div>
 
 
  
  
    <!--  Scripts================================================== -->
 
  
    <script type="text/javascript" src="https://2016.igem.org/Template:TU_Delft/JS?action=raw&ctype=text/javascript"></script>
+
        <!--  Scripts================================================== -->
  
    <!-- jQuery -->
+
        <script type="text/javascript" src="https://2016.igem.org/Template:TU_Delft/JS?action=raw&ctype=text/javascript"></script>
    <script type="text/javascript" src="https://2016.igem.org/Template:TU_Delft/jQuery?action=raw&ctype=text/javascript"></script>
+
 
 +
        <!-- jQuery -->
 +
        <script type="text/javascript" src="https://2016.igem.org/Template:TU_Delft/jQuery?action=raw&ctype=text/javascript"></script>
 +
 
 +
        <!-- Bootsrap javascript file -->
 +
        <script type="text/javascript" src="https://2016.igem.org/Template:TU_Delft/BootstrapJS?action=raw&ctype=text/javascript"></script>
  
    <!-- Bootsrap javascript file -->
 
    <script type="text/javascript" src="https://2016.igem.org/Template:TU_Delft/BootstrapJS?action=raw&ctype=text/javascript"></script>
 
  
 
    
 
    
 
+
    </body>
</body>
+
 
</html>
 
</html>
 
{{:Team:TU_Delft/Footer}}
 
{{:Team:TU_Delft/Footer}}

Revision as of 16:01, 2 August 2016

iGEM TU Delft

Our Project

Read more

Our Sponsors

Read more

Modeling

Read more

Hardware

Read more

Our parts

Read more

Our Team

Read more

We use DNA from sponges to create a little glass-like layer around our cells.

laser
lenses