Difference between revisions of "Team:Ionis Paris/Bioluminescence"

(Created page with "{{IONIS_HEADER}} <html> <!-- ====Google font==== --> <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic,300italic...")
 
 
(15 intermediate revisions by 3 users not shown)
Line 7: Line 7:
 
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='text/css'>
  
−
        <!-- Nos feuilles de style -->
+
  <!-- Nos feuilles de style -->
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-test?action=raw&ctype=text/css" />
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css-template?action=raw&ctype=text/css" />
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
+
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
 
          
 
          
−
          <!-- ====HEADER START==== -->
+
          
−
         <header class="header_area navbar hidden-xs">
+
 
−
            <div class="container-fluid">
+
−
                <div class="row top_menu_area">
+
−
                    <div class="col-xs-12 col-sm-3">
+
−
                        <!-- START LOGO AREA -->
+
−
                        <div class="logo_area">
+
−
                            <a href="index.html">
+
−
                                <img src="img/igem_logo.svg" alt="theme logo" class="main_logo ">
+
−
                            </a>
+
−
                        </div>
+
−
                        <!-- END LOGO AREA -->
+
−
                    </div>
+
−
                    <div class="col-xs-12 col-sm-9">
+
−
                        <!-- START MENU AREA -->
+
−
                        <nav class="navbar-collapse collapse in">
+
−
                            <ul class="nav navbar-nav navbar-right menu">
+
−
                                <li class="smoth-scroll active">
+
−
                                    <a data-hover="Project" href="#body">Project</a>
+
−
                                    <ul class="sub_menu">
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index.html">Motivation</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-2.html">Biology</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-3.html">Engineering</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-4.html">Applications and perspectives</a>
+
−
                                        </li>
+
−
                                 
+
−
                                    </ul>
+
−
                                </li>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a data-hover="At the lab" href="#at the lab">At the lab</a>
+
−
                                    <ul class="sub_menu">
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index.html">Working at La Paillasse</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-2.html">Biobrick design</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-3.html">Strategy of conception</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-4.html">Protocol</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-4.html">Notebook</a>
+
−
                                        </li>
+
−
                                 
+
−
                                    </ul>
+
−
                                </li>
+
−
                                        <li class="smoth-scroll">
+
−
                                    <a data-hover="Side-projects" href="#Side-projects">Side-projects</a>
+
−
                                    <ul class="sub_menu">
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index.html">CelloCad</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-2.html">Collaborations</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-3.html">Light analysis</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="index-4.html">Mobile application</a>
+
−
                                        </li>
+
−
                                       
+
−
                                 
+
−
                                    </ul>
+
−
                                </li>
+
−
                               
+
−
                                </li>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a data-hover="results" href="#reults">Results</a>
+
−
                                    <ul class="sub_menu">
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="blog_grid.html">Parts</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="blog-left_sidebar.html">Characterization</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="blog-right_sidebar.html">Proof of concept and Hardware</a>
+
−
                                        </li>
+
−
                                        <li class="waves-effect waves">
+
−
                                            <a href="single_blog-full.html">Outreach</a>
+
−
                                        </li>
+
−
                                   
+
−
                                    </ul>
+
−
                                </li>
+
−
                                  <li class="smoth-scroll">
+
−
                                    <a data-hover="Human Practice" href="Human Practice">Human Practice</a>
+
−
                                </li>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a data-hover="Team" href="team.html">Team</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </nav>
+
−
                        <!-- END MENU AREA -->
+
−
                       
+
−
                        <!-- Mobile Menu Start -->
+
−
                        <nav class="mobile_menu hidden">
+
−
                            <ul>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a href="#body">Project</a>
+
−
                                    <ul>
+
−
                                        <li>
+
−
                                            <a href="index.html">Home Page 1</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="index-2.html">Home Page 2</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="index-3.html">Home Page 3</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="index-4.html">Home Page 4</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="index-5.html">Home Page 5</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="index-6.html">Home Page 6</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="index-7.html">Home Page 7</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="index-8.html">Home Page 8</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="index-9.html">Home Page 9</a>
+
−
                                        </li>
+
−
                                    </ul>
+
−
                                </li>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a href="#services">Services</a>
+
−
                                </li>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a href="#about">About</a>
+
−
                                </li>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a href="#Portfolio">Portfolio</a>
+
−
                                    <ul>
+
−
                                        <li>
+
−
                                            <a href="protfolio-1.html">Protfolio 1</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="protfolio-2.html">Protfolio 2</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="protfolio-3.html">Protfolio 3</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="case_study.html">Case Study</a>
+
−
                                        </li>
+
−
                                    </ul>
+
−
                                </li>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a href="#blog">Blog</a>
+
−
                                    <ul>
+
−
                                        <li>
+
−
                                            <a href="blog_grid.html">Blog Grid</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="blog-left_sidebar.html">Blog Left Sidebar</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="blog-right_sidebar.html">Blog Right Sidebar</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="single_blog-full.html">Single Blog Full</a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                          <a href="single_blog-left_sidebar.html">
+
−
                                                Single Blog Left Sidebar
+
−
                                            </a>
+
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="single_blog-right_sidebar.html">
+
−
                                                Single Blog Right Sidebar
+
−
                                            </a>
+
−
                                        </li>
+
−
                                    </ul>
+
−
                                </li>
+
−
                                <li class="smoth-scroll">
+
−
                                    <a href="#contact">Contact US</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </nav>
+
−
                        <!-- Mobile Menu End -->
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </header>                       
+
−
        <!-- ====HEADER END==== --> 
+
 
          
 
          
 
         <!-- ====BREADCUM START==== -->  
 
         <!-- ====BREADCUM START==== -->  
Line 219: Line 21:
 
                     <div class="col-sm-12">
 
                     <div class="col-sm-12">
 
                         <div class="banner_title">
 
                         <div class="banner_title">
−
                             <h1>Bioluminescence</h1>
+
                             <h1 id="back_to_the_top">Bioluminescence</h1>
 
                              
 
                              
 
                         </div>
 
                         </div>
Line 235: Line 37:
 
                         <div class="col-xs-12 col-sm-8">
 
                         <div class="col-xs-12 col-sm-8">
 
                             <div class="bloggrid_left">
 
                             <div class="bloggrid_left">
−
                                <figure class="postImg waves-effect">
+
                             
−
                                    <img src="img/blog_full.jpg" alt="">
+
                                <h5 class="smallHd">What is bioluminescence ?</h5>
−
                                </figure>
+
                                <h2 class="secHd">Description & mechanisms</h2>
−
                                <div class="blog_top">
+
−
                                    <h4 class="blog_topHd">What is Bioluminescence ? </h4>
+
−
                                 
+
−
                                </div>
+
 
                                 <div class="blog_content">
 
                                 <div class="blog_content">
−
                                    <p>Bioluminescence is a chemical reaction based on the oxidation of a substrate called luciferin, a light emitting pigment, by the luciferase enzyme, which results in energy emission in the form of light production. The energy generated is more than sufficient to provide the 60 Kcal mol-1 necessary for light emission. This is, however, an energetically costly process This phenomenon is widely observable in nature: it is used by numerous organisms (bacteria, fungi, marine organisms) for different purposes such as reproduction and predation.
+
 
−
It must not be mistaken with fluorescence, which comes from the restitution of an absorbed photon by an excited molecule[1][2][3]
+
<p>Bioluminescence is a chemical reaction based on the oxidation of a substrate called luciferin (a light emitting pigment) by the luciferase enzyme, which results in energy emission in the form of light. This process requires six ATP molecules for each photon emitted.<br/>
−
                                  <h4 class="blog_topHd">Application of Bioluminescence in environmental monitoring </h4>
+
This phenomenon is widely observable in nature: it is used by numerous organisms (bacteria, fungi, marine organisms) for different purposes such as reproduction and predation. It must not be mistaken with fluorescence, which comes from the restitution of an absorbed photon by an excited molecule [1][2][3]</p>
−
                              <p>Those applications include construction of biosensors for detection of contaminants, measurement of pollutant toxicity, indicators of cellular metabolic activity, detection of pathogens and monitoring of genetically engineered bacteria released into the environment.
+
 
−
Biosensors are particularly useful in bioremediation studies and can be utilized to determine the presence and concentrations of specific pollutants as well as to distinguish between bioavailable forms of pollutants from those that exist in the environment in inert, unavailable forms[1]
+
 
−
</p>
+
 
−
<p>[1]Nunes-Halldorson, V. da S., and Duran, N.L. (2003). Bioluminescent bacteria: lux genes as environmental biosensors. Brazilian Journal of Microbiology 34.
+
                             
−
[2] Wu, N., Rathnayaka, T., and Kuroda, Y. (2015). Bacterial expression and re-engineering of Gaussia princeps luciferase and its use as a reporter protein. Biochimica et Biophysica Acta (BBA) - Proteins and Proteomics 1854, 1392–1399.
+
                                    <img src="https://static.igem.org/mediawiki/2016/0/00/T--Ionis_Paris--Biosensorfig2.png" alt="">
−
[3] Wiles, S., Ferguson, K., Stefanidou, M., Young, D.B., and Robertson, B.D. (2005). Alternative Luciferase for Monitoring Bacterial Cells under Adverse Conditions. Applied and Environmental Microbiology 71, 3427–3432.
+
−
</p>
+
 
                                  
 
                                  
 +
 +
 +
 +
                                  <h5 class="smallHd">Environmental monitoring </h5>
 +
                                  <h2 class="secHd">Application</h2>
 +
                             
 +
<p>Applications include construction of biosensors for detection of pollutants and pathogens. It can be used to monitor genetically engineered bacteria released into the environment.
 +
Biosensors are particularly useful in bioremediation studies in which they can be used to determine the presence, bioavailability, and concentrations of specific pollutants. </p>
 +
 +
<p>Bioluminescence as an indicator of cellular metabolic activity can be used to monitor the biological activity and toxicity of pollutants.[1]<p>
 +
 +
 +
                                   
 +
 +
<p><b>Rferences (Links are provided when available):</b></p>
 +
 +
<ol>
 +
      <li><p><a href="http://www.scielo.br/scielo.php?pid=s1517-83822003000200001&script=sci_arttext"><font color="DeepPink">Nunes-Halldorson, V. da S., and Duran, N.L. (2003). Bioluminescent bacteria: lux genes as environmental biosensors. Brazilian Journal of Microbiology 34.</font></a></p>
 +
    </li>
 +
 +
      <li><p><a href="http://www.sciencedirect.com/science/article/pii/S157096391500148X"><font color="DeepPink">Wu, N., Rathnayaka, T., and Kuroda, Y. (2015). Bacterial expression and re-engineering of Gaussia princeps luciferase and its use as a reporter protein. Biochimica et Biophysica Acta (BBA) - Proteins and Proteomics 1854, 1392–1399.</font></a></p>
 +
    </li>
 +
 +
      <li><p><a href="http://aem.asm.org/content/71/7/3427.short"><font color="DeepPink">Wiles, S., Ferguson, K., Stefanidou, M., Young, D.B., and Robertson, B.D. (2005). Alternative Luciferase for Monitoring Bacterial Cells under Adverse Conditions. Applied and Environmental Microbiology 71, 3427–3432.</font></a></p>
 +
    </li>
 +
</ol>
 +
                     
 
                                 </div>
 
                                 </div>
 
                                
 
                                
Line 273: Line 96:
 
         <!-- ====END BLOG TABLE==== -->
 
         <!-- ====END BLOG TABLE==== -->
 
          
 
          
−
        <!-- ====START SOCIAL Link==== -->
+
  <!-- ====START SOCIAL Link==== -->
−
        <div class="footer_social">
+
    <div class="footer_social">
−
            <div class="container-fluid">
+
        <div class="container-fluid">
−
                <div class="row">
+
            <div class="row">
−
                    <ul class="ft_top clearfix">
+
                <ul class="ft_top clearfix">
−
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
−
                            <a href="#" target="_blank">
+
                        <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
−
                                <i class="zmdi zmdi-facebook "></i>Facebook
+
                            <i class="zmdi zmdi-facebook "></i>Facebook
−
                            </a>
+
                        </a>
−
                        </li>  
+
                    </li>
−
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
−
                            <a href="#" target="_blank">
+
                        <a href="https://twitter.com/igem_ionis" target="_blank">
−
                                <i class="zmdi zmdi-twitter"></i>Twitter
+
                            <i class="zmdi zmdi-twitter"></i>Twitter
−
                            </a>
+
                        </a>
−
                        </li>  
+
                    </li>
−
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
−
                            <a href="#" target="_blank">
+
                        <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
−
                                <i class="zmdi zmdi-flickr"></i>Flickr
+
                            <i class="zmdi zmdi-youtube"></i>youtube
−
                            </a>
+
                        </a>
−
                        </li>
+
                    </li>
−
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
−
                            <a href="#" target="_blank">
+
                        <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
−
                                <i class="zmdi zmdi-linkedin"></i>LinkedIn
+
                            <i class="zmdi zmdi-linkedin"></i>LinkedIn
−
                            </a>
+
                        </a>
−
                        </li>  
+
                    </li>
−
                        <li class="waves-effect waves-light">
+
 
−
                            <a href="#" target="_blank">
+
                 </ul>
−
                                <i class="zmdi zmdi-dribbble"></i>Dribble
+
−
                            </a>
+
−
                        </li>
+
−
                        <li class="waves-effect waves-light">
+
−
                            <a href="#" target="_blank">
+
−
                                <i class="zmdi zmdi-vimeo"></i>Vimeo
+
−
                            </a>
+
−
                        </li>  
+
−
                    </ul>
+
−
                 </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <!-- ====END FOOTER TOP==== -->
+
    </div>
−
       
+
    <!-- ====END FOOTER TOP==== -->
−
        <!-- ====START FOOTER AREA==== -->
+
 
−
        <footer class="footer_area">
+
    <!-- ====START FOOTER AREA==== -->
−
            <div class="footer_middle">
+
    <footer class="footer_area">
−
                <div class="container">
+
        <div class="footer_middle">
−
                    <div class="row">
+
            <div class="container">
−
                        <div class="col-xs-12">
+
                <div class="row">
−
                            <div class="scroll_area">
+
                    <div class="col-xs-12">
 +
                        <div class="scroll_area">
 +
                            <div class="sroll_top">
 +
                                <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
                </div>
 +
                <div class="row">
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                             <div class="middle_content">
 
                             <div class="middle_content">
−
                                 <h4>More about us</h4>
+
                                 <h4>iGEM IONIS</h4>
−
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines. ou’re going to need to make sure your pages are optimized properly.
+
                                 <p> We're a group of six different schools from the IONIS Education Group. For this
−
            Read More</p>
+
                                    competition we wanted to take advantage of the multiple schools and fields of activity
−
                              <a href="#">Read More</a>
+
                                    given by the IONIS education group to create a solid project.</p>
 +
                                <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
Line 339: Line 159:
 
                                     <ul>
 
                                     <ul>
 
                                         <li><i class="zmdi zmdi-pin"></i>
 
                                         <li><i class="zmdi zmdi-pin"></i>
−
                                             <span>Location: Lorance Road 542B,5248 MT, Wordwide Country</span>
+
                                             <span>Location: 66 Rue Guy Môquet, 94800 Villejuif, France</span>
−
                                        </li>
+
−
                                        <li><i class="zmdi zmdi-phone"></i>
+
−
                                            <a href="tel:123-456-7890">Phone: 123-456-7890</a>
+
 
                                         </li>
 
                                         </li>
 +
 
                                         <li><i class="zmdi zmdi-email"></i>
 
                                         <li><i class="zmdi zmdi-email"></i>
−
                                             <a href="mailto:contact@domain.com">email: contact@domain.com</a>
+
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
−
                                        </li>
+
−
                                        <li><i class="zmdi zmdi-globe"></i>
+
−
                                            <a href="#">www.domain.com</a>
+
 
                                         </li>
 
                                         </li>
 +
 
                                     </ul>
 
                                     </ul>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div class="col-lg-3 col-md-3 col-sm-5">
+
                    <div class="col-lg-3 col-md-3 col-sm-5">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
−
                                 <h4>Galleries</h4>
+
                                 <h4>Download the app</h4>
−
                                 <figure class="widget_gallery">
+
                                 <a href="https://itunes.apple.com/us/app/quantifly/id1166875690?ls=1&mt=8"
−
                                    <div class="RXcircleEffect"></div>
+
                                  target="_blank" style="target-new: tab;">
−
                                    <img src="img/gallery_1.jpg" alt="" />
+
                                    <figure class="widget_gallery">
−
                                    <figcaption>
+
                                        <div class="RXcircleEffect"></div>
−
                                         <a class="veno vbox-item" href="img/gallery_1.jpg" data-gall="group_4">
+
                                        <img src="https://static.igem.org/mediawiki/2016/8/8d/IONIS_IGEM_paris_logo_apple.png"
 +
                                            alt="" />
 +
                                         <figcaption>
 
                                             <i class="zmdi zmdi-link"></i>
 
                                             <i class="zmdi zmdi-link"></i>
−
                                         </a>
+
                                         </figcaption>
−
                                     </figcaption>
+
                                     </figure>
−
                                 </figure>
+
                                 </a>
−
                                 <figure class="widget_gallery">
+
                                 <a href="https://play.google.com/store/apps/details?id=fr.plnech.quantifly&hl=en"
−
                                    <div class="RXcircleEffect"></div>
+
                                  target="_blank" style="target-new: tab;">
−
                                    <img src="img/gallery_2.jpg" alt="" />
+
                                    <figure class="widget_gallery">
−
                                    <figcaption>
+
                                        <div class="RXcircleEffect"></div>
−
                                         <a class="veno vbox-item" href="img/gallery_2.jpg" data-gall="group_4">
+
                                        <img src="https://static.igem.org/mediawiki/2016/6/65/IONIS_IGEM_paris_google_play.png"
 +
                                            alt="" />
 +
                                         <figcaption>
 
                                             <i class="zmdi zmdi-link"></i>
 
                                             <i class="zmdi zmdi-link"></i>
−
                                         </a>
+
                                         </figcaption>
−
                                    </figcaption>
+
                                     </figure>
−
                                </figure>
+
                                 </a>
−
                                <figure class="widget_gallery">
+
 
−
                                     <div class="RXcircleEffect"></div>
+
                       
−
                                    <img src="img/gallery_3.jpg" alt="" />
+
−
                                    <figcaption>
+
−
                                        <a class="veno vbox-item" href="img/gallery_3.jpg" data-gall="group_4">
+
−
                                            <i class="zmdi zmdi-link"></i>
+
−
                                        </a>
+
−
                                    </figcaption>
+
−
                                </figure>
+
−
                                 <figure class="widget_gallery">
+
−
                                    <div class="RXcircleEffect"></div>
+
−
                                    <img src="img/gallery_4.jpg" alt="" />
+
−
                                    <figcaption>
+
−
                                        <a class="veno vbox-item" href="img/gallery_4.jpg" data-gall="group_4">
+
−
                                            <i class="zmdi zmdi-link"></i>
+
−
                                        </a>
+
−
                                    </figcaption>
+
−
                                </figure>
+
−
                                <figure class="widget_gallery">
+
−
                                    <div class="RXcircleEffect"></div>
+
−
                                    <img src="img/gallery_5.jpg" alt="" />
+
−
                                    <figcaption>
+
−
                                        <a class="veno vbox-item" href="img/gallery_5.jpg" data-gall="group_4">
+
−
                                            <i class="zmdi zmdi-link"></i>
+
−
                                        </a>
+
−
                                    </figcaption>
+
−
                                </figure>
+
−
                                <figure class="widget_gallery">
+
−
                                    <div class="RXcircleEffect"></div>
+
−
                                    <img src="img/gallery_6.jpg" alt="" />
+
−
                                    <figcaption>
+
−
                                        <a class="veno vbox-item" href="img/gallery_6.jpg" data-gall="group_4">
+
−
                                            <i class="zmdi zmdi-link"></i>
+
−
                                        </a>
+
−
                                    </figcaption>
+
−
                                </figure>
+
 
                             </div>
 
                             </div>
 
                         </div>  
 
                         </div>  
 +
 
                     </div>
 
                     </div>
 +
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 422: Line 210:
 
                             <div class="col-md-7 fix_p_l">
 
                             <div class="col-md-7 fix_p_l">
 
                                 <nav>
 
                                 <nav>
−
                                     <ul class="ft_bottom">    
+
                                     <ul class="ft_bottom">
−
                                         <li><a href="#">Home</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
−
                                         <li><a href="#">Services</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Working_at_La_Paillasse">in the Lab</a></li>
−
                                         <li><a href="#"> About </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Measurement"> Side Projects</a></li>
−
                                         <li><a href="#">Portfolio</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Parts">Results</a></li>
−
                                         <li><a href="#">Blog </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/HPintro">Human
−
                                         <li><a href="#">Contact US</a></li>
+
                                            Practice</a></li>
 +
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Team">Team</a></li>
 
                                     </ul>
 
                                     </ul>
 
                                 </nav>
 
                                 </nav>
Line 434: Line 223:
 
                             <div class="col-md-5 fix_p">
 
                             <div class="col-md-5 fix_p">
 
                                 <div class="ft_paragraph">
 
                                 <div class="ft_paragraph">
−
                                     <p>©2016 Design by <a href="https://www.behance.net/googoling">Faridul Haque</a> and Develop by <a href="http://themeebit.com">ThemeeBiT</a>.</p>  
+
                                     <p>©IONIS_IGEM_2016</a>.</p>
 
                                 </div>
 
                                 </div>
−
                             </div>
+
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
             </div>            
+
             </div>
−
        </footer>
+
    </footer>
−
        <!-- ====END FOOTER AREA==== -->
+
    <!-- ====END FOOTER AREA==== -->
−
     
+
 
−
        <!-- Nos scripts -->
+
    <!-- ====Google Maps API==== -->
−
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
+
    <script src="https://maps.googleapis.com/maps/api/js"></script>
−
     
+
 
 +
    <!-- Nos scripts -->
 +
    <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
 +
 
 
</html>
 
</html>

Latest revision as of 20:43, 19 October 2016

What is bioluminescence ?

Description & mechanisms

Bioluminescence is a chemical reaction based on the oxidation of a substrate called luciferin (a light emitting pigment) by the luciferase enzyme, which results in energy emission in the form of light. This process requires six ATP molecules for each photon emitted.
This phenomenon is widely observable in nature: it is used by numerous organisms (bacteria, fungi, marine organisms) for different purposes such as reproduction and predation. It must not be mistaken with fluorescence, which comes from the restitution of an absorbed photon by an excited molecule [1][2][3]

Environmental monitoring

Application

Applications include construction of biosensors for detection of pollutants and pathogens. It can be used to monitor genetically engineered bacteria released into the environment. Biosensors are particularly useful in bioremediation studies in which they can be used to determine the presence, bioavailability, and concentrations of specific pollutants.

Bioluminescence as an indicator of cellular metabolic activity can be used to monitor the biological activity and toxicity of pollutants.[1]

Rferences (Links are provided when available):

  1. Nunes-Halldorson, V. da S., and Duran, N.L. (2003). Bioluminescent bacteria: lux genes as environmental biosensors. Brazilian Journal of Microbiology 34.

  2. Wu, N., Rathnayaka, T., and Kuroda, Y. (2015). Bacterial expression and re-engineering of Gaussia princeps luciferase and its use as a reporter protein. Biochimica et Biophysica Acta (BBA) - Proteins and Proteomics 1854, 1392–1399.

  3. Wiles, S., Ferguson, K., Stefanidou, M., Young, D.B., and Robertson, B.D. (2005). Alternative Luciferase for Monitoring Bacterial Cells under Adverse Conditions. Applied and Environmental Microbiology 71, 3427–3432.