Difference between revisions of "Team:GO Paris-Saclay/JOUDOU"

m
 
(89 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
<html>
 
<html>
  
−
<!--Partie de william pour supprimer la bannière iGEM-->
+
<!-- Pas accepté par iGEM : https://2018.igem.org/Competition/Deliverables/Wiki ------ > regle 4 " Teams must host all content on 2018.igem.org", "Load your CSS and Javascript into the wiki, either directly into your page or using templates. Do not link to scripts or stylesheets that are hosted on other servers."  --- William -->
  
−
<script>
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Roboto:300,400,500">
−
const cssreq = new XMLHttpRequest();
+
−
cssreq.open('GET', 'https://static.igem.org/mediawiki/2018/2/22/T--GO_Paris-Saclay--maincss.txt', false);
+
−
console.log("Sending CSS XHR...");
+
−
cssreq.send(null);
+
−
console.log("Received CSS results");
+
−
var b64_csstext = cssreq.responseText;
+
−
var css_text = atob(b64_csstext);
+
−
$('head').append("<style>"+css_text+"</style>");
+
  
−
const req = new XMLHttpRequest();
 
−
req.open('GET', 'https://static.igem.org/mediawiki/2018/e/ee/T--GO_Paris-Saclay--mainscript.txt', false);
 
−
console.log("Sending JS XHR...");
 
−
req.send(null);
 
−
console.log("Received JS results");
 
−
var b64_text = req.responseText;
 
−
var js_text = atob(b64_text);
 
−
eval(js_text);
 
  
−
setTimeout(function(){
+
<!--Début du html-->
−
    $(".body").append($("#bigmaindiv"));
+
  
−
$('#top_title').remove();
+
    <body>
−
$('#removeme').remove();
+
      <header>
−
$('#bigmaindiv').insertBefore('#content'); }, 0);
+
−
</script>
+
  
 +
<!----------------------Barre de navigation------------------------->
  
−
Page Backbone
+
            <nav>
−
************************************************************************/
+
<div id='cssmenu'>
−
* {
+
<ul>
−
   -webkit-box-sizing: border-box;
+
    
−
          box-sizing: border-box;
+
  <li><a href='#'><span>Acknowledgement</span></a>
−
  margin: 0;
+
      <ul>
−
  padding: 0;
+
        <li class='has-sub'><a href='#'><span>Attribution</span></a>
−
}
+
        </li>
−
html {
+
        <li class='has-sub'><a href='#'><span>Sponsors</span></a>
−
  font-size:16px;
+
        </li>
−
}
+
      </ul>
−
body {
+
  </li>
−
  width: 100%;
+
<li><a href='#'><span>Team</span></a>
−
  margin: 48px 0 0 0;
+
      <ul>
−
  padding: 0;
+
        <li class='has-sub'><a href='#'><span>Member</span></a>
−
  color: black;
+
        </li>
−
  background-color: white;
+
        <li class='has-sub'><a href='#'><span>Supervisors</span></a>
−
  font: inherit;
+
        </li>
−
  font-size:16px;
+
        <li class='has-sub'><a href='#'><span>Collaboration</span></a>
−
  word-wrap: break-word;
+
        </li>
−
}
+
      </ul>
 +
  </li>
  
−
@media (min-width: 1024px) {
+
<li><a href='#'><span>Contribution</span></a>
−
  body {
+
      <ul>
−
    margin: 16px 0 0 0;
+
        <li class='has-sub'><a href='#'><span>Interlab</span></a>
−
  }
+
        </li>
−
}
+
        <li class='has-sub'><a href='#'><span>Software</span></a>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
<li><a href='#'><span>Human practice</span></a>
 +
      <ul>
 +
        <li class='has-sub'><a href='#'><span>Overview</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>X</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>X</span></a>
 +
        </li>
 +
      </ul>
 +
  </li>
  
 +
<li><a href='#'><span>Sequences</span></a>
 +
      <ul>
 +
        <li class='has-sub'><a href='#'><span>Parts</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>Basic parts</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>Composite Parts</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>Part Collection</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>Primers</span></a>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
<li><a href='#'><span>Model</span></a>
 +
      <ul>
 +
        <li class='has-sub'><a href='#'><span>Overview</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>X</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>X</span></a>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
 
 +
<li><a href='#'><span>Lab</span></a>
 +
      <ul>
 +
        <li class='has-sub'><a href='#'><span>Notebook</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>Protocols</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>Safety</span></a>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
 
 +
  <li><a href='#'><span>Project</span></a>
 +
      <ul>
 +
        <li class='has-sub'><a href='#'><span>Abstract</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>MTX degradation</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>An heterogenious system</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>Design</span></a>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>Contribution</span></a>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
</ul>
 +
</div>
 +
</nav>
 +
    </header>
  
−
#globalWrapper {
+
<!-----------------------------------Bloc1-------------------------------------->
−
  width: 100%;
+
   <article>
−
  padding: 0;
+
   <div class="bloc1">
−
  background-color: #149375;
+
−
  position: relative;
+
−
  font-size: 16px;
+
−
}
+
−
#content {
+
−
  width: 100%;
+
−
  min-height: 80vh;
+
−
  margin: 0;
+
−
  padding: 0;
+
−
  border: none;
+
−
  color: inherit;
+
−
  background-color: #ffffff;
+
−
   position: relative;
+
−
}
+
−
#HQ_page {
+
−
  width: 100%;
+
−
   margin: 0;
+
−
  padding: 0;
+
−
  background: none;
+
−
}
+
  
−
<!--Début du html-->
+
    <div class="parent_carreblanc">
 +
        <img id="carre_blanc" src="https://static.igem.org/mediawiki/2018/3/38/T--GO_Paris-Saclay--carre_blanc.png"alt="carre_blanc">
 +
    </div>
  
−
     <body>
+
     <div class="parent_titres">
−
      <header>
+
    <h1 id="titre_principal">METHOTREXIT</h1>  
−
        <nav>
+
    <h2 id="sous_titre"></span>Heterogen<img class="idea" src="https://static.igem.org/mediawiki/2018/c/c6/T--GO_Paris-Saclay--idea.png"alt="idea">ous Cleaning Factory</h2>  
−
        <div id="menu">  
+
−
          <ul>
+
  
−
            <li class="project"><a href="#menu_sous1">Project</a>
+
    </div>
−
              <ul id="menu_sous1">
+
−
                <li> <a href="description.html"> Description</a></li>
+
−
                <li><a href="design.html">Design</a></li>
+
−
                <li><a href="result.html">Result</a></li>
+
−
                <li class="cont"><a href="cont.html">Contribution</a></li>
+
−
              </ul>
+
−
            </li>
+
  
−
              <li class="lab"><a href="#menu_sous2">Lab</a>
+
    <div class="parent_carremulti">
−
              <ul id="menu_sous2">
+
      <img id="carre" src="https://static.igem.org/mediawiki/2018/d/de/T--GO_Paris-Saclay--carre_multicolore.png"      alt="carres_multicolores">
−
                <li><a href="notebook.html">Notebook</a></li>
+
    </div>
−
                <li><a href="protocols.html">Protocols</a></li>
+
    <div class="parent_dis">
−
                <li><a href="safety.html">Safety</a></li>
+
      <div class="discover"
−
              </ul>
+
          <p><a href="#ancre">
−
              </li>
+
        Discover our project
 +
      </a>
 +
      </p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
  </article>
 +
<!-----------------------------------Bloc2-------------------------------------->
 +
    <article>
 +
    <div class="bloc2">
 +
      <div class="parent_ancre">
 +
        <h2 id="ancre"> o <h2>
 +
      </div>
 +
      <div class="parent_hospitalgo">
 +
        <img id="hospital" src="https://static.igem.org/mediawiki/2018/8/87/T--GO_Paris-Saclay--bloc2.png" alt="hospital">
 +
        <div id="go">
 +
        Thanks to medicinal advances, <span class="year">EACH YEAR</span>, drug consumption increases  to treat the population.<br>BUT… <br>
 +
        <span class="text1">Downside drugs aren’t totally metabolized and accumulate gradually in wastewater</span>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</article>
 +
<!-----------------------------------Bloc3-------------------------------------->
 +
    <article>
 +
      <img  id="bloc3" src="https://static.igem.org/mediawiki/2018/0/08/T--GO_Paris-Saclay--bloc3.png">
  
−
              <li class="model"><a href="#menu_sous3">Model</a>
+
      <div id="bloc3_text1">
−
              <ul id="menu_sous3">
+
      Leading to...
−
                <li><a href="#">Overview</a></li>
+
      </div>
−
                <li><a href="#">X</a></li>
+
     
−
                <li><a href="#">X</a></li>
+
      <div id="bloc3_text2">
−
              </ul>
+
      Antibiotic resistance
−
              </li>
+
      </div>
  
−
              <li class="sequences"><a href="#menu_sous4">Sequences</a>
+
      <div id="bloc3_text3">
−
              <ul id="menu_sous4">
+
      In vitro human cell death
−
                <li><a href="parts.html">Parts</a></li>
+
      </div>
−
                <li><a href="basicparts.html">Basic Parts</a></li>
+
−
                <li><a href="compositeparts.html">Composite Parts</a></li>
+
−
                <li><a href="partcollection.html">Part Collection</a></li>
+
−
                <li><a href="improvedbio.html">Improved Biobrick</a></li>
+
−
                <li><a href="primers.html">Primers</a></li>
+
−
              </ul>
+
−
              </li>
+
  
−
              <li class="hp"><a href="#menu_sous5">Human Practices</a>
+
      <div id="bloc3_text4">
−
              <ul id="menu_sous5">
+
      Alter ecosystemes
−
                <li><a href="hp.html">Overview</a></li>
+
      </div>
−
                <li><a href="#">X</a></li>
+
<!-----------------------------------Bloc4-------------------------------------->
−
                <li><a href="#">X</a></li>
+
    </article>
−
              </ul>
+
−
              </li>
+
−
             
+
−
              <li class="cont"><a href="#menu_sous6">Contribution</a>
+
−
              <ul id="menu_sous6">
+
−
                <li><a href="interlab.html">Interlab</a></li>
+
−
                <li><a href="software.html">Software</a></li>
+
−
              </ul>
+
−
              </li>
+
  
−
              <li class="team"><a href="#menu_sous7">Team</a>
+
    <article>
−
              <ul id="menu_sous7">
+
      <p><img id="bloc4" src="https://static.igem.org/mediawiki/2018/b/bb/T--GO_Paris-Saclay--bloc4.png" alt="bloc4"></p>
−
                <li><a href="member.html">Member</a></li>
+
      <p class="bloc4_text">Wastewater treatment per country</p>
−
                <li><a href="supervisors.html">Supervisors</a></li>
+
−
                <li><a href="collab.html">Collaboration</a></li>
+
−
              </ul>
+
−
              </li>
+
  
−
              <li class="ack"><a href="#menu_sous8">Acknowledgement</a>
+
     </article>
−
              <ul id="menu_sous8">
+
−
                <li><a href="attribution.html">Attribution</a> </li>
+
−
                <li><a href="sponsor.html">Sponsors</a> </li>
+
−
                <li><a href="crowfunding.html">Crowfunding</a> </li>
+
−
              </ul>
+
−
              </li>
+
−
            </ul>
+
−
          </ul>
+
−
        </div>
+
−
      </nav>
+
−
     </header>
+

Latest revision as of 09:27, 25 September 2018



o

hospital
Thanks to medicinal advances, EACH YEAR, drug consumption increases to treat the population.
BUT…
Downside drugs aren’t totally metabolized and accumulate gradually in wastewater
Leading to...
Antibiotic resistance
In vitro human cell death
Alter ecosystemes

bloc4

Wastewater treatment per country