|
|
| (19 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Pasteur_Paris_Design}}
| |
| − | <html></div></div></div></div></div>
| |
| | | | |
| − | <html lang="en-US">
| |
| − |
| |
| − | <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
| |
| − | <style type="text/css">
| |
| − | <link rel="stylesheet" href="css/gallery.theme.css">
| |
| − | <link rel="stylesheet" href="css/gallery.min.css">
| |
| − | body {
| |
| − | color:black;
| |
| − | background-color:white;
| |
| − | background-image:url("https://2016.igem.org/File:Fond_blanc.png");
| |
| − | background-attachment:fixed;
| |
| − | }
| |
| − |
| |
| − | h1{
| |
| − | font-family: 'Oswald', Arial, sans-serif;
| |
| − | margin-top:0;
| |
| − | padding:0px 30px 30px 30px;
| |
| − | font-size:40px;
| |
| − | color:#333;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | h2{
| |
| − | font-family: 'Oswald', Arial, sans-serif;
| |
| − | margin-top:7%;
| |
| − | padding:0px 30px 30px 30px;
| |
| − | font-size:30px;
| |
| − | color:#17A3B5 ;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #introduction1 {
| |
| − | position: relative; /* on positionne le conteneur */
| |
| − | margin-left: 22%;
| |
| − | margin-right: auto;
| |
| − | text-align: left;
| |
| − | width:60%;
| |
| − | text-align : justify;
| |
| − | margin-top:1%;
| |
| − | font-size: 16px
| |
| − | }
| |
| − |
| |
| − | #introduction2 {
| |
| − | position: relative; /* on positionne le conteneur */
| |
| − | margin-left: 22%;
| |
| − | margin-right: auto;
| |
| − | width:60%;
| |
| − | text-align : justify;
| |
| − | font-size: 16px
| |
| − | }
| |
| − |
| |
| − | #introduction3 {
| |
| − | position: relative; /* on positionne le conteneur */
| |
| − | margin-left: 22%;
| |
| − | margin-right: auto;
| |
| − | width:60%;
| |
| − | text-align : justify;
| |
| − | font-size: 16px
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .multi-column1{
| |
| − | width:60%;
| |
| − | margin-left:22%;
| |
| − | margin-top:3%;
| |
| − | text-align : justify;
| |
| − | -moz-column-count:2;
| |
| − | -webkit-column-count:2;
| |
| − | -o-column-count:2;
| |
| − | column-count:2;
| |
| − | -moz-column-gap:10px;
| |
| − | -webkit-column-gap:10px;
| |
| − | -o-column-gap:10px;
| |
| − | column-gap:10px;
| |
| − | -webkit-column-rule-width:3px;
| |
| − | -moz-column-rule-width:3px;
| |
| − | -o-column-rule-width:3px;
| |
| − | column-rule-width:3px;
| |
| − | }
| |
| − |
| |
| − | .multi-column2{
| |
| − | margin-top:3%;
| |
| − | width:60%;
| |
| − | margin-left:22%;
| |
| − | text-align : justify;
| |
| − | -moz-column-count:2;
| |
| − | -webkit-column-count:2;
| |
| − | -o-column-count:2;
| |
| − | column-count:2;
| |
| − | -moz-column-gap:10px;
| |
| − | -webkit-column-gap:10px;
| |
| − | -o-column-gap:10px;
| |
| − | column-gap:10px;
| |
| − | -webkit-column-rule-width:3px;
| |
| − | -moz-column-rule-width:3px;
| |
| − | -o-column-rule-width:3px;
| |
| − | column-rule-width:3px;
| |
| − | }
| |
| − |
| |
| − | #flotte4 {
| |
| − | margin-top:7%;
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #text3 {
| |
| − | position: relative; /* on positionne le conteneur */
| |
| − | margin-left: 22%;
| |
| − | margin-right: auto;
| |
| − | text-align: left;
| |
| − | width:60%;
| |
| − | text-align : justify;
| |
| − | font-size:16px
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*slide gallery APPLICATION PART*/
| |
| − | * {
| |
| − | box-sizing: border-box; }
| |
| − |
| |
| − | .app1{
| |
| − | display: flex;
| |
| − | flex-wrap: wrap;
| |
| − | position:relative;
| |
| − | width: auto;
| |
| − | height: auto;
| |
| − | border: #FFFFFF solid;
| |
| − | margin:0px 10px 0px 0px;
| |
| − | -moz-border-radius:10px 10px;
| |
| − | -webkit-border-radius:10px 10px;
| |
| − | border-radius:10px 10px;
| |
| − | display: -webkit-flex;
| |
| − | display: -ms-flexbox;
| |
| − | display: flex;
| |
| − | -webkit-flex-wrap: wrap;
| |
| − | -ms-flex-wrap: wrap;
| |
| − | flex-wrap: wrap;
| |
| − | }
| |
| − |
| |
| − | a {
| |
| − | text-decoration: none;
| |
| − | color: inherit; }
| |
| − |
| |
| − | .gallery {
| |
| − | position: relative;
| |
| − | height: 550px;
| |
| − | margin-left:15%;
| |
| − | margin-top:0%;
| |
| − | text-align : justify;
| |
| − |
| |
| − | }
| |
| − | .gallery .item {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 80%;
| |
| − | height: 550px;
| |
| − | background: #FFFFFF ;
| |
| − | opacity: 0;
| |
| − | transition: opacity 0.25s; }
| |
| − |
| |
| − | .gallery .item:first-of-type {
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | .gallery .controls {
| |
| − | color: whiteSmoke;
| |
| − | color: #A8D5D8;
| |
| − | left: 1%;
| |
| − | position: absolute;
| |
| − | bottom: 0;
| |
| − | width: 80%;
| |
| − | font-size: 3.5em;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .gallery .controls a {
| |
| − | transition: color 0.25s;
| |
| − | }
| |
| − |
| |
| − | .gallery .controls a:hover {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @keyframes galleryAnimation {
| |
| − | 0% {
| |
| − | opacity: 0; }
| |
| − |
| |
| − | 9.5%, 33% {
| |
| − | opacity: 1; }
| |
| − |
| |
| − | 42.9%, 100% {
| |
| − | opacity: 0; } }
| |
| − |
| |
| − | @keyframes controlAnimation {
| |
| − | 0% {
| |
| − | color: whiteSmoke;
| |
| − | color: #A8D5D8; }
| |
| − |
| |
| − | 9.5%, 33% {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ; }
| |
| − |
| |
| − | 42.9%, 100% {
| |
| − | color: whiteSmoke;
| |
| − | color: #A8D5D8; } }
| |
| − |
| |
| − |
| |
| − | .gallery .control-operator {
| |
| − | display: none;
| |
| − | }
| |
| − | .gallery .control-operator:target ~ .item {
| |
| − | animation: none;
| |
| − | }
| |
| − | .gallery .control-operator:target ~ .controls .control-item {
| |
| − | color: whiteSmoke;
| |
| − | color: #A8D5D8;
| |
| − | animation: none;
| |
| − | }
| |
| − | .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | .gallery .control-operator:nth-of-type(1):target ~ .controls .control-item:nth-of-type(1) {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ;
| |
| − | }
| |
| − |
| |
| − | .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | .gallery .control-operator:nth-of-type(2):target ~ .controls .control-item:nth-of-type(2) {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ;
| |
| − | }
| |
| − |
| |
| − | .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | .gallery .control-operator:nth-of-type(3):target ~ .controls .control-item:nth-of-type(3) {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | .multi-column3{
| |
| − | width:60%;
| |
| − | margin-top:3%;
| |
| − | margin-left:22%;
| |
| − | text-align : justify;
| |
| − | -moz-column-count:2;
| |
| − | -webkit-column-count:2;
| |
| − | -o-column-count:2;
| |
| − | column-count:2;
| |
| − | -moz-column-gap:25px;
| |
| − | -webkit-column-gap:25px;
| |
| − | -o-column-gap:25px;
| |
| − | column-gap:25px;
| |
| − | -webkit-column-rule-width:3px;
| |
| − | -moz-column-rule-width:3px;
| |
| − | -o-column-rule-width:3px;
| |
| − | column-rule-width:3px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <body>
| |
| − | <div id="Devices page">
| |
| − | <h1><B>MOS(KIT)O devices</B></h1>
| |
| − |
| |
| − | <div id="introduction1"><p>
| |
| − | <center><img src="https://static.igem.org/mediawiki/2016/6/68/Device_1_pasteur.png" width="95%" alt=""/></center></br></br></br>
| |
| − | The patch is the core of our project, but it is only one part of a three part system that includes : a mosquito trap, a safe analysis tool and a database. It was very important for us to design all three parts of this system in a way that is user-friendly so no scientific background is needed to use it. Additionally, it had to be a safe system.</br></br></p></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <h2><B>TRAP</B></h2>
| |
| − | <p>
| |
| − | <figure><center><div id="video" style="margin-left:6%">
| |
| − | <video width=65% height=60% controls>
| |
| − | <source src="https://static.igem.org/mediawiki/2016/c/ce/TRAP_SCENARIO_PASTEUR.mp4" type="video/mp4">
| |
| − | Your browser does not support the video tag.
| |
| − | </video>
| |
| − | </div></center></figure>
| |
| − | </p>
| |
| − | <div id="introduction2">
| |
| − | <p><B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br></br></p></br></div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="multi-column1"> <p><img src="https://static.igem.org/mediawiki/2016/1/1a/Photo_portrait_PASTEUR.png" width="95%" alt=""/>
| |
| − | </br></br>
| |
| − | <B>mode d’emplois</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.</br></br></br>
| |
| − |
| |
| − |
| |
| − | <img class="Photo paysage" src="https://static.igem.org/mediawiki/2016/5/5c/Photo_portrait_moyenne_PASTEUR.png" width="100%"; height="400" alt="Photo de présentation TRAP" />
| |
| − | </p></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="multi-column2">
| |
| − | <p><img src="https://static.igem.org/mediawiki/2016/1/1a/Photo_portrait_PASTEUR.png" width="95%"; alt="" />
| |
| − |
| |
| − |
| |
| − |
| |
| − | </br></br>lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.</br></br></br>
| |
| − |
| |
| − | </p></div>
| |
| − |
| |
| − | <div id="flotte4"><figure><center>
| |
| − |
| |
| − | <div id="video" style="margin-left:6%">
| |
| − | <video width=65% height=60% controls>
| |
| − | <source src="https://static.igem.org/mediawiki/2016/d/d3/Mosquito_trap_user_guide_pasteur.mp4" type="video/mp4">
| |
| − | Your browser does not support the video tag.
| |
| − | </video>
| |
| − | </div></center></figure></div>
| |
| − | </p>
| |
| − | <div id="text3"><p><B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br></br></p></br></div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <h2><B>ANALYSIS KIT</B></h2>
| |
| − | <p>
| |
| − |
| |
| − |
| |
| − | <figure><center><div id="video" style="margin-left:6%">
| |
| − | <video width=65% height=60% controls>
| |
| − | <source src="https://static.igem.org/mediawiki/2016/2/21/Video_stopmotion_syst_analyse_pasteur.mp4" type="video/mp4">
| |
| − | Your browser does not support the video tag.
| |
| − | </video>
| |
| − | </div></center></figure>
| |
| − | </p>
| |
| − | <div id="introduction3"><p><B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br></br></p></br></div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <h2><B>APPLICATION</B></h2>
| |
| − | <div class="gallery">
| |
| − | <div id="class="control-item" " class="control-operator"></div>
| |
| − | <div id="item-2" class="control-operator"></div>
| |
| − | <div id="item-3" class="control-operator"></div>
| |
| − |
| |
| − |
| |
| − | <figure class="item">
| |
| − | <p>1<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div>
| |
| − | </p>
| |
| − | </figure>
| |
| − |
| |
| − | <figure class="item">
| |
| − | <p>2<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div>
| |
| − | </figure>
| |
| − |
| |
| − | <figure class="item">
| |
| − | <p>3<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div>
| |
| − | </figure>
| |
| − |
| |
| − | <div class="controls">
| |
| − | <a class="control-item" href="#item-1">•</a>
| |
| − | <a class="control-item" href="#item-2">•</a>
| |
| − | <a class="control-item" href="#item-3">•</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="multi-column3"> <p>
| |
| − | <B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br></br></br></br></br></br>
| |
| − |
| |
| − | <B>mode d’emplois</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.</br></br>
| |
| − | <B>texte explicatif</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbvlcvihiugheugv lcvihiugheugv cvihiugheugv lcvihiugheugv lcvihiugheuggv lcvihiugheugv lc vihiugheugv lcvihiugheugv;</br></br>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </p></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </body>
| |
| − | <p style="display:none">
| |
| − | </html>
| |
