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

 
(28 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 PARALUX==== -->  
+
  <!-- ====SLIDER START==== -->  
−
         <section class="header_paralux" style="background: url('https://static.igem.org/mediawiki/2016/8/88/HOME.jpg');  background-size: cover;
+
         <section class="banner_quantifly">
−
    background-repeat: no-repeat;
+
−
    position: relative;
+
−
    background-attachment: fixed;" >
+
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-md-12">
+
                     <div class="col-sm-12">
−
                          <div class="dtable">   
+
                        <div class="banner_title" style="margin-top : 130px;">
−
                              <div class="dcell"> 
+
                            <h1 id="back_to_the_top">HUMAN PRACTICES</h1>
−
                                <div class="page_down text-center">
+
 
−
                                  <div class="banner_title">
+
                         </div>
−
                                    </br>
+
−
                                      </br>
+
−
                                      </br>
+
−
                                        </br>
+
−
                                        </br>
+
−
                                    <h1><font color="#FF327A"><b>Human Practice</b></font></h1>  
+
−
                                    </div>
+
−
                                </div>
+
−
                              </div>
+
−
                            </div>
+
−
                         </div>  
+
 
                     </div>
 
                     </div>
−
                 </div>
+
                 </div>  
 
             </div>
 
             </div>
 
         </section>
 
         </section>
−
         <!-- ====HEADER PARALUX END==== -->
+
         <!-- ====SLIDER END==== -->
 
          
 
          
−
 
−
       
 
−
        <!-- ====ABOUT US==== -->
 
−
        <section id="about" class="about_area section-padding">
 
−
            <div class="container">
 
−
                <div class="row">
 
−
                <div class="col-xs-12">
 
−
                        <div class="section_title mb80">
 
−
                            <h2 class="sec text-center">Quantifly</h2> <h2 class="secHd text-center ">Human Practice</h2> 
 
−
                        </div>
 
−
                    </div>                                               
 
−
                </div>
 
−
                   
 
−
                    <div class="col-sm-6">
 
−
                        <div class="section_title">
 
−
                          <h2 class="secHd">Silver medal for Human Practice</h2>
 
−
                            </div>
 
−
                        </div>
 
−
 
−
                      <div class="col-xs-12">
 
−
                       
 
−
                        <div class="about_text">
 
−
                            <p>You will be able to find below links to our Human Practice work available on this site. The following links will take you to the desired page and will help you navigate through our "silver medal" Human Practice. A brief description will help you to have a better idea of what you are about to read !</p>
 
−
                       
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </section>
 
−
        <!-- ====ABOUT US==== -->
 
−
 
  
 
<!-- ====ABOUT US==== -->
 
<!-- ====ABOUT US==== -->
Line 78: Line 34:
 
                     <div class="col-xs-12 col-sm-6">
 
                     <div class="col-xs-12 col-sm-6">
 
<div class="section_title">
 
<div class="section_title">
−
                            <h5 class="smallHd">Project Genesis</h5>
+
 
−
                             <h2 class="secHd">Air pollution and its environment</h2>
+
 
 +
                            <h5 class="smallHd"><font color ="#afb5bf">Silver</font></h5>
 +
                             <h2 class="secHd">Human practices report and reflexion</h2>
 +
                           
 
                         </div>
 
                         </div>
 
                         <div class="about_text">
 
                         <div class="about_text">
−
                             <p>This is why we developed the Quantifly project: a combination of a bacterial biosensor, perfectly adapted to on-field measurements, and an innovative drone that will allow us to easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are trying to develop a new application for bioluminescence that should allow us to create a biosensor of a new kind, entirely different from the existing devices.</p>
+
                             <p>This section is composed of our Human Practices study, in which we are presenting to you how we created the Quantifly project. We conducted an opinion survey to understand how the use of G.M.Os in air pollution detection would be received by the public, and we also lead a reflexion about the environmental context about air pollution as well as the risks that such a project could carry. In this way, we thought of several safety options that would allow the safest manipulation of our product.</p>
−
                          <p class="ab_text">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.</p>
+
 
−
  </div>
+
<p>While this reflexion is mainly ethical and theoretical, we took action to get closer to the public by organizing and participating in several events that would allow us to present our project to people. Those events are for us the concretisation and the best way to explain how synthetic biology can revolutionize the technological landcape as it can produce the best tools for sustainable development and ecological behaviour.</p>
 +
 
 +
<a href="https://2016.igem.org/Team:Ionis_Paris/HP/Silver" ><font color="DeepPink">Get to our silver page here!</font></a>
 +
                        </div>
 
                     </div>
 
                     </div>
  
 
                     <div class="col-xs-12 col-sm-6">
 
                     <div class="col-xs-12 col-sm-6">
 
<div class="section_title">
 
<div class="section_title">
−
                             <h5 class="smallHd">State of the Art</h5>
+
                             <h5 class="smallHd"><font color="#f9c21d">Gold</font></h5>
−
                             <h2 class="secHd">Air pollution and its environment</h2>
+
                           
 +
                             <h2 class="secHd">Our Actions to communicate and talk about our project</h2>
 +
                   
 
                         </div>
 
                         </div>
 
                         <div class="about_text">
 
                         <div class="about_text">
−
                             <p>This is why we developed the Quantifly project: a combination of a bacterial biosensor, perfectly adapted to on-field measurements, and an innovative drone that will allow us to easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are trying to develop a new application for bioluminescence that should allow us to create a biosensor of a new kind, entirely different from the existing devices.</p>
+
                             <p>In addition to our report, we wanted to put in motion a sensibilisation to G.M.Os usage in pollution detection, either to scientists or non scientists people, in order popularize what we are doing with Quantifly: machine-biology interaction as a tool to answer serious problematics.</br>As such, we made a point of collaborating with other iGEM teams to organize the biggest european event of the iGEM in 2016: the European Exprience, in which we gathered hundreds of people that could share around synthetic biology.</p>
−
                          <p class="ab_text">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.</p>
+
<p>We also developped a mobile application game playable by anyone, that can transmit the concepts on which Quantifly is based on. in this way, we can show how our product functions and it helps to better understand the machine-biology mechanisms underlying our concept.</p>
 +
 
 +
<a href="https://2016.igem.org/Team:Ionis_Paris/HP/Gold"><font color="DeepPink">The gold page is this way!</font></a>
 +
 
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                   
+
      </div>
−
                       
+
            </div>                       
 
              
 
              
 
             </div>
 
             </div>
Line 104: Line 71:
 
         <!-- ====ABOUT US==== -->
 
         <!-- ====ABOUT US==== -->
  
 +
       
 +
  <!-- ====START SOCIAL Link==== -->
 +
    <div class="footer_social">
 +
        <div class="container-fluid">
 +
            <div class="row">
 +
                <ul class="ft_top clearfix">
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
 +
                            <i class="zmdi zmdi-facebook "></i>Facebook
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://twitter.com/igem_ionis" target="_blank">
 +
                            <i class="zmdi zmdi-twitter"></i>Twitter
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
 +
                            <i class="zmdi zmdi-youtube"></i>YouTube
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
 +
                            <i class="zmdi zmdi-linkedin"></i>LinkedIn
 +
                        </a>
 +
                    </li>
  
−
            <!-- ====ABOUT US==== -->
+
                 </ul>
−
        <section id="about" class="about_area section-padding">
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-xs-12 col-sm-6">
+
−
                        <div class="section_title">
+
−
                            <h5 class="smallHd">Our Opinion Survey</h5>
+
−
                            <h2 class="secHd">Use of G.M.Os with air pollution</h2>
+
−
                        </div>
+
−
                        <div class="about_text">
+
−
                            <p>Concerning the drone, it is designed to safely contain our organisms and carry them on the field, thus acting as a mobile detection platform
+
−
</p>
+
−
                         
+
−
                        </div>
+
−
                    </div
+
−
 
+
−
                  <div class="col-xs-12 col-sm-6">
+
−
                        <div class="section_title">
+
−
                            <h5 class="smallHd">Ethics & Biosafety</h5>
+
−
                            <h2 class="secHd">Risk assessment and Management</h2>
+
−
                        </div>
+
−
                        <div class="about_text">
+
−
                            <p>Concerning the drone, it is designed to safely contain our organisms and carry them on the field, thus acting as a mobile detection platform
+
−
</p>
+
−
                         
+
−
                        </div>
+
−
                    </div
+
−
               
+
−
                 </div>
+
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====ABOUT US==== -->
+
    </div>
−
        <!-- ====ABOUT US==== -->
+
    <!-- ====END FOOTER TOP==== -->
−
        <section id="about" class="about_area section-padding">
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-xs-12 col-sm-5">
+
−
                        <div class="section_title">
+
−
                            <h5 class="smallHd">Our Actions</h5>
+
−
                            <h2 class="secHd">How did we spread the word ?</h2>
+
−
                        </div>
+
−
                        <div class="about_text">
+
−
                            <p>Concerning the drone, it is designed to safely contain our organisms and carry them on the field, thus acting as a mobile detection platform
+
−
</p>
+
−
                         
+
−
                        </div>
+
−
                    </div>
+
−
                   
+
−
                    <div class="col-xs-12 col-sm-5">
+
−
                        <div class="about_left">
+
−
                            <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone"/>
+
−
                        </div>
+
−
                    </div>
+
  
−
                </div>
+
    <!-- ====START FOOTER AREA==== -->
−
            </div>
+
    <footer class="footer_area">
−
        </section>
+
         <div class="footer_middle">
−
        <!-- ====ABOUT US==== -->
+
−
 
+
−
        <!-- ====START PARTNER==== -->
+
−
         <div class="partner_area">
+
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
−
      <div class="col-xs-12">
+
                    <div class="col-xs-12">
−
                         <div class="section_title mb80">
+
                         <div class="scroll_area">
−
                             <h5 class="smallHd text-center">Our</h5>
+
                             <div class="sroll_top">
−
                            <h2 class="secHd text-center">SPONSORS AND PARTENAIRS </h2>
+
                                <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a>
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-md-12">
+
−
                        <div class="partner_slider">
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
 
−
        </div>
 
−
        <!-- ====END PARTNER==== -->
 
−
       
 
−
     
 
−
        <!-- ====END BLOG TABLE==== -->
 
−
       
 
−
       
 
−
       
 
−
     
 
−
       
 
−
        <!-- ====START SOCIAL Link==== -->
 
−
        <div class="footer_social">
 
−
            <div class="container-fluid">
 
 
                 <div class="row">
 
                 <div class="row">
−
                    <ul class="ft_top clearfix">
 
−
                        <li class="waves-effect waves-light">
 
−
                            <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
 
−
                                <i class="zmdi zmdi-facebook "></i>Facebook
 
−
                            </a>
 
−
                        </li>
 
−
                        <li class="waves-effect waves-light">
 
−
                            <a href="https://twitter.com/igem_ionis" target="_blank">
 
−
                                <i class="zmdi zmdi-twitter"></i>Twitter
 
−
                            </a>
 
−
                        </li>
 
−
                        <li class="waves-effect waves-light">
 
−
                            <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
 
−
                                <i class="zmdi zmdi-youtube"></i>youtube
 
−
                            </a>
 
−
                        </li>
 
−
                        <li class="waves-effect waves-light">
 
−
                            <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
 
−
                                <i class="zmdi zmdi-linkedin"></i>LinkedIn
 
−
                            </a>
 
−
                        </li>
 
−
                        <li class="waves-effect waves-light">
 
−
                            <a href="#" target="_blank">
 
−
                                <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>
 
−
        <!-- ====END FOOTER TOP==== -->
 
−
       
 
−
        <!-- ====START FOOTER AREA==== -->
 
−
        <footer class="footer_area">
 
−
            <div class="footer_middle">
 
−
                <div class="container">
 
−
                    <div class="row">
 
−
                        <div class="col-xs-12">
 
−
                            <div class="scroll_area">
 
−
                                <div class="sroll_top">
 
−
                                    <i class="zmdi zmdi-chevron-up btn waves-effect"></i>   
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
 
                     <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 276: Line 137:
 
                                             <span>Location: 66 Rue Guy Môquet, 94800 Villejuif, France</span>
 
                                             <span>Location: 66 Rue Guy Môquet, 94800 Villejuif, France</span>
 
                                         </li>
 
                                         </li>
−
                                        <li><i class="zmdi zmdi-phone"></i>
+
 
−
                                            <a href="tel:123-456-7890">Phone: </a>
+
−
                                        </li>
+
 
                                         <li><i class="zmdi zmdi-email"></i>
 
                                         <li><i class="zmdi zmdi-email"></i>
−
                                             <a href="mailto:contact@domain.com">email: clement@lapierre-fr.net</a>
+
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.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="https://static.igem.org/mediawiki/2016/6/67/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="https://static.igem.org/mediawiki/2016/6/67/Gallery_1.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="https://static.igem.org/mediawiki/2016/6/67/Gallery_1.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 355: Line 186:
 
                             <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="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
 
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
−
                                         <li><a href="https://2016.igem.org/At_the_lab.html">At the Lab</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Working_at_La_Paillasse">in the Lab</a></li>
−
                                         <li><a href="https://2016.igem.org/CelloCad"> Side Projects</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Measurement"> Side Projects</a></li>
−
                                         <li><a href="Results">Results</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Parts">Results</a></li>
−
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Human_Practice">Human Practice</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/HPintro">Human
−
                                         <li><a href="https://2016.igem.org/Team.html">Team</a></li>
+
                                            Practice</a></li>
 +
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Team">Team</a></li>
 
                                     </ul>
 
                                     </ul>
 
                                 </nav>
 
                                 </nav>
Line 367: Line 199:
 
                             <div class="col-md-5 fix_p">
 
                             <div class="col-md-5 fix_p">
 
                                 <div class="ft_paragraph">
 
                                 <div class="ft_paragraph">
−
                                     <p>©IONIS_IGEM_2016</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:59, 19 October 2016

Silver

Human practices report and reflexion

This section is composed of our Human Practices study, in which we are presenting to you how we created the Quantifly project. We conducted an opinion survey to understand how the use of G.M.Os in air pollution detection would be received by the public, and we also lead a reflexion about the environmental context about air pollution as well as the risks that such a project could carry. In this way, we thought of several safety options that would allow the safest manipulation of our product.

While this reflexion is mainly ethical and theoretical, we took action to get closer to the public by organizing and participating in several events that would allow us to present our project to people. Those events are for us the concretisation and the best way to explain how synthetic biology can revolutionize the technological landcape as it can produce the best tools for sustainable development and ecological behaviour.

Get to our silver page here!
Gold

Our Actions to communicate and talk about our project

In addition to our report, we wanted to put in motion a sensibilisation to G.M.Os usage in pollution detection, either to scientists or non scientists people, in order popularize what we are doing with Quantifly: machine-biology interaction as a tool to answer serious problematics.
As such, we made a point of collaborating with other iGEM teams to organize the biggest european event of the iGEM in 2016: the European Exprience, in which we gathered hundreds of people that could share around synthetic biology.

We also developped a mobile application game playable by anyone, that can transmit the concepts on which Quantifly is based on. in this way, we can show how our product functions and it helps to better understand the machine-biology mechanisms underlying our concept.

The gold page is this way!