Difference between revisions of "Team:Grenoble-Alpes/Description"

 
(135 intermediate revisions by 3 users not shown)
Line 7: Line 7:
 
         <style>
 
         <style>
  
−
         header  
+
         header
 
         {
 
         {
−
             background-image:url('https://static.igem.org/mediawiki/2017/e/e2/Projectphotoigemgrenoble.jpeg');
+
             background:url('https://static.igem.org/mediawiki/2017/e/e2/Projectphotoigemgrenoble.jpeg') fixed;
 +
                background-size:100% 100%;
 
             -webkit-animation: begin 3s linear;
 
             -webkit-animation: begin 3s linear;
 
             -moz-animation: begin 3s linear;
 
             -moz-animation: begin 3s linear;
−
            animation: begin 3s linear;
 
 
             }
 
             }
  
Line 29: Line 29:
 
     100% {opacity:1;}
 
     100% {opacity:1;}
 
}     
 
}     
−
       
+
        /*********** TITLE ****************/
 +
 
 +
          #couvlogogeo {
 +
            width:50%;
 +
            opacity:0.5;
 +
            transform:translate(3850%,-150%);
 +
            z-index:5;
 +
          }
  
 
         /*********** Popup container - can be anything you want ****************/
 
         /*********** Popup container - can be anything you want ****************/
Line 73: Line 80:
 
         {
 
         {
  
 +
        }
 +
 +
        #Popup_geo
 +
        {
 +
        position:absolute;
 +
        padding: 1% 1% 1% 1%;
 +
        top: -200%;
 +
        left: 1600%;
 +
        width: 300%;
 +
        z-index: 2;
 
         }
 
         }
  
Line 87: Line 104:
 
             padding: 10% 10% 10% 10%;
 
             padding: 10% 10% 10% 10%;
 
             position: relative;
 
             position: relative;
−
             z-index:-100;
+
             z-index:1;
  
 
         }
 
         }
Line 102: Line 119:
 
             border-style: solid;
 
             border-style: solid;
 
             border-color: #555 transparent transparent transparent;
 
             border-color: #555 transparent transparent transparent;
−
             z-index:-100;
+
             z-index:1;
 
         }
 
         }
  
Line 118: Line 135:
 
         #numbr2
 
         #numbr2
 
         {
 
         {
−
             transform:translate(150%,-300%);
+
             transform:translate(150%,-280%);
 
             width:100%;
 
             width:100%;
 
             opacity:0.5;
 
             opacity:0.5;
Line 131: Line 148:
 
         /*************** Diagram in the background ****************/
 
         /*************** Diagram in the background ****************/
  
−
         .fond
+
         .fond_1
 +
        {
 +
            padding:20%;
 +
            background-image: url("https://static.igem.org/mediawiki/2017/9/9b/Step_1_fond_blanc_.png");
 +
            background-repeat:no-repeat;
 +
            background-position : center center;
 +
            position:relative;
 +
            background-size: 62% 100% ;
 +
        }
 +
 
 +
        .fond_2
 +
        {
 +
            padding:20%;
 +
            background-image: url("https://static.igem.org/mediawiki/2017/7/7c/Step_2_fond_blanc.png");
 +
            background-repeat:no-repeat;
 +
            background-position : center center;
 +
            position:relative;
 +
            background-size: 62% 100% ;
 +
        }
 +
 
 +
        .fond_3
 
         {
 
         {
 
             padding:20%;
 
             padding:20%;
−
             background-image: url("https://static.igem.org/mediawiki/2017/0/07/Boite.png");
+
            margin-bottom:2%;
 +
             background-image: url("https://static.igem.org/mediawiki/2017/2/24/Step_3_fond_blanc.png");
 
             background-repeat:no-repeat;
 
             background-repeat:no-repeat;
 
             background-position : center center;
 
             background-position : center center;
 
             position:relative;
 
             position:relative;
−
             background-size: 80% 90% ;
+
             background-size: 62% 100% ;
 
         }
 
         }
  
Line 145: Line 183:
 
         .fond_logo
 
         .fond_logo
 
         {
 
         {
−
             background-color:orange;
+
             background-color:#F49C20;
 
             width:100%;
 
             width:100%;
 
             text-align:center;
 
             text-align:center;
Line 169: Line 207:
 
         }
 
         }
 
      
 
      
−
         .bulle_logo_lab
+
         .bulle1_logo_lab
 
         {
 
         {
 
           position:absolute;
 
           position:absolute;
Line 177: Line 215:
 
           top: 25%;
 
           top: 25%;
 
         }
 
         }
 +
 +
        .bulle2_logo_lab
 +
        {
 +
          position:absolute;
 +
          width:4%;
 +
          z-index:3;
 +
          left: 48%;
 +
          top: 25%;
 +
        }
 +
 +
        .bulle3_logo_lab
 +
        {
 +
          position:absolute;
 +
          width:3%;
 +
          z-index:3;
 +
          left: 48%;
 +
          top: 25%;
 +
        }
 +
  
 
         .logo_eng
 
         .logo_eng
Line 270: Line 327:
  
 
/* ****************** ANIMATIONS ***************** */
 
/* ****************** ANIMATIONS ***************** */
−
.fond_logo_lab:hover .bulle_logo_lab {
+
.fond_logo_lab:hover .bulle1_logo_lab {
 
     -webkit-animation: bulle 3s linear infinite;
 
     -webkit-animation: bulle 3s linear infinite;
 
     -moz-animation: bulle 3s linear infinite;
 
     -moz-animation: bulle 3s linear infinite;
 
     animation: bulle 3s linear infinite;
 
     animation: bulle 3s linear infinite;
 +
}
 +
 +
.fond_logo_lab:hover .bulle2_logo_lab {
 +
    -webkit-animation: bulle 2s linear infinite;
 +
    -moz-animation: bulle 2s linear infinite;
 +
    animation: bulle 2s linear infinite;
 +
}
 +
 +
.fond_logo_lab:hover .bulle3_logo_lab {
 +
    -webkit-animation: bulle 1s linear infinite;
 +
    -moz-animation: bulle 1s linear infinite;
 +
    animation: bulle 1s linear infinite;
 
}
 
}
  
Line 342: Line 411:
 
@-webkit-keyframes bulle {
 
@-webkit-keyframes bulle {
 
     0% {transform:translate(0%,0%)}
 
     0% {transform:translate(0%,0%)}
−
     20% {transform:translate(-5%,-20%)}
+
     20% {transform:translate(-7%,-100%)}
−
     40% {transform:translate(0%,-400%)}
+
     40% {transform:translate(0%,-200%)}
−
     60% {transform:translate(-5%,-60%)}
+
     60% {transform:translate(7%,-300%)}
−
     80% {transform:translate(0%,-80%)}
+
     80% {transform:translate(0%,-400%)}
−
     100% {transform:translate(-5%,-100%)}
+
     100% {transform:translate(-7%,-500%)}
 
}
 
}
  
 
@-moz-keyframes bulle {
 
@-moz-keyframes bulle {
 
     0% {transform:translate(0%,0%)}
 
     0% {transform:translate(0%,0%)}
−
     20% {transform:translate(-5%,-20%)}
+
     20% {transform:translate(-7%,-100%)}
−
     40% {transform:translate(0%,-400%)}
+
     40% {transform:translate(0%,-200%)}
−
     60% {transform:translate(-5%,-60%)}
+
     60% {transform:translate(7%,-300%)}
−
     80% {transform:translate(0%,-80%)}
+
     80% {transform:translate(0%,-400%)}
−
     100% {transform:translate(-5%,-100%)}
+
     100% {transform:translate(-7%,-500%)}
 
}
 
}
  
 
@keyframes bulle {
 
@keyframes bulle {
 
     0% {transform:translate(0%,0%)}
 
     0% {transform:translate(0%,0%)}
−
     20% {transform:translate(-5%,-20%)}
+
     20% {transform:translate(-7%,-100%)}
−
     40% {transform:translate(0%,-400%)}
+
     40% {transform:translate(0%,-200%)}
−
     60% {transform:translate(-5%,-60%)}
+
     60% {transform:translate(7%,-300%)}
−
     80% {transform:translate(0%,-80%)}
+
     80% {transform:translate(0%,-400%)}
−
     100% {transform:translate(-5%,-100%)}
+
     100% {transform:translate(-7%,-500%)}
 
}
 
}
  
Line 399: Line 468:
  
 
         <header>
 
         <header>
−
         <h3> Project </h3>
+
         <h3> Description </h3>
 +
 
 
         </header>
 
         </header>
  
−
        <h2 id="ancre1" style="padding-top:4%; padding-bottom:2%;"> Project Description</h2>
+
            <div class="popup_geoloc" onclick="Function_geo()"><img class="couvlogogeo" src="https://static.igem.org/mediawiki/2017/c/c9/LogolocalisationiGEMGrenoble.png">
 +
                  <span class="popuptext" id="Popup_geo"> The Aiguilles d’Arves are not only the apex the Maurienne valley, they are also its emblem. <br> Credits: Estelle Vincent
 +
                  </span>
 +
            </div>
 +
<div style="transform:translate(0,-1.09%);" >
 +
<!-- ************************** DESCRIPTION ************************** -->
 +
<h2 style="padding-top:2%; padding-bottom:2%; color:#F49C20; font-size:2.5vw;"> Project description </h2>
  
−
        <!== ******* Introduction ************ ==>
+
            <h5> <I>Vibrio Cholerae</I> is the bacteria responsible for cholera. The tricky thing is that there are only two serogroups of <I>Vibrio Cholerae</I> O1 and O139 that are responsible for epidemics of cholera while the others provoke diarrheas, abscess or septicemia. </h5>
 +
<h5> This is why we are going to design a pathogen sensitive detector: SnapLab, our portable kit that will detect cholera. After extracting DNA from the feces and performing the analysis, a nucleic acid sequence will be detected if the patient is infected with cholera. Once these sequences are introduced into the bacteria, fluorescence will be emitted and captured by the camera of a smartphone. The application that we will design will not only perform the analysis but it will also do the image processing. </h5>
 +
<h5>The greatest advantage of this device will be its capability to communicate the results to its user and to map the cases of cholera. </h5>
 +
<h5 style="padding-bottom:2%;">Going forward, this kind of device will be replicable for different pathogens, thus allowing to widen the spectrum of this kit’s use. </h5>
  
−
        <div>
 
−
            <h5>
 
−
Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae.
 
−
Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu.
 
−
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
 
−
Haec dum oriens diu perferret, caeli reserato tepore Constantius consulatu suo septies et Caesaris ter egressus Arelate Valentiam petit, in Gundomadum et Vadomarium fratres Alamannorum reges arma moturus, quorum crebris excursibus vastabantur confines limitibus terrae Gallorum.
 
−
Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.
 
−
            </h5>
 
−
        </div>
 
 
          
 
          
 
         <!== **In div class="fond", add div for each number, with picture, and description you want in the span**==>
 
         <!== **In div class="fond", add div for each number, with picture, and description you want in the span**==>
  
−
         <div class="fond">
+
         <div class="fond_1">
  
−
            <div class="popup" onclick="myFunction1()"><img id="numbr1" src="https://static.igem.org/mediawiki/2017/a/a9/B1.jpeg">
+
      <!-- **    <div class="popup" onclick="myFunction1()"><img id="numbr1" src="https://static.igem.org/mediawiki/2017/a/a9/B1.jpeg">
 
                   <span class="popuptext" id="myPopup1">Here is a small description of the basic medium. Here is a small description of the basic medium. Here is a small description of the basic medium.
 
                   <span class="popuptext" id="myPopup1">Here is a small description of the basic medium. Here is a small description of the basic medium. Here is a small description of the basic medium.
 
                   </span>
 
                   </span>
Line 428: Line 498:
 
                   <span class="popuptext" id="myPopup2">Here is where the DNA sequence is exctracted...Here is where the DNA sequence is exctracted...Here is where the DNA sequence is exctracted...
 
                   <span class="popuptext" id="myPopup2">Here is where the DNA sequence is exctracted...Here is where the DNA sequence is exctracted...Here is where the DNA sequence is exctracted...
 
                   </span>
 
                   </span>
−
             </div>
+
             </div> **-->
 
         </div>
 
         </div>
  
−
        <!== ************* Other explanation ********************** ==>
+
<div class="fond_2">
  
−
        <div>
+
         
−
            <h5>
+
−
Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae. </h5>
+
−
          <h5>
+
−
Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. </h5>
+
−
          <h5>
+
−
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret. </h5>
+
−
          <h5>
+
−
Haec dum oriens diu perferret, caeli reserato tepore Constantius consulatu suo septies et Caesaris ter egressus Arelate Valentiam petit, in Gundomadum et Vadomarium fratres Alamannorum reges arma moturus, quorum crebris excursibus vastabantur confines limitibus terrae Gallorum. </h5>
+
−
          <h5>
+
−
Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata. </h5>
+
 
         </div>
 
         </div>
−
 
−
        <br>
 
−
 
−
 
−
        <!== ************** Diagram with explanation ******************* ==>
 
−
 
−
        <div style="height:100%;">
 
−
 
−
            <img class="schema_img_right" src="https://static.igem.org/mediawiki/2017/0/07/Boite.png">
 
  
−
            <h5>
+
<div class="fond_3">
  
−
Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae. </h5>
 
−
            <h5>
 
−
Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. </h5>
 
−
            <h5>
 
−
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret. </h5>
 
−
              <h5>
 
−
Haec dum oriens diu perferret, caeli reserato tepore Constantius consulatu suo septies et Caesaris ter egressus Arelate Valentiam petit, in Gundomadum et Vadomarium fratres Alamannorum reges arma moturus, quorum crebris excursibus vastabantur confines limitibus terrae Gallorum. </h5>
 
−
              <h5>
 
−
Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.
 
−
            </h5>
 
  
 
         </div>
 
         </div>
−
        <br>
 
  
 +
</div>
  
−
        <div style="height:100%;">
+
<h5 style="padding-bottom:4%;">Now the project has been briefly explained, you can have further information on the realisation of our project by clicking on any of the three circles or you can directly go to the <a style="text-decoration:none; color:#F49C20;" href="https://2017.igem.org/Team:Grenoble-Alpes/Demonstrate">results</a>.</h5>
  
−
            <img class="schema_img_left" src="https://static.igem.org/mediawiki/2017/0/07/Boite.png">
 
  
−
            <h5>
 
  
−
Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae. </h5>
 
−
            <h5>
 
−
Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. </h5>
 
−
            <h5>
 
−
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret. </h5>
 
−
            <h5>
 
−
Haec dum oriens diu perferret, caeli reserato tepore Constantius consulatu suo septies et Caesaris ter egressus Arelate Valentiam petit, in Gundomadum et Vadomarium fratres Alamannorum reges arma moturus, quorum crebris excursibus vastabantur confines limitibus terrae Gallorum. </h5>
 
−
            <h5>
 
−
Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.
 
−
            </h5>
 
−
        </div>
 
−
 
−
<br>
 
−
 
−
        <!== ************ Logos' banner *************** ==>
 
  
 +
<!-- ************************** LOGO BANNER ************************** -->
 
         <div class="fond_logo">
 
         <div class="fond_logo">
  
−
<p style="color:orange;">test</p>
+
<p style="color:#F49C20;">test</p>
 
              
 
              
 
             <div class="fond_logo_lab">
 
             <div class="fond_logo_lab">
−
             <a href="https://2017.igem.org/Team:Grenoble-Alpes/Lab">
+
             <a href="https://2017.igem.org/Team:Grenoble-Alpes/LabBook">
−
             <img class ="logo_lab" src="https://static.igem.org/mediawiki/2017/2/2e/LAb.png">
+
             <img class="logo_lab" src="https://static.igem.org/mediawiki/2017/0/06/Lab_2.png">
−
             <img class ="bulle_logo_lab" src="https://static.igem.org/mediawiki/2017/c/ce/Bulle.png">
+
             <img class ="bulle1_logo_lab" src="https://static.igem.org/mediawiki/2017/c/ce/Bulle.png">
 +
            <img class ="bulle2_logo_lab" src="https://static.igem.org/mediawiki/2017/c/ce/Bulle.png">
 +
            <img class ="bulle3_logo_lab" src="https://static.igem.org/mediawiki/2017/c/ce/Bulle.png">
 
             </a>
 
             </a>
 
             </div>
 
             </div>
Line 516: Line 543:
 
          
 
          
 
             <div class="fond_logo_app">
 
             <div class="fond_logo_app">
−
             <a href="https://2017.igem.org/Team:Grenoble-Alpes/App">
+
             <a href="https://2017.igem.org/Team:Grenoble-Alpes/Software">
 
             <img class="logo_app" src="https://static.igem.org/mediawiki/2017/7/7b/Fond_app.png">
 
             <img class="logo_app" src="https://static.igem.org/mediawiki/2017/7/7b/Fond_app.png">
 
             <img class="tel_logo_app" src="https://static.igem.org/mediawiki/2017/f/f8/Tel.png">
 
             <img class="tel_logo_app" src="https://static.igem.org/mediawiki/2017/f/f8/Tel.png">
Line 522: Line 549:
 
             </div>
 
             </div>
 
              
 
              
−
<p style="color:orange;">test</p>
+
<p style="color:#F49C20;">test</p>
  
 
         </div>
 
         </div>
 +
       
 +
        </body>
  
−
<br>
 
−
 
−
        <!== ******* Part 2 : Results *********** ==>
 
−
 
−
        <h2 id="ancre2" style="padding-top:4%; padding-bottom:2%;"> Results</h2>
 
−
 
−
        <div>
 
−
            <h5>
 
−
 
−
Cyprum itidem insulam procul a continenti discretam et portuosam inter municipia crebra urbes duae faciunt claram Salamis et Paphus, altera Iovis delubris altera Veneris templo insignis. tanta autem tamque multiplici fertilitate abundat rerum omnium eadem Cyprus ut nullius externi indigens adminiculi indigenis viribus a fundamento ipso carinae ad supremos usque carbasos aedificet onerariam navem omnibusque armamentis instructam mari committat. </h5>
 
−
          <h5>
 
−
Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur. </h5>
 
−
          <h5>
 
−
Et eodem impetu Domitianum praecipitem per scalas itidem funibus constrinxerunt, eosque coniunctos per ampla spatia civitatis acri raptavere discursu. iamque artuum et membrorum divulsa conpage superscandentes corpora mortuorum ad ultimam truncata deformitatem velut exsaturati mox abiecerunt in flumen.
 
−
 
−
            </h5>
 
−
 
−
        </div>
 
−
 
−
<br>
 
−
 
−
        <!== ** Video - "Poster" is the image without video, and "controls" allows to play and change volume ** ==>
 
−
 
−
        <div style="text-align:center;">
 
−
 
−
            <video src="https://static.igem.org/mediawiki/2017/c/cd/Video_presentation_iGEM_Grenoble_2017.mp4" poster="https://static.igem.org/mediawiki/2017/8/86/Miniature_video_presentation_igem_grenoble_2017.png" controls width=30%>
 
−
            Your browner cannot show this video.
 
−
            </video>
 
−
        </div>
 
−
 
−
<br>
 
−
 
−
        <!== ********** Part 3 : Improvement ********** ==>
 
−
 
−
        <h2 id="ancre3" style="padding-top:4%; padding-bottom:2%;"> Improvement </h2>
 
−
 
−
        <div>
 
−
            <h5>
 
−
 
−
 
−
Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent. </h5>
 
−
          <h5>
 
−
Superatis Tauri montis verticibus qui ad solis ortum sublimius attolluntur, Cilicia spatiis porrigitur late distentis dives bonis omnibus terra, eiusque lateri dextro adnexa Isauria, pari sorte uberi palmite viget et frugibus minutis, quam mediam navigabile flumen Calycadnus interscindit. </h5>
 
−
          <h5>
 
−
Nisi mihi Phaedrum, inquam, tu mentitum aut Zenonem putas, quorum utrumque audivi, cum mihi nihil sane praeter sedulitatem probarent, omnes mihi Epicuri sententiae satis notae sunt. atque eos, quos nominavi, cum Attico nostro frequenter audivi, cum miraretur ille quidem utrumque, Phaedrum autem etiam amaret, cotidieque inter nos ea, quae audiebamus, conferebamus, neque erat umquam controversia, quid ego intellegerem, sed quid probarem. </h5>
 
−
        <h5>
 
−
Nisi mihi Phaedrum, inquam, tu mentitum aut Zenonem putas, quorum utrumque audivi, cum mihi nihil sane praeter sedulitatem probarent, omnes mihi Epicuri sententiae satis notae sunt. atque eos, quos nominavi, cum Attico nostro frequenter audivi, cum miraretur ille quidem utrumque, Phaedrum autem etiam amaret, cotidieque inter nos ea, quae audiebamus, conferebamus, neque erat umquam controversia, quid ego intellegerem, sed quid probarem. </h5>
 
−
        <h5>
 
−
Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda, stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps, cum eum potius lenitate feminea ad veritatis humanitatisque viam reducere utilia suadendo deberet, ut in Gordianorum actibus factitasse Maximini truculenti illius imperatoris rettulimus coniugem.
 
−
 
−
            </h5>
 
−
        </div>
 
−
 
−
<br>
 
−
 
−
        <!== ******** Banner with anchor *********** ==>
 
−
 
−
        <h6 style="position: fixed; height:4%;width: 100%; background-color: rgb(238, 238, 238); margin: 0px; left: 0px; bottom:4%; padding: 4px; text-align: center; z-index:4;">
 
−
        <a href="#ancre1" id="menubas1" style="padding: 5%; text-decoration : none; color : #3498db;">Description</a>
 
−
        <a href="#ancre2" id="menubas2" style="padding: 5%; text-decoration : none; color : #3498db;">Results</a>
 
−
        <a href="#ancre3" id="menubas3" style="padding: 5%;text-decoration : none; color : #3498db;">Improvement</a>
 
−
        </h6>
 
−
 
−
        </body>
 
  
 
         <script>      // ********* Javascript to use popup - 1 function for each popup *********
 
         <script>      // ********* Javascript to use popup - 1 function for each popup *********
Line 655: Line 620:
  
 
               }
 
               }
 +
            }
 +
 +
            function Function_geo()
 +
            {
 +
            var popup = document.getElementById("Popup_geo");
 +
            popup.classList.toggle("show");
 
             }
 
             }
  

Latest revision as of 16:57, 30 October 2017

TEAM

Description

The Aiguilles d’Arves are not only the apex the Maurienne valley, they are also its emblem.
Credits: Estelle Vincent

Project description

Vibrio Cholerae is the bacteria responsible for cholera. The tricky thing is that there are only two serogroups of Vibrio Cholerae O1 and O139 that are responsible for epidemics of cholera while the others provoke diarrheas, abscess or septicemia.
This is why we are going to design a pathogen sensitive detector: SnapLab, our portable kit that will detect cholera. After extracting DNA from the feces and performing the analysis, a nucleic acid sequence will be detected if the patient is infected with cholera. Once these sequences are introduced into the bacteria, fluorescence will be emitted and captured by the camera of a smartphone. The application that we will design will not only perform the analysis but it will also do the image processing.
The greatest advantage of this device will be its capability to communicate the results to its user and to map the cases of cholera.
Going forward, this kind of device will be replicable for different pathogens, thus allowing to widen the spectrum of this kit’s use.
Now the project has been briefly explained, you can have further information on the realisation of our project by clicking on any of the three circles or you can directly go to the results.

Designed by iGEM Grenoble-Alpes 2017 team | Site Map