|
|
| (302 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| − | <html xmlns="http://www.w3.org/1999/xhtml"> | + | {{Toulouse}} |
| | + | <html> |
| | <head> | | <head> |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <meta charset="utf-8"> |
| − | <title>iGEM Toulouse 2015 - Coming Soon</title> | + | <title>iGEM Toulouse 2015</title> |
| − | <style type="text/css">
| + | <link rel="icon" href="https://static.igem.org/mediawiki/2015/2/2e/TLSE_ApiColi.png" type="image/png" style="width:10%;"/> |
| − | .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}
| + | |
| − |
| + | |
| − | @media screen {
| + | |
| − | .sIFR-flash {
| + | |
| − | visibility: visible !important;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sIFR-flash:focus{outline: none;}
| + | |
| − |
| + | |
| − | .sIFR-replaced, .sIFR-ignore {
| + | |
| − | visibility: visible !important;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sIFR-alternate {
| + | |
| − | position: absolute;
| + | |
| − | left: 0;
| + | |
| − | top: 0;
| + | |
| − | width: 0;
| + | |
| − | height: 0;
| + | |
| − | display: block;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sIFR-replaced div.sIFR-fixfocus {
| + | |
| − | margin: 0pt;
| + | |
| − | padding: 0pt;
| + | |
| − | overflow: auto;
| + | |
| − | letter-spacing: 0px;
| + | |
| − | float: none;
| + | |
| − | }
| + | |
| − | }
| + | |
| | | | |
| − | @media print {
| + | </head> |
| − | .sIFR-flash {
| + | <body id="top"> |
| − | display : none !important;
| + | <!-- ################################################################################################ --> |
| − | height : 0;
| + | <!-- ################################################################################################ --> |
| − | width : 0;
| + | <!-- ################################################################################################ --> |
| − | position : absolute;
| + | |
| − | overflow : hidden;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sIFR-alternate {
| + | |
| − | visibility : visible !important;
| + | |
| − | display : block !important;
| + | |
| − | position : static !important;
| + | |
| − | left : auto !important;
| + | |
| − | top : auto !important;
| + | |
| − | width : auto !important;
| + | |
| − | height : auto !important;
| + | |
| − | }
| + | |
| − | }
| + | |
| | | | |
| − | @media screen {
| + | </html>{{Toulouse/nav}}<html> |
| − | /* Example:
| + | |
| − | .sIFR-active h1 {
| + | |
| − | font-family: Verdana;
| + | |
| − | visibility: hidden;
| + | |
| − | }
| + | |
| − | */
| + | |
| − | } | + | |
| − | /* Reset */
| + | |
| | | | |
| − | body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
| + | <!-- ################################################################################################ --> |
| | + | <!-- ################################################################################################ --> |
| | + | <!-- ###################################### URL DE L'IMAGE EN BG ########################################################## --> |
| | + | <div class="wrapper row0 bgded" style="background-image:url('https://static.igem.org/mediawiki/2015/6/61/TLSE_bg_8.png')"> |
| | + | |
| | | | |
| − | html,body{
| + | <div class="shout"> |
| − | height: 100%;
| + | |
| − | background-color:black;
| + | <div class="shout-content clear"> |
| − | border-color:black;
| + | <div class="maintitle"> |
| − | }
| + | <center> <h3>Gallery</h3> </center> |
| | + | </div> |
| | + | <center><img src="https://static.igem.org/mediawiki/2015/b/ba/TLSE_Apicoli_nice.png" style="padding-bottom:50px;"></center> |
| | + | |
| | + | </div> |
| | | | |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | | | |
| − | body{
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | background-size: 100% ;
| |
| − | border-color:black;
| |
| | | | |
| | | | |
| − | background-attachment:fixed;
| |
| − | font-family:"Helvetica Neue",Helvetica, Arial;
| |
| − | background-image:url("https://static.igem.org/mediawiki/2015/1/12/Toulouse_-_Pont_Saint-Pierre_et_H%C3%B4pital_de_La_Grave.jpg");
| |
| − | }
| |
| | | | |
| − | div#shim2{
| + | <main class="container clear"> |
| − | visibility: hidden;
| + | |
| − | width: 100%;
| + | <!-- ################################ ICI CONTENEUR OU TU PEUX T'AMUSER A METTRE LES DIVS ############################### --> |
| − | height: 50%;
| + | |
| − | margin-top: -140px;
| + | |
| − | float: left;
| + | |
| − | background-color:black;
| + | |
| − | }
| + | |
| − | div#content {
| + | |
| − | background-color:black;
| + | |
| − | }
| + | |
| | | | |
| − | div#content2 { | + | <div class="group center"> <p class="text"> |
| − | width: 940px;
| + | 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> |
| − | height: 280px;
| + | 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> |
| − | margin: 0 auto;
| + | 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> |
| − | clear: both;
| + | </div> |
| − | position: relative;
| + | <div class="group center"> <p class="text"> |
| − | top: -140px;
| + | <i>Science and technology revolutionize our lives, but memory, tradition and myth frame our response.</i><br><br> |
| − | background-color:black;
| + | </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> |
| | | | |
| | + | <!-- ################################################################################################ --> |
| | + | <!-- ################################################################################################ --> |
| | + | <!-- ####################### FOOTER ######################################################################### --> |
| | | | |
| − | /* IE4ever Hack: Hide from IE4 **/ | + | </html>{{Toulouse/footer}}<html> |
| − | position: static;
| + | |
| − | /** end hack */
| + | |
| − | } | + | |
| | | | |
| − | .content2 .h1{
| |
| − | color:red;
| |
| − | }
| |
| − | /* Hide from IE5mac \*//*/
| |
| − | div#shim2 {
| |
| − | display: none;
| |
| − | }
| |
| − | html, body {
| |
| − | height: auto;
| |
| − | }
| |
| − | /* end hack */
| |
| − | /* ]]> */
| |
| | | | |
| | | | |
| − | .logo_box2{
| |
| − | width: 349px;
| |
| − | float: left;
| |
| − |
| |
| − | height: 280px;
| |
| − | position: relative;
| |
| − | background-color:black;
| |
| − | }
| |
| − | h1{
| |
| − | padding: 12px 20px 50px 20px;
| |
| − | position: absolute;
| |
| − | text-align:left;
| |
| − | top: 25%;
| |
| − | float: left;
| |
| − | color: white;
| |
| − | font-size: 30px;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | h1 cufon{
| |
| − | margin-bottom: -4px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | h3{
| |
| − | font-size: 24px;
| |
| − | color: white;
| |
| − | float: left;
| |
| − | margin-right: 15px;
| |
| − | padding-top: 5px;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | .main_box2{
| |
| − | float: left;
| |
| − | width: 500px;
| |
| − | height: 95px;
| |
| − | padding: 25px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | h2{
| |
| − | font-family: Georgia;
| |
| − | color: #ffe400;
| |
| − | font-size: 24px;
| |
| − | margin-bottom: 20px;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | h2 span{
| |
| − | color: #fff;
| |
| − | font-size: 16px;
| |
| − | line-height: 26px;
| |
| − | font-style: italic;
| |
| − | }
| |
| − |
| |
| − | ul.info{
| |
| − | width: 500px;
| |
| − | padding: 0;
| |
| − | margin: 10px 0 0 0;
| |
| − | float: left;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | ul.info li{
| |
| − | margin-bottom: 20px;
| |
| − | clear: both;
| |
| − | float: left;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | ul.info li p{
| |
| − | font-size: 13px;
| |
| − | line-height: 20px;
| |
| − | color: #fff;
| |
| − | float: left;
| |
| − | margin: 0;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | ul.info li p.social a.tw{
| |
| − | width: 28px;
| |
| − | height: 28px;
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') left top no-repeat;
| |
| − | margin-right: 8px;
| |
| − | float: left;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | ul.info li p.social a.fb{
| |
| − | width: 28px;
| |
| − | height: 28px;
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') -36px top no-repeat;
| |
| − | float: left;
| |
| − | margin-right: 8px;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | ul.info li p.social a.li{
| |
| − | width: 28px;
| |
| − | height: 28px;
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') -72px top no-repeat;
| |
| − | float: left;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | ul.info li p.social a.tw:hover{
| |
| − | width: 28px;
| |
| − | height: 28px;
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') left bottom no-repeat;
| |
| − | float: left;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | ul.info li p.social a.fb:hover{
| |
| − | width: 28px;
| |
| − | height: 28px;
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') -36px bottom no-repeat;
| |
| − | float: left;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − | ul.info li p.social a.li:hover{
| |
| − | width: 28px;
| |
| − | height: 28px;
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') -72px bottom no-repeat;
| |
| − | float: left;
| |
| − | background-color:black;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .field{
| |
| − | float: left;
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') left top no-repeat;
| |
| − | width: 425px;
| |
| − | height: 21px;
| |
| − | font-size: 14px;
| |
| − | color: #666;
| |
| − | padding: 10px;
| |
| − | border: none;
| |
| − | }
| |
| − |
| |
| − | .submit_butt{
| |
| − | float: left;
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') right top no-repeat;
| |
| − | width: 109px;
| |
| − | height: 41px;
| |
| − | border: none;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | .submit_butt:hover{
| |
| − | background: url('https://static.igem.org/mediawiki/2015/7/76/Social.png') right bottom no-repeat;
| |
| − | }
| |
| − |
| |
| − | .connect{
| |
| − | width: 145px;
| |
| − | padding-left: 20px;
| |
| − | float: left;
| |
| − | padding-top: 20px;
| |
| − | }
| |
| − |
| |
| − | .connect img{
| |
| − | margin-right: 5px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | </head>
| |
| − | <body>
| |
| − | <nowiki>
| |
| − | <div id="shim2" ></div>
| |
| − | <div class="content2">
| |
| − | <nowiki>
| |
| − | <div class="logo_box2"><p><h1>iGEM<br/>TOULOUSE<br/>2015</p></h1></div>
| |
| − | <div class="main_box2">
| |
| − |
| |
| − | <h2>Our website is coming soon.<br/><span>In the mean time connect with us with the information below</span></h2>
| |
| − |
| |
| − | <ul class="info">
| |
| − | <li>
| |
| − | <h3>Our phone</h3>
| |
| − | <p>+33 (0)5 61 55 94 19<br/></p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <h3>Our Adress</h3>
| |
| − | <p>LISBP<br/>135 Avenue de Rangueil <br/>31077, TOULOUSE Cedex 04.</p>
| |
| − | </li>
| |
| − | <li>
| |
| − |
| |
| − | <h3>Follow us</h3>
| |
| − | <p class="social">
| |
| − | <a href="https://twitter.com/toulouse_igem" target= "_blanc" class="tw"></a>
| |
| − | <a href="https://www.facebook.com/pages/iGEM-Toulouse-2015/1604834019761538" target= "_blanc" class="fb"></a>
| |
| − | </p>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </nowiki>
| |
| − | </div>
| |
| | </body> | | </body> |
| − |
| |
| | </html> | | </html> |
