|
|
| (167 intermediate revisions by 4 users not shown) |
| Line 2: |
Line 2: |
| | <html> | | <html> |
| | <head> | | <head> |
| − | <title>iGEM Toulouse 2015</title>
| + | <meta charset="utf-8"> |
| − | <meta charset="utf-8" />
| + | <title>iGEM Toulouse 2015</title> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1" />
| + | <link rel="icon" href="https://static.igem.org/mediawiki/2015/2/2e/TLSE_ApiColi.png" type="image/png" style="width:10%;"/> |
| − | <link rel="stylesheet" href="http://igemtoulouse.free.fr/css/main.css" />
| + | |
| | | | |
| − | <script type="text/javascript">
| + | </head> |
| − | $(document).ready(
| + | <body id="top"> |
| − | function(){
| + | <!-- ################################################################################################ --> |
| − | $("ul.subnav").parent().find("> a").append("<span> ?</span>");
| + | <!-- ################################################################################################ --> |
| − | $("ul.topnav li").hover(
| + | <!-- ################################################################################################ --> |
| − | function() {
| + | |
| − | // Hover over
| + | |
| − | $(this).parent().find("ul.subnav").hide();
| + | |
| − | $(this).find("ul.subnav").show();
| + | |
| − | // Hover out
| + | |
| − | $(this).hover(
| + | |
| − | function() {},
| + | |
| − | function(){
| + | |
| − | $(this).find("ul.subnav").hide();}
| + | |
| − | );
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $(this).find("ul.subnav").hide();
| + | |
| − | }
| + | |
| − | );
| + | |
| − | }
| + | |
| − | );
| + | |
| − | </script>
| + | |
| | | | |
| − | <!-- To delete topbar | + | </html>{{Toulouse/nav}}<html> |
| − | <style>
| + | |
| − | #top_menu_14 {
| + | |
| − | display:none;}
| + | |
| − | </style> --> | + | |
| | | | |
| − | </head>
| + | <!-- ################################################################################################ --> |
| − | <body class="landing" style="color:black;" >
| + | <!-- ################################################################################################ --> |
| − | <!-- Page Wrapper -->
| + | <!-- ###################################### URL DE L'IMAGE EN BG ########################################################## --> |
| − | <div id="page-wrapper" >
| + | <div class="wrapper row0 bgded" style="background-image:url('https://static.igem.org/mediawiki/2015/6/61/TLSE_bg_8.png')"> |
| − | | + | |
| − | <!-- Header -->
| + | |
| − | <header id="header" class="alt">
| + | |
| − | <h1><div id='menucss'>
| + | |
| − | <ul>
| + | |
| − | <li class='active'><a href='#'>Home</a></li>
| + | |
| − | <li><a href='#'>Products</a></li> | + | |
| − | <li><a href='#'>Company</a></li>
| + | |
| − | <li><a href='#'>Contact</a></li>
| + | |
| − | </ul> | + | |
| − | </div></h1></header>
| + | |
| − | <nav id="nav">
| + | |
| − | <ul>
| + | |
| − | <li class="special">
| + | |
| − | <a href="#menu" class="menuToggle"><span style="color:yellow; font-size: 200%;">Menu</span></a>
| + | |
| − | <div id="menu">
| + | |
| − | <div id='cssmenu'>
| + | |
| − | <ul>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse'>Home</a></li>
| + | |
| − | <li class='has-sub'><a href='https://2015.igem.org/Team:Toulouse'>Team</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Team/ourTeam'>Our Team</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Team/OTP'>Official Team Profile</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Team/gallery'>Gallery</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Team/funFacts'>Fun Facts</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class='has-sub'><a href='#'>Project</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Project/projectContext'>Project Context</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Project/overview'>Overview</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class='has-sub'><a href='#'>Results</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Results/experimentalResults'>Experimentals Results</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Results/modelling'>Modelling</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Results/parts'>Parts</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Results/Achievements'>Achievements</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class='has-sub'><a href='#'>Human Pratice</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/HP/safety'>Safety</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/HP/ethics'>Ethics</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/HP/communication'>Communication</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class='has-sub'><a href='#'>Notebook</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Notebook/Calendar'>Calendar</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Notebook/Monitoring'>Project monitoring</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Notebook/Protocols'>Protocols</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class='has-sub'><a href='#'>Acknowledgements</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Acknowledgements/Attributions'>Attributions</a></li>
| + | |
| − | <li><a href='https://2015.igem.org/Team:Toulouse/Acknowledgements/Sponsors'>Sponsors</a></li>
| + | |
| − | | + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| | | | |
| − | <li><a href="mailto:igemtoulouse2015@gmail.com" >Contact</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </nav>
| |
| | | | |
| − | | + | <div class="shout"> |
| − | | + | |
| − | <!-- Banner --> | + | <div class="shout-content clear"> |
| − | <section id="banner" style="color:white; background:url('http://igemtoulouse.free.fr/ab.JPG'); background-size: 100% ;">
| + | <div class="maintitle"> |
| − | <div class="inner"> | + | <center> <h3>Gallery</h3> </center> |
| − | <h2 style="color:black;">ApiColi</h2>
| + | |
| − | <br>
| + | |
| − | <p>
| + | |
| − | <br>
| + | |
| − | <i><b>"If the bee disappeared off the face of the Earth,<br>
| + | |
| − | man would only have four years left to live.”</i><br>
| + | |
| − | A. Einstein</b><br/>
| + | |
| − | </p>
| + | |
| | </div> | | </div> |
| − | <b><a href="#one" class="more scrolly" style="color:black;">Learn More</a></b>
| + | <center><img src="https://static.igem.org/mediawiki/2015/b/ba/TLSE_Apicoli_nice.png" style="padding-bottom:50px;"></center> |
| − | </section> | + | |
| | + | </div> |
| | | | |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | | | |
| − | <!-- One -->
| |
| − | <section id="one" class="wrapper style1 special">
| |
| − | <div class="inner">
| |
| − | <header class="major">
| |
| − | <h2>ApiColi Project<br/>
| |
| − | --- slogan ---</h2>
| |
| − | <p>ICI<br/>
| |
| − | petit description - accroche</p>
| |
| − | </header>
| |
| − | <ul class="icons major">
| |
| − | <li></li>
| |
| − | <li><span class="icon fa-heart-o major style2"><span class="label">Read More</span></span></li>
| |
| − | <li></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </section>
| |
| | | | |
| − | <!-- Two -->
| |
| − | <section id="two" class="wrapper alt style2">
| |
| − | <section class="spotlight">
| |
| − | <div class="image"><img src="http://igemtoulouse.free.fr/images/pic01.jpg" alt="" /></div><div class="content">
| |
| − | <h2>Safety<br/></h2>
| |
| − | <p>(...)<br/>Read More
| |
| − | </p>
| |
| − | </div>
| |
| − | </section>
| |
| − | <section class="spotlight">
| |
| − | <div class="image"><img src="http://igemtoulouse.free.fr/images/pic02.jpg" alt="" /></div>
| |
| − | <div class="content">
| |
| − | <h2>Ethics<br/></h2>
| |
| − | <p>(...)<br/>Read More</p>
| |
| − | </div>
| |
| − | </section>
| |
| − | <section class="spotlight">
| |
| − | <div class="image"><img src="http://igemtoulouse.free.fr/images/pic03.jpg" alt="" /></div>
| |
| − | <div class="content">
| |
| − | <h2>Communication<br/></h2>
| |
| − | <p>(...)<br/>Read More</p>
| |
| − | </div>
| |
| − | </section>
| |
| − | </section>
| |
| | | | |
| − | <!-- Three -->
| |
| − | <section id="three" class="wrapper style3 special">
| |
| − | <div class="inner">
| |
| − | <header class="major">
| |
| − | <h2>About our project</h2>
| |
| − | <p>(...)<br/></p>
| |
| − | </header>
| |
| − | <ul class="features">
| |
| − | <li class="icon fa-paper-plane-o" style='background-image:url("https://c1.staticflickr.com/5/4091/4979454151_d8823d58ca_b.jpg"); width:100;'>
| |
| − | <h3><a href="https://2015.igem.org/Team:Toulouse" style="color:white; opacity:1"><center>Experimentals<br> results</center></a></h3>
| |
| − | </li>
| |
| − | <li class="icon fa-laptop" style='background-image:url("http://igemtoulouse.free.fr/images/part_transitoire.PNG"); width:100'>
| |
| − | <h3><a href="https://2015.igem.org/Team:Toulouse" style="color:white;"><center>Parts</center></a></h3>
| |
| − | </li>
| |
| − | <li class="icon fa-code" style='background-image:url("http://www.enpc.fr/sites/default/files/images/Maths_dullhunk_flickr_20111202_cc.jpg"); width:100'>
| |
| − | <h3><a href="https://2015.igem.org/Team:Toulouse" style="color:white;"><center>Modelling</center></a></h3>
| |
| − | </li>
| |
| − | <li class="icon fa-headphones" style='background-image:url("https://c1.staticflickr.com/5/4091/4979454151_d8823d58ca_b.jpg"); width:100'>
| |
| − | <h3><a href="https://2015.igem.org/Team:Toulouse" style="color:white;"><center>Achievements</center></a></h3>
| |
| − | </li>
| |
| − | <li class="icon fa-heart-o" style='background-image:url("http://pixabay.com/static/uploads/photo/2014/05/11/21/23/water-342240_640.jpg"); width:100'>
| |
| − | <h3><a href="https://2015.igem.org/Team:Toulouse" style="color:white;"><center>Project<br> Monitoring</center></a></h3>
| |
| − | </li>
| |
| − | <li class="icon fa-flag-o" style='background-image:url("http://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/NHGRI_researcher_uses_a_pipette_to_remove_DNA_from_a_micro_test_tube.jpg/1280px-NHGRI_researcher_uses_a_pipette_to_remove_DNA_from_a_micro_test_tube.jpg"); width:100'>
| |
| − | <h3><a href="https://2015.igem.org/Team:Toulouse" style="color:white;"><center>Protocols</center></a></h3>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </section>
| |
| | | | |
| − | <!-- CTA --> | + | <main class="container clear"> |
| − | <section id="cta" class="wrapper style4" style="background:white;">
| + | |
| − | <div>
| + | <!-- ################################ ICI CONTENEUR OU TU PEUX T'AMUSER A METTRE LES DIVS ############################### --> |
| − | <p><center><img src="http://igemtoulouse.free.fr/images/sponsors.png" /></center></p>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | <footer id="footer">
| + | |
| | | | |
| − | <ul class="icons"> | + | <div class="group center"> <p class="text"> |
| − | <style>a:link { | + | As we were saying before, ethics was a dimension that was present from the <b>very first stages of development</b> of our project. During the summer, we had the great chance to meet and talk with a few ethicians: M. Vincent Gégoire-Delory, M. Simon Desbois and Mrs Anne Cambon-Thomsen. They helped us develop our reflexion and shared their knowledge with us while still having the skill to let us think by ourselves.<br> <br> |
| − | text-decoration: none;
| + | We realized that the iGEM competition is a great time to develop our ethical thinking. Indeed, ethics are a requirement, which is a great opportunity and an advantage compared to being immediately included in an already existing project and never learning to think critically. The ability to carry out this type of deliberation, to question one’s own work, is what singles out a good scientist, in our opinion. <br> <br> |
| − | }
| + | Finally, we would like to share with you this quote by <b>Arthur M. Schlesinger</b> that underlines something that we have learned this summer:<br><br> |
| | + | </div> |
| | + | <div class="group center"> <p class="text"> |
| | + | <i>Science and technology revolutionize our lives, but memory, tradition and myth frame our response.</i><br><br> |
| | + | </p> </div> |
| | + | <div class="group center"> <p class="text"> |
| | + | Any ethical reflection, to be pertinent, has to root itself in a society’s history, tradition and beliefs. This is the way in which one will be able to identify the barriers and the fears of the public, and understanding them is the first step to conquering them. |
| | + | </p> </div> |
| | + | |
| | + | </main> |
| | + | </div> |
| | | | |
| − | a:visited {
| + | <!-- ################################################################################################ --> |
| − | text-decoration: none;
| + | <!-- ################################################################################################ --> |
| − | }</style><center>
| + | <!-- ####################### FOOTER ######################################################################### --> |
| − | <a href="mailto:igemtoulouse2015@gmail.com" style="border:1px solid #fff;-webkit-border-radius: 5px; -moz-border-radius: 10px; border-radius: 5px; padding: 13px 30px 12px; color:white; text-decoration:none; font-size:17px; background:none; margin-top:30px; display:inline-block; ">Contact</a></center> | + | |
| − | </ul> | + | |
| − | <ul class="copyright">
| + | |
| − | <center>iGEM <a href="https://2015.igem.org/Team:Toulouse" style="color:yellow;">Toulouse 2015</a><br>
| + | |
| − | <i>INSA Toulouse, 135, Avenue de Rangueil, 31400 TOULOUSE</i><br>
| + | |
| − | <a href="https://twitter.com/toulouse_igem" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/2/2a/Twitter.jpg" style="width:28px;"/></a>
| + | |
| − | <a href="https://www.facebook.com/pages/iGEM-Toulouse-2015/1604834019761538?ref=aymt_homepage_panel" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/f/fd/Facebook.jpg" /></a></center>
| + | |
| − | </ul>
| + | |
| | | | |
| − | </footer>
| + | </html>{{Toulouse/footer}}<html> |
| − |
| + | |
| − | </div>
| + | |
| | | | |
| − | <!-- Scripts -->
| |
| − | <script src="http://igemtoulouse.free.fr/js/jquery.min.js"></script>
| |
| − | <script src="http://igemtoulouse.free.fr/js/jquery.scrollex.min.js"></script>
| |
| − | <script src="http://igemtoulouse.free.fr/js/jquery.scrolly.min.js"></script>
| |
| − | <script src="http://igemtoulouse.free.fr/js/skel.min.js"></script>
| |
| − | <script src="http://igemtoulouse.free.fr/js/util.js"></script>
| |
| − | <script src="http://igemtoulouse.free.fr/js/main.js"></script>
| |
| − | <script src="http://igemtoulouse.free.fr/js/script.js"></script>
| |
| | | | |
| | | | |
| − | </body>
| + | </body> |
| | </html> | | </html> |
