Difference between revisions of "Team:INSA-UPS France/test/description"

Line 220: Line 220:
 
}
 
}
  
−
/* Graphical display */
 
  
−
.graphical_display{
 
−
  height:400px;
 
−
  margin-top:20px;
 
−
 
−
}
 
−
 
−
.graphical_display .water_tank{
 
−
  width:60%;
 
−
  height:300px;
 
−
  float:left;
 
−
}
 
−
.graphical_display .water_tank{
 
−
  display:inline;
 
−
}
 
−
.water_tank svg.microorg_hidden{
 
−
  opacity:0;
 
−
}
 
−
.water_tank svg{
 
−
  transition: all 0.8s ease;
 
−
}
 
−
 
−
.graphical_display .time_before_drinking{
 
−
  width:35%;
 
−
  height:100%;
 
−
  float:right;
 
−
}
 
  
 
#curve_to_draw{
 
#curve_to_draw{
Line 277: Line 250:
 
               </div>
 
               </div>
 
             </div>
 
             </div>
−
             <input type="range" min="0" max="2" step="1" name="Vc">
+
             <input type="range" min="0" max="4" step="1" name="Vc">
 
           </div>
 
           </div>
 
           <div id="sliderPp">
 
           <div id="sliderPp">
Line 291: Line 264:
 
         </div>
 
         </div>
  
 +
        <style>
 +
          /* Graphical display */
  
−
         <div class="graphical_display">
+
         .graphical_display{
−
           <div class="water_tank">
+
           height:400px;
−
           
+
          margin-top:20px;
−
            <svg width="50" height="50" class="Vc_2">
+
        }
−
              <rect width="50" height="50" style="fill:rgb(255,0,0);"></rect>
+
        .graphical_display .water_tank{
−
            </svg>
+
          width:60%;
−
            <svg width="50" height="50" class="Vc_2">
+
          height:300px;
−
              <rect width="50" height="50" style="fill:rgb(255,0,0);"></rect>
+
          float:left;
−
            </svg>
+
        }
−
            <svg width="50" height="50" class="Vc_4">
+
        .graphical_display .water_tank{
−
              <rect width="50" height="50" style="fill:rgb(255,0,0);"></rect>
+
          display:inline;
−
            </svg>
+
        }
−
            <svg width="50" height="50" class="Vc_4">
+
        .water_tank img{
−
              <rect width="50" height="50" style="fill:rgb(255,0,0);"></rect>
+
          position:absolute;
−
            </svg>
+
          width:100%;
−
            <svg width="50" height="50" class="Vc_6 microorg_hidden">
+
          top:0;
−
              <rect width="50" height="50" style="fill:rgb(255,0,0);"></rect>
+
          left:0;
−
            </svg>
+
        }
−
            <svg width="50" height="50" class="Vc_6 microorg_hidden">
+
−
              <rect width="50" height="50" style="fill:rgb(255,0,0);"></rect>
+
−
            </svg>
+
  
−
            <br />
+
        .graphical_display .time_before_drinking{
 +
          width:35%;
 +
          height:100%;
 +
          float:right;
 +
        }
 +
        </style>
  
−
            <svg width="50" height="50" class="Pp_1">
+
 
−
              <rect width="50" height="50" style="fill:rgb(0,255,0);"></rect>
+
        <div class="graphical_display">
−
             </svg>
+
          <div class="water_tank">
−
            <svg width="50" height="50" class="Pp_2">
+
            <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="visible" id="int_img_base" alt="">
−
              <rect width="50" height="50" style="fill:rgb(0,255,0);"></rect>
+
             <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Vc" id="int_img_Vc0" alt="">
−
             </svg>
+
            <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Vc" id="int_img_Vc1" alt="">
−
            <svg width="50" height="50" class="Pp_3">
+
             <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Vc" id="int_img_Vc2" alt="">
−
              <rect width="50" height="50" style="fill:rgb(0,255,0);"></rect>
+
            <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Vc" id="int_img_Vc3" alt="">
−
             </svg>
+
             <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Vc" id="int_img_Vc4" alt="">
−
            <svg width="50" height="50" class="Pp_4 microorg_hidden">
+
            <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Pp" id="int_img_Pp0" alt="">
−
              <rect width="50" height="50" style="fill:rgb(0,255,0);"></rect>
+
             <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Pp" id="int_img_Pp1" alt="">
−
             </svg>
+
             <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Pp" id="int_img_Pp2" alt="">
−
             <svg width="50" height="50" class="Pp_5 microorg_hidden">
+
            <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Pp" id="int_img_Pp3" alt="">
−
              <rect width="50" height="50" style="fill:rgb(0,255,0);"></rect>
+
             <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" class="int_img_Pp" id="int_img_Pp4" alt="">
−
             </svg>
+
  
 
           </div>
 
           </div>

Revision as of 16:36, 15 October 2017

Croc'n Cholera
iGEM UPS-INSA Toulouse 2017

Model Interface

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, ea? Ex animi rerum deserunt necessitatibus commodi, illum tempora soluta officia quam voluptatibus nostrum quos, ea debitis incidunt ad laborum perspiciatis aliquid est porro corrupti ducimus minima sed vel fugiat! Itaque, earum, dolorum. Consequuntur iste magni, atque! Inventore cum expedita quo ipsam quam, accusamus, neque adipisci. Consequatur itaque possimus porro nemo similique debitis nostrum. Impedit pariatur minus voluptate corporis aperiam delectus minima recusandae facilis, quod! Voluptates iure reiciendis, earum veritatis eveniet architecto alias nobis, magnam possimus veniam quisquam asperiores ullam vitae impedit dolor dolorem, officiis. Ipsa labore placeat culpa facilis temporibus.

V. cholerae concentration:
107
P. pastoris concentration:
109

Officia repellendus ut harum totam quibusdam a minus in tempora voluptatum vero perferendis quae explicabo aut veritatis repudiandae non, necessitatibus magni ipsa quas doloribus suscipit, maxime. Atque repudiandae labore eius veritatis sit, illum officia. Error sit, nesciunt nulla! Molestiae nesciunt tempora similique voluptatum aperiam unde cumque necessitatibus quisquam modi dolorem est eligendi veritatis minus, ut non veniam praesentium adipisci voluptatem perspiciatis. Repudiandae temporibus eius saepe reprehenderit excepturi autem velit, eaque nostrum officiis iusto quisquam quod vero. Eum voluptate optio iure, alias vel ratione consectetur nostrum placeat, odit perspiciatis cum accusantium dignissimos illum sapiente quibusdam explicabo in eius similique? Architecto, a?