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

(Prototype team page)
 
Line 1: Line 1:
−
{{Pasteur_Paris}}
+
<html lang="en">
−
<html>
+
  <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">
  
  
 +
<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";
 +
}
  
 +
function deletebaton() {
 +
    document.getElementById("batonbleu").style.display = "none";
 +
}
  
 +
function apparitionbaton1() {
 +
    document.getElementById("batonbleu1").style.display = "block";
 +
}
  
−
<div class="column full_size">
+
function deletebaton1() {
−
<h1>Attributions</h1>
+
    document.getElementById("batonbleu1").style.display = "none";
 +
}
  
−
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.
+
function apparitionbaton1b() {
−
<br><br>
+
    document.getElementById("batonbleu1b").style.display = "block";
−
This is a bronze medal requirement. Please see the <a href="https://2017.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
}
  
−
</div>
+
function deletebaton1b() {
 +
    document.getElementById("batonbleu1b").style.display = "none";
 +
}
  
 +
function apparitionbaton2() {
 +
    document.getElementById("batonbleu2").style.display = "block";
 +
}
  
−
<div class="clear"></div>
+
function deletebaton2() {
 +
    document.getElementById("batonbleu2").style.display = "none";
 +
}
  
 +
function apparitionbaton3() {
 +
    document.getElementById("batonbleu3").style.display = "block";
 +
}
  
−
<div class="column half_size">
+
function deletebaton3() {
−
<h5> Why is this page needed? </h5>
+
    document.getElementById("batonbleu3").style.display = "none";
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
}
−
<p>
+
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
−
</div>
+
  
 +
function apparitionbaton3a() {
 +
    document.getElementById("batonbleu3a").style.display = "block";
 +
}
  
−
<div class="column half_size">
+
function deletebaton3a() {
−
<h5> What should this page have?</h5>
+
    document.getElementById("batonbleu3a").style.display = "none";
 +
}
  
−
<ul>
+
function apparitionbaton3b() {
−
<li>General Support</li>
+
    document.getElementById("batonbleu3b").style.display = "block";
−
<li>Project support and advice</li>
+
}
−
<li>Fundraising help and advice</li>
+
−
<li>Lab support</li>
+
−
<li>Difficult technique support</li>
+
−
<li>Project advisor support</li>
+
−
<li>Wiki support</li>
+
−
<li>Presentation coaching</li>
+
−
<li>Human Practices support</li>
+
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
−
</ul>
+
−
</div>
+
  
 +
function deletebaton3b() {
 +
    document.getElementById("batonbleu3b").style.display = "none";
 +
}
  
−
<div class="clear"></div>
+
function apparitionbaton4() {
 +
    document.getElementById("batonbleu4").style.display = "block";
 +
}
  
−
<div class="column half_size">
+
function deletebaton4() {
 +
    document.getElementById("batonbleu4").style.display = "none";
 +
}
  
−
<div class="highlight">
+
function apparitionbaton5() {
−
<h5> Can we base our project on a previous one? </h5>
+
    document.getElementById("batonbleu5").style.display = "block";
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
}
 +
 
 +
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")
 +
  {apparitionTeam();}
 +
}
 +
 
 +
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="apparitionTeam(); 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>
  
 +
<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>
  
−
<div class="column half_size">
+
<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>Inspiration</h5>
+
<div id="HumanPractice" style="display:none">
−
<p>Take a look at what other teams have done:</p>
+
  <div class="outer12">
−
<ul>
+
    <div class="inner"; onmouseover="apparitionbaton12()"; onmouseout="deletebaton12()">
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
      <div class="list rotate">
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
      <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Law">Law</a>
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
      <div id="batonbleu12"></div>
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
      </div>
−
</ul>
+
    </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/HP/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>
  
 +
<div id="Achievements" style="display:none">
 +
  <div class="outer15">
 +
    <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="clear"></div>
+
<div>
  
−
<div class="column half_size">
+
<div class="subtitle">
 +
  <p style="font-size:50pt; font-family: CrimsonTextRoman, serif;">Under construction<br></p><br>
 +
  <div class="underline"></div>
 +
</div>
  
−
<h5>Team training and Project start</h5>
+
<p class="maintext"></p>
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
−
<ul>
+
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
+
−
<li>When did you start this course?</li>
+
−
<li>Are the syllabus and course materials freely available online?</li>
+
−
<li>When did you start your brainstorming?</li>
+
−
<li>When did you start in the lab?</li>
+
−
<li>When did you start working on  your project?</li>
+
  
−
</ul>
+
<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>
 
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 14:09, 26 October 2017

Under construction