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

(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>
  
−
<div class="column full_size judges-will-not-evaluate">
+
/*Fonction apparition onglet après click sur le menu*/
−
<h3>★  ALERT! </h3>
+
function apparitionTeam() {
−
<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>
+
    document.getElementById("Team").style.display = "block";
−
<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>
+
    document.getElementById("Project").style.display = "none";
−
</div>
+
    document.getElementById("Design").style.display = "none";
−
<div class="clear"></div>
+
    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 half_size">
+
function deletebaton() {
−
<h1>Entrepreneurship</h1>
+
    document.getElementById("batonbleu").style.display = "none";
−
<h3>Best Supporting Entrepreneurship Special Prize</h3>
+
}
−
<p>
+
−
In previous years, iGEM had an entrepreneurship track. Teams were encouraged to build projects and focus around commercializing their work. We have now moved to an award as the best work in this area may come from teams who are not solely focused on entrepreneurship.  
+
−
</p>
+
  
−
<p>The Best Supporting Entrepreneurship award recognizes exceptional effort to build a business case and commercialize an iGEM project. This award is open to all teams to show that entrepreneurship is something all teams can aspire to do with their project. This award can go to an new project, or to a previous project that a team aimed to commercialize. Have you filed a provisional patent on your project/device/process? Have you raised money to build and ship products? Have you pitched your idea to investors and received money? As always in iGEM, the aim is to impress the judges!
+
function apparitionbaton1() {
 +
    document.getElementById("batonbleu1").style.display = "block";
 +
}
  
−
<br><br>
+
function deletebaton1() {
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Supporting Entrepreneurship prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
    document.getElementById("batonbleu1").style.display = "none";
−
<br><br>
+
}
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
 
−
</p>
+
function apparitionbaton1b() {
−
</p>
+
    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 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")
 +
  {apparitionProject();}
 +
}
 +
 
 +
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="apparitionProject(); 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 class="column half_size">
+
<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>
  
−
<h5>Inspiration</h5>
+
<div id="Design" style="display:none">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
  <div class="outer4">
−
Here are a few examples:</p>
+
    <div class="inner"; onmouseover="apparitionbaton4()"; onmouseout="deletebaton4()">
−
<ul>
+
      <div class="list rotate">  
−
<li><a href="https://2016.igem.org/Team:Sydney_Australia">2016 Sydney Australia</a></li>
+
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Science</a>
−
<li><a href="https://2016.igem.org/Team:Pasteur_Paris">2016 Pasteur Paris</a></li>
+
        <div id="batonbleu4">
−
<li><a href="https://2014.igem.org/Team:UCC_Ireland">2014 UCC Ireland</a></li>
+
        </div>
−
<li><a href="https://2014.igem.org/Team:Imperial">2014 Imperial College London</a></li>
+
      </div>
−
</ul>
+
    </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>Patents and intellectual property</h5>
+
<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>
  
−
<p>
+
<div id="HumanPractice" style="display:none">
−
If your team is seriously considering commercializing and looking into building a company after the competition, you may want to look at how you are going to protect your work and secure investment. Investors will usually require some form of intellectual protection, so you may want to investigate how to apply for a patent or provisional patent in your country and region before disclosing your project at iGEM. Remember that you can only be evaluated in iGEM based on what you share on your wiki and at the Jamboree, so any work you don't present can't count towards your project. </p>
+
  <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/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>
  
−
<p>This is an area where we are different as we care about sharing, openness and contributing to the community and investors don't always agree with these values. It is up to you and your team to decide what to do. Remember that most universities have a commercialization department and that you can talk to them before coming to a decision.  
+
<div id="Achievements" style="display:none">
−
</p>  
+
  <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>
 +
 
 +
<div>
  
 +
<div class="subtitle">
 +
  <p style="font-size:50pt; font-family: CrimsonTextRoman, serif;">Under construction<br></p><br>
 +
  <div class="underline"></div>
 
</div>
 
</div>
  
 +
<p class="maintext"></p>
  
 +
<p class="maintextsuite"></p>
  
−
<div class="clear"></div>
+
<br><br><br><br><br><br><br><br><br><br><br><br></p>
 +
</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:24, 23 October 2017

Under construction