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

(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";
 +
}
 +
/*////////////////////////////////////////////*/
  
 +
/* Fonction pour apparition barre rouge onglet*/
  
 +
function apparitionbaton() {
 +
    document.getElementById("batonbleu").style.display = "block";
 +
}
  
−
<div class="column full_size">
+
function deletebaton() {
 +
    document.getElementById("batonbleu").style.display = "none";
 +
}
  
−
<h1>Parts</h1>
+
function apparitionbaton1() {
 +
    document.getElementById("batonbleu1").style.display = "block";
 +
}
  
−
<p>Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
function deletebaton1() {
−
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
    document.getElementById("batonbleu1").style.display = "none";
 +
}
  
 +
function apparitionbaton1b() {
 +
    document.getElementById("batonbleu1b").style.display = "block";
 +
}
  
−
</div>
+
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";
 +
}
  
−
<div class="column half_size">
+
function apparitionbaton3a() {
−
<div class="highlight">
+
    document.getElementById("batonbleu3a").style.display = "block";
−
<h5>Note</h5>
+
}
−
<p>Note that parts must be documented on the <a href="http://parts.igem.org/Main_Page"> Registry</a>. This page serves to <i>showcase</i> the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
−
</div>
+
−
</div>
+
  
 +
function deletebaton3a() {
 +
    document.getElementById("batonbleu3a").style.display = "none";
 +
}
  
 +
function apparitionbaton3b() {
 +
    document.getElementById("batonbleu3b").style.display = "block";
 +
}
  
 +
function deletebaton3b() {
 +
    document.getElementById("batonbleu3b").style.display = "none";
 +
}
  
−
<div class="column half_size">
+
function apparitionbaton4() {
 +
    document.getElementById("batonbleu4").style.display = "block";
 +
}
  
−
<h5>Adding parts to the registry</h5>
+
function deletebaton4() {
−
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
+
    document.getElementById("batonbleu4").style.display = "none";
−
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you <b>do</b> need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)</p>
+
}
−
</div>
+
  
 +
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";
 +
}
  
−
<div class="column half_size">
+
function apparitionbaton7() {
 +
    document.getElementById("batonbleu7").style.display = "block";
 +
}
  
−
<h5>What information do I need to start putting my parts on the Registry?</h5>
+
function deletebaton7() {
−
<p>The information needed to initially create a part on the Registry is:</p>
+
    document.getElementById("batonbleu7").style.display = "none";
−
<ul>
+
}
−
<li>Part Name</li>
+
−
<li>Part type</li>
+
−
<li>Creator</li>
+
−
<li>Sequence</li>
+
−
<li>Short Description (60 characters on what the DNA does)</li>
+
−
<li>Long Description (Longer description of what the DNA does)</li>
+
−
<li>Design considerations</li>
+
−
</ul>
+
  
−
<p>
+
function apparitionbaton8() {
−
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page. </p>
+
    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")
 +
  {apparitionAchievements();}
 +
}
 +
 +
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="apparitionAchievements(); 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>
  
−
<h5>Inspiration</h5>
+
<div id="Labwork" style="display:none">
−
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
+
  <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>
  
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
<div id="HumanPractice" style="display:none">
−
<ul>
+
  <div class="outer12">
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
    <div class="inner"; onmouseover="apparitionbaton12()"; onmouseout="deletebaton12()">
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
      <div class="list rotate">
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
      <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Law">Law</a>
−
</ul>
+
      <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/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>
  
−
<div class="column full_size">
+
<div id="Achievements" style="display:none">
−
<h5>Part Table </h5>
+
  <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>
 +
<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>
  
−
<p>Please include a table of all the parts your team has made during your project on this page. Remember part characterization and measurement data must go on your team part pages on the Registry. </p>
+
<div>
  
−
<div class="highlight">
+
<div class="subtitle">
 +
  <p style="font-size:50pt; font-family: CrimsonTextRoman, serif;">Under construction<br></p><br>
 +
  <div class="underline"></div>
 +
</div>
  
 +
<p class="maintext"></p>
  
−
</html>
+
<p class="maintextsuite"></p>
−
<groupparts>iGEM17 Pasteur_Paris</groupparts>
+
  
−
<html>
+
<br><br><br><br><br><br><br><br><br><br><br><br></p>
−
</div>
+
 
</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 16:39, 23 October 2017

Under construction