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

 
(5 intermediate revisions by 2 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" />
 
          
 
          
 
   <!-- ====SLIDER START==== -->  
 
   <!-- ====SLIDER START==== -->  
Line 17: Line 18:
 
                     <div class="col-sm-12">
 
                     <div class="col-sm-12">
 
                         <div class="banner_title" style="margin-top : 130px;">
 
                         <div class="banner_title" style="margin-top : 130px;">
−
                             <h1>HUMAN PRACTICES</h1>
+
                             <h1 id="back_to_the_top">HUMAN PRACTICES</h1>
 
    
 
    
 
                         </div>
 
                         </div>
Line 40: Line 41:
 
                         </div>
 
                         </div>
 
                         <div class="about_text">
 
                         <div class="about_text">
−
                             <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>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>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>
 
<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>
Line 63: Line 64:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                   
+
      </div>
 
             </div>                         
 
             </div>                         
 
              
 
              
Line 71: Line 72:
  
 
          
 
          
−
+
  <!-- ====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="https://www.facebook.com/ionisigem/?fref=ts" 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="https://twitter.com/igem_ionis" 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="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
−
                            <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
+
                            <i class="zmdi zmdi-youtube"></i>YouTube
−
                                <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="https://www.linkedin.com/company/igem-ionis" 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>  
+
 
−
+
                </ul>
−
                    </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="sroll_top">
+
                        <div class="scroll_area">
−
                                  <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a> 
+
                            <div class="sroll_top">
−
                                </div>
+
                                <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="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>IONIS IGEM</h4>
+
                                 <h4>iGEM IONIS</h4>
−
                                 <p> We're a group of six different schools from the IONIS Education Group. For this competition we wanted to take advantages of the multiple schools and activity field given by the IONIS education group to create a solid project.</p>
+
                                 <p> We're a group of six different schools from the IONIS Education Group. For this
−
                              <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
+
                                    competition we wanted to take advantage of the multiple schools and fields of activity
 +
                                    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 139: Line 141:
 
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</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="footer_Widgets">
 +
                                <h4>Download the app</h4>
 +
                                <a href="https://itunes.apple.com/us/app/quantifly/id1166875690?ls=1&mt=8"
 +
                                  target="_blank" style="target-new: tab;">
 +
                                    <figure class="widget_gallery">
 +
                                        <div class="RXcircleEffect"></div>
 +
                                        <img src="https://static.igem.org/mediawiki/2016/8/8d/IONIS_IGEM_paris_logo_apple.png"
 +
                                            alt="" />
 +
                                        <figcaption>
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </figcaption>
 +
                                    </figure>
 +
                                </a>
 +
                                <a href="https://play.google.com/store/apps/details?id=fr.plnech.quantifly&hl=en"
 +
                                  target="_blank" style="target-new: tab;">
 +
                                    <figure class="widget_gallery">
 +
                                        <div class="RXcircleEffect"></div>
 +
                                        <img src="https://static.igem.org/mediawiki/2016/6/65/IONIS_IGEM_paris_google_play.png"
 +
                                            alt="" />
 +
                                        <figcaption>
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </figcaption>
 +
                                    </figure>
 +
                                </a>
  
−
                          
+
                       
 +
                            </div>
 +
                         </div>
  
 
                     </div>
 
                     </div>
Line 157: 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 169: 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==== -->
−
<!-- TODO: Debug these scripts
+
    <script src="https://maps.googleapis.com/maps/api/js"></script>
−
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_Venobox&action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_MDB&action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_Carousel&action=raw&ctype=text/javascript"></script>
+
−
-->
+
−
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></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!