Difference between revisions of "Team:Pasteur Paris/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
−
{{Pasteur_Paris}}
+
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta name="description" content="igem">
 +
    <meta name="keywords" content="igem, biology">
 +
    <meta name="copyright" content="© Copyright 2016 - iGEM Pasteur" />
 +
    <meta name="author" content="Pasteur">
 +
    <meta name="location" content="Paris, FRANCE">
 +
    <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <link rel="icon" type="image/png" href="./static/favicon.png" />
 +
<head>
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  
−
<html>
 
  
 +
<script>
  
 +
/*Fonction apparition onglet après click sur le menu*/
 +
function apparitionTeam() {
 +
    document.getElementById("Team").style.display = "block";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionProject() {
 +
    document.getElementById("Project").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionDesign() {
 +
    document.getElementById("Design").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionLabWork() {
 +
    document.getElementById("Labwork").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionHumanPractice() {
 +
    document.getElementById("HumanPractice").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionAchievements() {
 +
    document.getElementById("Achievements").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
}
 +
/*////////////////////////////////////////////*/
  
−
<div class="column full_size judges-will-not-evaluate">
+
/* Fonction pour apparition barre rouge onglet*/
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
−
<div class="clear"></div>
+
  
 +
function apparitionbaton() {
 +
    document.getElementById("batonbleu").style.display = "block";
 +
}
  
−
<div class="column full_size">
+
function deletebaton() {
−
<h1>Demonstrate</h1>
+
    document.getElementById("batonbleu").style.display = "none";
−
<h3>Gold Medal Criterion #4</h3>
+
}
  
−
<p>
+
function apparitionbaton1() {
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve a their gold medals!
+
    document.getElementById("batonbleu1").style.display = "block";
−
</p>
+
}
  
−
<p>
+
function deletebaton1() {
−
Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.
+
    document.getElementById("batonbleu1").style.display = "none";
−
</p>
+
}
  
 +
function apparitionbaton1b() {
 +
    document.getElementById("batonbleu1b").style.display = "block";
 +
}
  
 +
function deletebaton1b() {
 +
    document.getElementById("batonbleu1b").style.display = "none";
 +
}
 +
 +
function apparitionbaton2() {
 +
    document.getElementById("batonbleu2").style.display = "block";
 +
}
 +
 +
function deletebaton2() {
 +
    document.getElementById("batonbleu2").style.display = "none";
 +
}
 +
 +
function apparitionbaton3() {
 +
    document.getElementById("batonbleu3").style.display = "block";
 +
}
 +
 +
function deletebaton3() {
 +
    document.getElementById("batonbleu3").style.display = "none";
 +
}
 +
 +
function apparitionbaton3a() {
 +
    document.getElementById("batonbleu3a").style.display = "block";
 +
}
 +
 +
function deletebaton3a() {
 +
    document.getElementById("batonbleu3a").style.display = "none";
 +
}
 +
 +
function apparitionbaton3b() {
 +
    document.getElementById("batonbleu3b").style.display = "block";
 +
}
 +
 +
function deletebaton3b() {
 +
    document.getElementById("batonbleu3b").style.display = "none";
 +
}
 +
 +
function apparitionbaton4() {
 +
    document.getElementById("batonbleu4").style.display = "block";
 +
}
 +
 +
function deletebaton4() {
 +
    document.getElementById("batonbleu4").style.display = "none";
 +
}
 +
 +
function apparitionbaton5() {
 +
    document.getElementById("batonbleu5").style.display = "block";
 +
}
 +
 +
function deletebaton5() {
 +
    document.getElementById("batonbleu5").style.display = "none";
 +
}
 +
 +
function apparitionbaton6() {
 +
    document.getElementById("batonbleu6").style.display = "block";
 +
}
 +
 +
function deletebaton6() {
 +
    document.getElementById("batonbleu6").style.display = "none";
 +
}
 +
 +
function apparitionbaton7() {
 +
    document.getElementById("batonbleu7").style.display = "block";
 +
}
 +
 +
function deletebaton7() {
 +
    document.getElementById("batonbleu7").style.display = "none";
 +
}
 +
 +
function apparitionbaton8() {
 +
    document.getElementById("batonbleu8").style.display = "block";
 +
}
 +
 +
function deletebaton8() {
 +
    document.getElementById("batonbleu8").style.display = "none";
 +
}
 +
 +
function apparitionbaton8b() {
 +
    document.getElementById("batonbleu8b").style.display = "block";
 +
}
 +
 +
function deletebaton8b() {
 +
    document.getElementById("batonbleu8b").style.display = "none";
 +
}
 +
 +
function apparitionbaton9() {
 +
    document.getElementById("batonbleu9").style.display = "block";
 +
}
 +
 +
function deletebaton9() {
 +
    document.getElementById("batonbleu9").style.display = "none";
 +
}
 +
 +
function apparitionbaton10() {
 +
    document.getElementById("batonbleu10").style.display = "block";
 +
}
 +
 +
function deletebaton10() {
 +
    document.getElementById("batonbleu10").style.display = "none";
 +
}
 +
 +
function apparitionbaton11() {
 +
    document.getElementById("batonbleu11").style.display = "block";
 +
}
 +
 +
function deletebaton11() {
 +
    document.getElementById("batonbleu11").style.display = "none";
 +
}
 +
 +
function apparitionbaton12() {
 +
    document.getElementById("batonbleu12").style.display = "block";
 +
}
 +
 +
function deletebaton12() {
 +
    document.getElementById("batonbleu12").style.display = "none";
 +
}
 +
 +
function apparitionbaton13() {
 +
    document.getElementById("batonbleu13").style.display = "block";
 +
}
 +
 +
function deletebaton13() {
 +
    document.getElementById("batonbleu13").style.display = "none";
 +
}
 +
 +
function apparitionbaton13b() {
 +
    document.getElementById("batonbleu13b").style.display = "block";
 +
}
 +
 +
function deletebaton13b() {
 +
    document.getElementById("batonbleu13b").style.display = "none";
 +
}
 +
 +
function apparitionbaton14() {
 +
    document.getElementById("batonbleu14").style.display = "block";
 +
}
 +
 +
function deletebaton14() {
 +
    document.getElementById("batonbleu14").style.display = "none";
 +
}
 +
 +
function apparitionbaton15() {
 +
    document.getElementById("batonbleu15").style.display = "block";
 +
}
 +
 +
function deletebaton15() {
 +
    document.getElementById("batonbleu15").style.display = "none";
 +
}
 +
 +
/*////////////////////////////////////////////*/
 +
 +
function CarnotNoiretBlanc() {
 +
  document.getElementById("CarnotBW").style.display = "block";
 +
  document.getElementById("Carnot").style.display = "none";
 +
}
 +
 +
function CarnotCouleur() {
 +
  document.getElementById("Carnot").style.display = "block";
 +
  document.getElementById("CarnotBW").style.display = "none";
 +
}
 +
 +
 +
function GlobalCareNoiretBlanc() {
 +
  document.getElementById("GlobalCareBW").style.display = "block";
 +
  document.getElementById("GlobalCare").style.display = "none";
 +
}
 +
 +
function GlobalCareCouleur() {
 +
  document.getElementById("GlobalCare").style.display = "block";
 +
  document.getElementById("GlobalCareBW").style.display = "none";
 +
}
 +
 +
function MettlerToledoNoiretBlanc() {
 +
  document.getElementById("MettlerToledoBW").style.display = "block";
 +
  document.getElementById("MettlerToledo").style.display = "none";
 +
}
 +
 +
function MettlerToledoCouleur() {
 +
  document.getElementById("MettlerToledo").style.display = "block";
 +
  document.getElementById("MettlerToledoBW").style.display = "none";
 +
}
 +
 +
function geniousNoiretBlanc() {
 +
  document.getElementById("geniousBW").style.display = "block";
 +
  document.getElementById("genious").style.display = "none";
 +
}
 +
 +
function geniousCouleur() {
 +
  document.getElementById("genious").style.display = "block";
 +
  document.getElementById("geniousBW").style.display = "none";
 +
}
 +
 +
function centraleNoiretBlanc() {
 +
  document.getElementById("CentraleBW").style.display = "block";
 +
  document.getElementById("Centrale").style.display = "none";
 +
}
 +
 +
function centraleCouleur() {
 +
  document.getElementById("Centrale").style.display = "block";
 +
  document.getElementById("CentraleBW").style.display = "none";
 +
}
 +
 +
function ambassadeNoiretBlanc() {
 +
  document.getElementById("ambassadeBW").style.display = "block";
 +
  document.getElementById("ambassade").style.display = "none";
 +
}
 +
 +
function ambassadeCouleur() {
 +
  document.getElementById("ambassade").style.display = "block";
 +
  document.getElementById("ambassadeBW").style.display = "none";
 +
}
 +
 +
function QuiagenNoiretBlanc() {
 +
  document.getElementById("QuiagenBW").style.display = "block";
 +
  document.getElementById("Quiagen").style.display = "none";
 +
}
 +
 +
function QuiagenCouleur() {
 +
  document.getElementById("Quiagen").style.display = "block";
 +
  document.getElementById("QuiagenBW").style.display = "none";
 +
}
 +
 +
function eurofinsNoiretBlanc() {
 +
  document.getElementById("eurofinsBW").style.display = "block";
 +
  document.getElementById("eurofins").style.display = "none";
 +
}
 +
 +
function eurofinsCouleur() {
 +
  document.getElementById("eurofins").style.display = "block";
 +
  document.getElementById("eurofinsBW").style.display = "none";
 +
}
 +
 +
function ThermofisherNoiretBlanc() {
 +
  document.getElementById("ThermofisherBW").style.display = "block";
 +
  document.getElementById("Thermofisher").style.display = "none";
 +
}
 +
 +
function ThermofisherCouleur() {
 +
  document.getElementById("Thermofisher").style.display = "block";
 +
  document.getElementById("ThermofisherBW").style.display = "none";
 +
}
 +
 +
function menuapparition(){
 +
  if(document.getElementById("Team").style.display == "block" || document.getElementById("Project").style.display == "block" || document.getElementById("HumanPractice").style.display == "block" || document.getElementById("Achievements").style.display == "block" || document.getElementById("Design").style.display == "block" || document.getElementById("Labwork").style.display == "block")
 +
  {apparitionLabWork();}
 +
}
 +
 +
function periodiqueapparition() {
 +
    setInterval(menuapparition, 5000);
 +
}
 +
 +
</script>
 +
<style>
 +
 +
@font-face {
 +
  font-family: "CrimsonTextSemi";
 +
  src: url("https://static.igem.org/mediawiki/2017/7/75/T--Pasteur_Paris--CrimsonText-Semibold.ttf");
 +
}
 +
 +
@font-face {
 +
  font-family: "CrimsonTextRoman";
 +
  src: url("https://static.igem.org/mediawiki/2017/0/0e/T--Pasteur_Paris--CrimsonText-Roman.ttf");
 +
}
 +
 +
body{
 +
  background-color:white;
 +
  width:100%;
 +
}
 +
 +
a{
 +
  text-decoration: none;
 +
  color:black;
 +
}
 +
 +
li{
 +
  list-style:none;
 +
}
 +
 +
.left{
 +
  left: 30px;
 +
  margin-bottom: 7.5px;
 +
  padding-top: 37.5px;
 +
  position:fixed;
 +
  background-color: none;
 +
  top:0;
 +
}
 +
 +
.right{
 +
  right: 30px;
 +
  margin-bottom: 7.5px; 
 +
  padding-top: 37.5px;
 +
  position:fixed;
 +
  background-color: none;
 +
  top:0;
 +
}
 +
 +
.center{
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
 +
/*Position menu*/
 +
.menu { 
 +
    text-align: left;
 +
    width: 450px;
 +
    position: fixed;
 +
    left:30px;
 +
    line-height: 200%;
 +
    font-family: Helvetica, sans-serif;
 +
    font-weight: bold;
 +
    font-size: 7.5pt;
 +
    display: flex;
 +
    flex-direction: column-reverse;
 +
    text-align: bottom left;
 +
    bottom: 4%;
 +
}
 +
 +
.menu span{
 +
  cursor: pointer;
 +
}
 +
 +
.com{
 +
    display: flex;
 +
    flex-direction: column;
 +
    position:fixed;
 +
    text-align: left;
 +
    right:30px;
 +
    bottom: 4%;
 +
}
 +
 +
/*Ensemble pour trait après le menu*/
 +
 +
.lastword {
 +
    width: 150px;
 +
}
 +
 +
.lastword img {
 +
    position:absolute;
 +
    opacity:0;
 +
}
 +
 +
.lastword:hover:after{
 +
    display:inline-block;
 +
    vertical-align: middle;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
/*////////////////////////////////////////////*/
 +
 +
.com li{
 +
  line-height:200%;
 +
  vertical-align: middle;
 +
}
 +
 +
.underline{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:10px;
 +
  border-bottom:4px dotted black;
 +
  width: 35%;
 +
}
 +
 +
#top_title{
 +
display:none;
 +
}
 +
 +
#sideMenu{
 +
display:none;
 +
position:fixed;
 +
right:120px;
 +
}
 +
 +
#content{
 +
  width:100%;
 +
  margin: 0px 0px 0px 0px;
 +
  padding: 0px 0px 0px 0px;
 +
}
 +
 +
.title{
 +
  font-size: 48.75pt;
 +
  margin-left:300px;
 +
  margin-top:112.5px;
 +
  cursor: default;
 +
}
 +
 +
.subtitle{
 +
  margin-left:300px;
 +
  margin-top:112.5px;
 +
  cursor: default;
 +
  font-size: 26.75pt;
 +
}
 +
 +
 +
.maintext{
 +
    font-size: 30pt;
 +
    margin-left:300px;
 +
    margin-right:300px;
 +
    margin-top:112.5px;
 +
    text-align: justify;
 +
    cursor: default;
 +
    font-family:Helvetica;
 +
}
 +
 +
.maintextsuite{
 +
    font-size: 30pt;
 +
    margin-left:300px;
 +
    margin-right:300px;
 +
    margin-top:10px;
 +
    text-align: justify;
 +
    cursor: default;
 +
    font-family:Helvetica;
 +
}
 +
 +
#logo{
 +
  font-size:18px;
 +
text-decoration:none;
 +
color:black;
 +
}
 +
 +
#logo:hover{
 +
  color: #3298CB;
 +
}
 +
 +
/*Flèche de remontée*/
 +
 +
#toparrow{
 +
    justify-content: center;
 +
    position:fixed;
 +
    vertical-align:middle;
 +
    z-index:10;
 +
    width:2%;
 +
    top:42%;
 +
    right:30px;
 +
}
 +
 +
#toparrow a:hover{
 +
  color: #3298CB;
 +
}
 +
 +
/*////////////////////////////////////////////*/
 +
/*Ensemble de class pour les onglets*/
 +
 +
.outer {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 28%;
 +
}
 +
 +
.outer1 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 38%;
 +
}
 +
 +
.outer1b {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 47.5%;
 +
}
 +
 +
.outer2 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 25%;
 +
}
 +
 +
.outer3 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 34%;
 +
}
 +
.outer3a {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 48%;
 +
}
 +
.outer3b {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 59%;
 +
}
 +
 +
.outer4 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 26%;
 +
}
 +
 +
.outer5 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 35%;
 +
}
 +
 +
.outer6 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 44%;
 +
}
 +
 +
.outer7 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 53.7%;
 +
  text-align: center;
 +
}
 +
 +
.outer8 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 22%;
 +
}
 +
 +
.outer8b {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 31%;
 +
}
 +
 +
.outer9 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 42%;
 +
}
 +
 +
.outer10 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 49%;
 +
}
 +
 +
.outer11 {
 +
  position: fixed;
 +
  left: 33px;
 +
  top: 57%;
 +
  text-align: center;
 +
}
 +
 +
.outer12 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 22%;
 +
}
 +
 +
.outer13 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 28%;
 +
}
 +
 +
.outer13b {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 40%;
 +
}
 +
 +
.outer14 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 54%;
 +
}
 +
 +
.outer15 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 42%;
 +
}
 +
 +
.inner {
 +
  position: absolute;
 +
  bottom: 100%;
 +
  -webkit-transform: rotateZ(90deg);
 +
  transform-origin: 0 100%;
 +
  white-space: nowrap;
 +
}
 +
/*////////////////////////////////////////////*/
 +
 +
.rotate {
 +
  -webkit-transform: rotate(180deg);
 +
}
 +
 +
.list a{
 +
  text-decoration: none;
 +
  color:black;
 +
}
 +
 +
#Team, #Design, #Project, #HumanPractice, #Achievements, #Labwork{
 +
  font-family: Helvetica, sans-serif;
 +
    font-weight: bold;
 +
    font-size: 8pt;
 +
}
 +
 +
/*Trait rouge des onglets*/
 +
 +
#batonbleu{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu1{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu1b{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu2{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu3{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
#batonbleu3a{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
#batonbleu3b{
 +
    position:relative;
 +
    top:5px;
 +
    left:15%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu4{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu5{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu6{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu7{
 +
    position:relative;
 +
    top:5px;
 +
    left:22%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu8{
 +
    position:relative;
 +
    top:5px;
 +
    left:30%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu8b{
 +
    position:relative;
 +
    top:5px;
 +
    left:30%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu9{
 +
    position:relative;
 +
    top:5px;
 +
    left:29%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu10{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu11{
 +
    position:relative;
 +
    top:5px;
 +
    left:25%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu12{
 +
    position:relative;
 +
    top:5px;
 +
    left:10%;
 +
    display:none;
 +
    height:3px;
 +
    width:17.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu13{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
#batonbleu13b{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu14{
 +
    position:relative;
 +
    top:5px;
 +
    left:37%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu15{
 +
    position:relative;
 +
    top:5px;
 +
    left:10%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
li{margin:5px}
 +
 +
/*////////////////////////////////////////////*/
 +
 +
</style>
 +
  </head>
 +
 +
 +
  <body onload="apparitionLabWork(); periodiqueapparition()">
 +
  <a class="left" href="https://2017.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2017/d/d8/T--Pasteur_Paris--aether.png"; width="220px"; height="70px"></img></a>
 +
  <a class="right" href="https://2017.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2017/1/10/T--Pasteur_Paris--iGEM.png"; width="90px"; height="70px"></img></a>
 +
<nav class="menu">
 +
  <ul>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionTeam()">Team </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionProject()">Project </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionDesign()">Design </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionLabWork()">Lab work </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionHumanPractice()">Human Practice </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionAchievements()">Achievements </span></FONT></li>
 +
  </ul>
 +
</nav>
 +
<div id="Team" style="display:none">
 +
  <div class="outer">
 +
    <div class="inner"; onmouseover="apparitionbaton()"; onmouseout="deletebaton()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Team">Our Team </a>
 +
        <div id="batonbleu">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer1">
 +
    <div class="inner"; onmouseover="apparitionbaton1()"; onmouseout="deletebaton1()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Team#Sponsors">Sponsors </a>
 +
        <div id="batonbleu1">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer1b">
 +
    <div class="inner"; onmouseover="apparitionbaton1b()"; onmouseout="deletebaton1b()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Attributions">Attributions </a>
 +
        <div id="batonbleu1b">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 +
<div id="Project" style="display:none">
 +
  <div class="outer2">
 +
    <div class="inner"; onmouseover="apparitionbaton2()"; onmouseout="deletebaton2()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Project">Context</a>
 +
        <div id="batonbleu2">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer3">
 +
    <div class="inner"; onmouseover="apparitionbaton3()"; onmouseout="deletebaton3()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Entrepreneurship">Entrepreneurship</a>
 +
        <div id="batonbleu3">
 +
        </div>
 +
      </div>
 +
  </div>
 +
  </div>
 +
    <div class="outer3a">
 +
    <div class="inner"; onmouseover="apparitionbaton3a()"; onmouseout="deletebaton3a()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Engagement">Engagement</a>
 +
        <div id="batonbleu3a">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer3b">
 +
    <div class="inner"; onmouseover="apparitionbaton3b()"; onmouseout="deletebaton3b()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Model">Model</a>
 +
        <div id="batonbleu3b">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
−
<div class="column half_size">
+
<div id="Design" style="display:none">
 +
  <div class="outer4">
 +
    <div class="inner"; onmouseover="apparitionbaton4()"; onmouseout="deletebaton4()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Science</a>
 +
        <div id="batonbleu4">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer5">
 +
    <div class="inner"; onmouseover="apparitionbaton5()"; onmouseout="deletebaton5()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Product</a>
 +
        <div id="batonbleu5">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer6">
 +
    <div class="inner"; onmouseover="apparitionbaton6()"; onmouseout="deletebaton6()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Scenario</a>
 +
        <div id="batonbleu6">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer7">
 +
    <div class="inner"; onmouseover="apparitionbaton7()"; onmouseout="deletebaton7()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Applied_Design">Applied<br>Design</a>
 +
        <div id="batonbleu7">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
−
<h4> What should we do for our demonstration?</h4>
+
<div id="Labwork" style="display:none">
 +
  <div class="outer8">
 +
    <div class="inner"; onmouseover="apparitionbaton8()"; onmouseout="deletebaton8()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Notebook">Notebook</a>
 +
        <div id="batonbleu8">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer8b">
 +
    <div class="inner"; onmouseover="apparitionbaton8b()"; onmouseout="deletebaton8b()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Demonstrate">Demonstrate</a>
 +
        <div id="batonbleu8b">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer9">
 +
    <div class="inner"; onmouseover="apparitionbaton9()"; onmouseout="deletebaton9()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/InterLab">InterLab</a>
 +
        <div id="batonbleu9">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer10">
 +
    <div class="inner"; onmouseover="apparitionbaton10()"; onmouseout="deletebaton10()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Protocol">Protocol</a>
 +
        <div id="batonbleu10">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer11">
 +
    <div class="inner"; onmouseover="apparitionbaton11()"; onmouseout="deletebaton11()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Safety">Safety<br>Security</a>
 +
        <div id="batonbleu11">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
−
<h5> Standard teams </h5>
+
<div id="HumanPractice" style="display:none">
 +
  <div class="outer12">
 +
    <div class="inner"; onmouseover="apparitionbaton12()"; onmouseout="deletebaton12()">
 +
      <div class="list rotate">
 +
      <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Law">Law</a>
 +
      <div id="batonbleu12"></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer13">
 +
    <div class="inner"; onmouseover="apparitionbaton13()"; onmouseout="deletebaton13()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Collaborations">Collaborations</a>
 +
        <div id="batonbleu13">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer13b">
 +
    <div class="inner"; onmouseover="apparitionbaton13b()"; onmouseout="deletebaton13b()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Silver">Human Practices</a>
 +
        <div id="batonbleu13b">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer14">
 +
    <div class="inner"; onmouseover="apparitionbaton14()"; onmouseout="deletebaton14()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Gold_Integrated">Integrated Practices</a>
 +
        <div id="batonbleu14">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
−
<p>  
+
<div id="Achievements" style="display:none">
−
If you have built a proof of concept system, you can demonstrate it working under real world conditions. If you have built a biological device that is intended to be a sensor, can you show it detecting whatever it is intended to sense. If it is intended to work in the field, you can show how this might work using a simulated version in the lab, or a simulation of your device in the field.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
  <div class="outer15">
−
</p>
+
    <div class="inner"; onmouseover="apparitionbaton15()"; onmouseout="deletebaton15()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Parts">Parts</a>
 +
        <div id="batonbleu15">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
 +
<ul class="com">
 +
  <li style="text-align:center"><a href="https://www.facebook.com/igem.pasteur/" target="_blank"><i id="logo" class="fa fa-facebook"></i></a></li>
 +
  <li><a href=" https://twitter.com/igem_pasteur " target="_blank"><i id="logo" class="fa fa-twitter"></i></a></li>
 +
  <li><a href="https://www.instagram.com/igem.pasteur2017/" target="_blank"><i id="logo" class="material-icons">photo_camera</i></a></li>
 +
  <li><a href="mailto:igem.pasteur@gmail.com " target="_blank"><i id="logo" class="material-icons">email</i></a></li>
 +
</ul>
  
−
<div class="column half_size">
+
<div>
  
−
<br>
+
<div class="subtitle">
−
<h5> Special track teams </h5>
+
  <p style="font-size:50pt; font-family: CrimsonTextRoman, serif;">Under construction<br></p><br>
 +
  <div class="underline"></div>
 +
</div>
  
−
<p>
+
<p class="maintext"></p>
−
Special track teams can achieve this medal criterion by bringing their work to the Jamboree and showcasing it in the track event. Art & Design, Measurement, Hardware and Software tracks will all have showcase events at the Giant Jamboree.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
−
</p>
+
  
 +
<p class="maintextsuite"></p>
  
 +
<br><br><br><br><br><br><br><br><br><br><br><br></p>
 
</div>
 
</div>
  
 +
<div id="toparrow">
 +
    <a href="#"><i id="logo" class="fa fa-long-arrow-up" style="font-size:27px"></i></a>
 +
  </div>
  
  
 +
<div class="sponsors"; style="width:100%">
 +
  <a href="http://www.centralesupelec.fr"><img src="https://static.igem.org/mediawiki/2017/8/8f/T--Pasteur_Paris--Centrale.jpeg"; id="Centrale" style="position:absolute; margin-top: 120px; left:20%; width: 121px; height: 61.6px; display:none"; onmouseout="centraleNoiretBlanc()"></a>
 +
  <a href="http://www.centralesupelec.fr"><img src="https://static.igem.org/mediawiki/2017/5/56/T--Pasteur_Paris--Centrale_BW.png"; id="CentraleBW" style="position:absolute; margin-top: 120px; left:20%; width: 121px; height: 61.6px"; onmouseover="centraleCouleur()"></a>
 +
  <a href="http://www.geneious.com"><img src="https://static.igem.org/mediawiki/2017/6/61/T--Pasteur_Paris--genious.png"; id="genious"; style="position:absolute; margin-top: 135px; left:32%; width: 136.5px; height: 58.42px; display:none"; onmouseout="geniousNoiretBlanc()"></a>
 +
  <a href="http://www.geneious.com"><img src="https://static.igem.org/mediawiki/2017/7/71/T--Pasteur_Paris--genious_BW.png"; id="geniousBW"; style="position:absolute; margin-top: 135px; left:32%; width: 136.5px; height: 58.42px"; onmouseover="geniousCouleur()"></a>
 +
  <a href="http://www.mt.com"><img src="https://static.igem.org/mediawiki/2017/c/cc/T--Pasteur_Paris--Mettler_Toledo.png"; id="MettlerToledo"; style="position:absolute; margin-top: 160px; left:44.5%; width: 160px; height: 20px; display:none"; onmouseout="MettlerToledoNoiretBlanc()"></a>
 +
  <a href="http://www.mt.com"><img src="https://static.igem.org/mediawiki/2017/d/dd/T--Pasteur_Paris--Mettler_Toledo_BW.png"; id="MettlerToledoBW"; style="position:absolute; margin-top: 160px; left:44.5%; width: 160px; height: 20px"; onmouseover="MettlerToledoCouleur()"></a>
 +
  <a href="http://www.pasteur.fr/fr"><img src="https://static.igem.org/mediawiki/2017/8/86/T--Pasteur_Paris--pasteur.png"; id="pasteur"; style="position:absolute; margin-top: 130px; left:59%; width: 130.2px; height: 50.07px"></a>
 +
  <a href="http://www.france-science.org"><img src="https://static.igem.org/mediawiki/2017/b/b5/T--Pasteur_Paris--Ambassade.jpeg"; id="ambassade"; style="position:absolute; margin-top: 120px; right:20%; width: 100.8px; height: 105px; display:none"; onmouseout="ambassadeNoiretBlanc()"></a>
 +
  <a href="http://www.france-science.org"><img src="https://static.igem.org/mediawiki/2017/7/70/T--Pasteur_Paris--Ambassade_BW.png"; id="ambassadeBW"; style="position:absolute; margin-top: 120px; right:20%; width: 100.8px; height: 105px"; onmouseover="ambassadeCouleur()"></a>
 +
</div>
 +
 +
<div class="sponsors"; style="width:100%">
 +
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms"><img src="https://static.igem.org/mediawiki/2017/d/d1/T--Pasteur_Paris--GC.jpeg"; id="GlobalCare" style="position:absolute; margin-top: 250px; left:19%; width: 150px; height: 60px; display:none"; onmouseout="GlobalCareNoiretBlanc()"></a>
 +
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms"><img src="https://static.igem.org/mediawiki/2017/c/cc/T--Pasteur_Paris--GC_BW.png"; id="GlobalCareBW" style="position:absolute; margin-top: 250px; left:19%; width: 150px; height: 60px"; onmouseover="GlobalCareCouleur()"></a>
 +
  <a href="http://www.qiagen.com"><img src="https://static.igem.org/mediawiki/2017/a/a7/T--Pasteur_Paris--Qiagen.png"; id="Quiagen"; style="position:absolute; margin-top: 240px; left:33%; width: 100px; height: 86px; display:none"; onmouseout="QuiagenNoiretBlanc()"></a>
 +
  <a href="http://www.qiagen.com"><img src="https://static.igem.org/mediawiki/2017/2/2b/T--Pasteur_Paris--Quiagen_BW.png"; id="QuiagenBW"; style="position:absolute; margin-top: 240px; left: 33%; width: 100px; height: 86px"; onmouseover="QuiagenCouleur()"></a>
 +
  <a href="http://www.eurofins.fr"><img src="https://static.igem.org/mediawiki/2017/e/ed/T--Pasteur_Paris--eurofins.png"; id="eurofins"; style="position:absolute; margin-top: 255px; left:44.5%; width: 142.5px; height: 48px; display:none"; onmouseout="eurofinsNoiretBlanc()"></a>
 +
  <a href="http://www.eurofins.fr"><img src="https://static.igem.org/mediawiki/2017/e/ea/T--Pasteur_Paris--eurofins_BW.png"; id="eurofinsBW"; style="position:absolute; margin-top: 255px; left: 44.5%; width: 142.5px; height: 48px"; onmouseover="eurofinsCouleur()"></a>
 +
  <a href="http://www.thermofisher.com"><img src="https://static.igem.org/mediawiki/2017/d/d7/T--Pasteur_Paris--Thermofisher.png"; id="Thermofisher"; style="position:absolute; margin-top: 255px; left:58.7%; width: 142.5px; height: 48px; display:none"; onmouseout="ThermofisherNoiretBlanc()"></a>
 +
  <a href="http://www.thermofisher.com"><img src="https://static.igem.org/mediawiki/2017/1/17/T--Pasteur_Paris--Thermofisher_BW.png"; id="ThermofisherBW"; style="position:absolute; margin-top: 255px; left: 58.7%; width: 142.5px; height: 48px"; onmouseover="ThermofisherCouleur()"></a>
 +
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms"><img src="https://static.igem.org/mediawiki/2017/e/eb/T--Pasteur_Paris--Carnot.jpeg"; id="Carnot"; style="position:absolute; margin-top: 250px; right:19%; width: 130px; height: 58px; display:none"; onmouseout="CarnotNoiretBlanc()"></a>
 +
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms"><img src="https://static.igem.org/mediawiki/2017/f/f5/T--Pasteur_Paris--Carnot_BW.png"; id="CarnotBW"; style="position:absolute; margin-top: 250px; right:19%; width: 130px; height: 58px"; onmouseover="CarnotCouleur()"></a>
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 15:59, 27 October 2017

Under construction