Difference between revisions of "Team:Toulouse/test"

 
(225 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Toulouse}}
 
{{Toulouse}}
 
<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">
+
−
        $(document).ready(
+
−
            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();
+
−
                    }
+
  
−
                );
+
</head>
−
            }
+
<body id="top">
−
        );
+
<!-- ################################################################################################ -->
−
    </script>
+
<!-- ################################################################################################ -->
−
<!-- Footer
+
<!-- ################################################################################################ -->
−
<style>
+
−
#top_menu_14 {
+
−
    display:none;}
+
−
</style> -->
+
−
</head>
+
−
<body class="landing" style="color:black;" >
+
  
−
<!-- Page Wrapper -->
+
</html>{{Toulouse/nav}}<html>
−
<div id="page-wrapper" >
+
  
−
<!-- Header -->
+
<!-- ################################################################################################ -->
−
<header id="header" class="alt">
+
<!-- ################################################################################################ -->
−
<h1><a href="https://2015.igem.org/Team:Toulouse" >iGEM Toulouse 2015</a></h1>
+
<!-- ######################################  URL DE L'IMAGE EN BG    ########################################################## -->
−
<nav id="nav">
+
<div class="wrapper row0 bgded" style="background-image:url('https://static.igem.org/mediawiki/2015/6/61/TLSE_bg_8.png')">
−
<ul>
+
 
−
<li class="special">
+
−
<a href="#cssmenu" class="menuToggle"><span>Menu</span></a>
+
−
+
−
<div id='cssmenu'>
+
−
<ul>
+
−
  <li><a href='#'>Home</a></li>
+
−
  <li class='active has-sub'><a href='#'>Products</a>
+
−
      <ul>
+
−
        <li class='has-sub'><a href='#'>Product 1</a>
+
−
            <ul>
+
−
              <li><a href='#'>Sub Product</a></li>
+
−
              <li><a href='#'>Sub Product</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li class='has-sub'><a href='#'>Product 2</a>
+
−
            <ul>
+
−
              <li><a href='#'>Sub Product</a></li>
+
−
              <li><a href='#'>Sub Product</a></li>
+
−
            </ul>
+
−
        </li>
+
−
      </ul>
+
−
  </li>
+
−
  <li><a href='#'>About</a></li>
+
−
  <li><a href='#'>Contact</a></li>
+
−
</ul>
+
−
</div>
+
−
+
−
+
−
</li>
+
−
</ul>
+
−
</nav>
+
−
</header>
+
  
−
<!-- Banner -->
+
  <div class="shout">  
−
<section id="banner" style="color:yellow; background:url('http://upload.wikimedia.org/wikipedia/commons/c/c5/Honeybee-cooling_cropped.jpg'); background-size:  100% 160%;">
+
   
−
<div class="inner">
+
    <div class="shout-content clear">
−
<h2 style="color:black;">ApiColi</h2>
+
      <div class="maintitle">
−
<br>
+
    <center> <h3>Gallery</h3> </center>
−
<p>
+
    </div>
−
<br>
+
  <center><img src="https://static.igem.org/mediawiki/2015/b/ba/TLSE_Apicoli_nice.png" style="padding-bottom:50px;"></center>
−
<i>"If the bee disappeared off the face of the Earth,<br>
+
 
−
man would only have four years left to live.”</i><br>
+
</div>
−
<b>A. Einstein</b><br/>
+
−
+
−
</p>
+
−
+
−
</div>
+
−
<b><a href="#one" class="more scrolly" style="color:black;">Learn More</a></b>
+
−
</section>
+
  
−
<!-- One -->
+
  </div>
−
<section id="one" class="wrapper style1 special">
+
 
−
<div class="inner">
+
−
<header class="major">
+
</div>  
−
<h2>Arcu aliquet vel lobortis ata nisl<br />
+
−
eget augue amet aliquet nisl cep donec</h2>
+
−
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+
−
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+
−
</header>
+
−
<ul class="icons major">
+
−
<li><span class="icon fa-diamond major style1"><span class="label">Lorem</span></span></li>
+
−
<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span></li>
+
−
<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></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>Magna primis lobortis<br />
 
−
sed ullamcorper</h2>
 
−
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
 
−
</div>
 
−
</section>
 
−
<section class="spotlight">
 
−
<div class="image"><img src="http://igemtoulouse.free.fr/images/pic02.jpg" alt="" /></div><div class="content">
 
−
<h2>Tortor dolore feugiat<br />
 
−
elementum magna</h2>
 
−
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
 
−
</div>
 
−
</section>
 
−
<section class="spotlight">
 
−
<div class="image"><img src="http://igemtoulouse.free.fr/images/pic03.jpg" alt="" /></div><div class="content">
 
−
<h2>Augue eleifend aliquet<br />
 
−
sed condimentum</h2>
 
−
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
 
−
</div>
 
−
</section>
 
−
</section>
 
  
−
<!-- Three -->
 
−
<section id="three" class="wrapper style3 special">
 
−
<div class="inner">
 
−
<header class="major">
 
−
<h2>Accumsan mus tortor nunc aliquet</h2>
 
−
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
 
−
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
 
−
</header>
 
−
<ul class="features">
 
−
<li class="icon fa-paper-plane-o">
 
−
<h3>Arcu accumsan</h3>
 
−
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 
−
</li>
 
−
<li class="icon fa-laptop">
 
−
<h3>Ac Augue Eget</h3>
 
−
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 
−
</li>
 
−
<li class="icon fa-code">
 
−
<h3>Mus Scelerisque</h3>
 
−
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 
−
</li>
 
−
<li class="icon fa-headphones">
 
−
<h3>Mauris Imperdiet</h3>
 
−
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 
−
</li>
 
−
<li class="icon fa-heart-o">
 
−
<h3>Aenean Primis</h3>
 
−
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 
−
</li>
 
−
<li class="icon fa-flag-o">
 
−
<h3>Tortor Ut</h3>
 
−
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 
−
</li>
 
−
</ul>
 
−
</div>
 
−
</section>
 
  
−
<!-- CTA -->
 
−
<section id="cta" class="wrapper style4">
 
−
<div class="inner">
 
−
<header>
 
−
<h2>Arcue ut vel commodo</h2>
 
−
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
 
−
</header>
 
−
<ul class="actions vertical">
 
−
<li><a href="#" class="button fit special">Activate</a></li>
 
−
<li><a href="#" class="button fit">Learn More</a></li>
 
−
</ul>
 
−
</div>
 
−
</section>
 
  
−
<!-- Footer -->
+
  <main class="container clear">
−
<footer id="footer">
+
 
 +
  <!-- ################################ ICI CONTENEUR OU TU PEUX T'AMUSER A METTRE LES DIVS ############################### -->
 +
 
  
−
<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>

Latest revision as of 00:01, 19 September 2015

iGEM Toulouse 2015

Gallery

As we were saying before, ethics was a dimension that was present from the very first stages of development 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.

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.

Finally, we would like to share with you this quote by Arthur M. Schlesinger that underlines something that we have learned this summer:

Science and technology revolutionize our lives, but memory, tradition and myth frame our response.

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.