Team:Nantes/attribution

   font-family: Monserrat;
   src: url("../fonts/Montserrat/Montserrat-Black.ttf");

}

/* ----Bouton Menu---- */

menuButton {

   /* position */
   position: fixed;
   top: 50px;
   margin-left: 85%;
   z-index: 2;
   /* style */
   width: 120px;
   height: 60px;
   border: none;
   background: none;
   display: block;
   /* font */
   font-weight: bold;
   font-size:12pt;
   text-align: left;
   text-shadow:0 0 #789;
   color:#789;
   font-family: 'Montserrat', sans-serif;

}

menuSvg {

   float:right;
   margin-top: -10px;
   margin-left: 15px;

}

/* ----Bandeau Aside---- */

bandeauMenu {

   /* position */
   float:right;
   margin-left: 80%;
   /* style */
   background-color: hsla(0, 0%, 100%, 0.80);
   width: 20%;
   height: 100%;
   display: none;
   z-index: 3;
   position: fixed;
   top: 0;

}

quitAside {

   background: none;
   border: none;
   margin: 20px;

}

quitSvg {

   stroke-width: 2px;
   stroke-linecap: round;

}

asideTitle {

   font-size: 28;
   font-family: 'Montserrat', sans-serif;
   width: 100px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 25px;

}

linkList{

   margin-top: 50px;
   height: 200px;

}

.asidetext {

   color: #699A5D;
   width: 150px;
   font-size: large;
   font-weight: bold;
   margin-right: auto;
   margin-left: auto;

}

button {

   background: none;
   border: none;

}

.separator {

   stroke-width: 3px;
   stroke-linecap: round;

}

logoBlanc {

   width: 200px;
   height: auto;
   margin-top: 150px;
   margin-left: 50px;
   margin-right: auto;

}

/* ----Sous Menus---- */

.sousMenu {

   z-index: 2;
   position: fixed;

}

LabWork {

   display: none;
   z-index: 2;
   position: fixed;

}

Project {

   display: none;
   z-index: 2;
   position: fixed;

}

DryLab {

   display: none;
   z-index: 2;
   position: fixed;

}

HumanPractice {

   display: none;
   z-index: 2;
   position: fixed;

}

Team {

   display: none;
   z-index: 2;
   position: fixed;

} </style> <script> function asideswipe() {

   if (document.getElementById("bandeauMenu").style.display == "block") {
       document.getElementById("bandeauMenu").style.display = "none";
       document.getElementById("menuButton").style.display = "block";
   } else {
       document.getElementById("bandeauMenu").style.display = "block";
       document.getElementById("menuButton").style.display = "none";
   }

}

function asideQuit() {

   if (document.getElementById("bandeauMenu").style.display == "block") {
       document.getElementById("bandeauMenu").style.display = "none";
       document.getElementById("menuButton").style.display = "block";
   } else {
       document.getElementById("bandeauMenu").style.display = "block";
       document.getElementById("menuButton").style.display = "none";
   }

}

/**

*      PROJECT
*/

function ProjectQuit() {

   document.getElementById("Project").style.display = "none";
   document.getElementById("linkList").style.display = "block";

}

function asideProject() {

   document.getElementById("Project").style.display = "block";
   document.getElementById("linkList").style.display = "none";

}

/**

*      LabWork
*/

function LabWorkQuit() {

   document.getElementById("LabWork").style.display = "none";
   document.getElementById("linkList").style.display = "block";

}

function asideLabWork() {

   document.getElementById("LabWork").style.display = "block";
   document.getElementById("linkList").style.display = "none";

}

/**

*      DryLab
*/

function DryLabQuit() {

   document.getElementById("DryLab").style.display = "none";
   document.getElementById("linkList").style.display = "block";

}

function asideDryLab() {

   document.getElementById("DryLab").style.display = "block";
   document.getElementById("linkList").style.display = "none";

}

/**

*      Human Practice
*/

function HumanPracticeQuit() {

   document.getElementById("HumanPractice").style.display = "none";
   document.getElementById("linkList").style.display = "block";

}

function asideHumanPractice() {

   document.getElementById("HumanPractice").style.display = "block";
   document.getElementById("linkList").style.display = "none";

}

/**

*      Team
*/

function TeamQuit() {
   document.getElementById("Team").style.display = "none";
   document.getElementById("linkList").style.display = "block";

}

function asideTeam() {

   document.getElementById("Team").style.display = "block";
   document.getElementById("linkList").style.display = "none";

} </script>

<button id="menuButton" onclick="asideswipe()">Menu

   <svg id="menuSvg" width="40" height="40">
       <circle cx="5" cy="5" r="5" fill="#789" />
       <circle cx="18" cy="5" r="5" fill="#789" />
       <circle cx="31" cy="5" r="5" fill="#789" />

       <circle cx="5" cy="18" r="5" fill="#789" />
       <circle cx="18" cy="18" r="5" fill="#789" />
       <circle cx="31" cy="18" r="5" fill="#789" />

       <circle cx="5" cy="31" r="5" fill="#789" />
       <circle cx="18" cy="31" r="5" fill="#789" />
       <circle cx="31" cy="31" r="5" fill="#789" />
   </svg>

</button>

   <button id="quitAside" onclick="asideQuit()">
       <svg id="quitSvg" width="50" height="50">
           <line x1="0" y1="0" x2="50" y2="50" stroke="black" />
           <line x1="50" y1="0" x2="0" y2="50" stroke="black" />
       </svg>
   </button>

           <button id="quitSousMenu" onclick="ProjectQuit()">
               <svg id="quitSvg" width="30" height="30">
                   <line x1="15" y1="0" x2="0" y2="15" stroke="black" />
                   <line x1="15" y1="30" x2="0" y2="15" stroke="black" />
                   <line x1="0" y1="15" x2="30" y2="15" stroke="black" />
               </svg>
           </button>

<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/abstract.php">
Abstract
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/Description">
ProjectDescription
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/Description/design">
Design
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/contribution">
Contribution
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/Entrepreneurship">
Entrepreneurship
```
                   </a>
```

           <button id="quitSousMenu" onclick="LabWorkQuit()">
               <svg id="quitSvg" width="30" height="30">
               <line x1="15" y1="0" x2="0" y2="15" stroke="black" />
                   <line x1="15" y1="30" x2="0" y2="15" stroke="black" />
                   <line x1="0" y1="15" x2="30" y2="15" stroke="black" />
               </svg>
           </button>

<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/Experiments">
experiments
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/results">
results
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/safety">
safety
```
                   </a>
```

           <button id="quitSousMenu" onclick="DryLabQuit()">
               <svg id="quitSvg" width="30" height="30">
               <line x1="15" y1="0" x2="0" y2="15" stroke="black" />
                   <line x1="15" y1="30" x2="0" y2="15" stroke="black" />
                   <line x1="0" y1="15" x2="30" y2="15" stroke="black" />
               </svg>
           </button>

<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/Excellence">
Excellence in an other area
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/Methanisation">
methanisation
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/bioplastics">
Bioplastics
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/engrais">
Engrais
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/h2s">
H2S
```
                   </a>
```

           <button id="quitSousMenu" onclick="HumanPracticeQuit()">
               <svg id="quitSvg" width="30" height="30">
               <line x1="15" y1="0" x2="0" y2="15" stroke="black" />
                   <line x1="15" y1="30" x2="0" y2="15" stroke="black" />
                   <line x1="0" y1="15" x2="30" y2="15" stroke="black" />
               </svg>
           </button>

<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/overviewHP">
Overview HP
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/integratedHP">
Integrated HP
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/impementation">
Implementation
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/educAndPublicEngagment">
Education and Public Engagement
```
                   </a>
```

           <button id="quitSousMenu" onclick="TeamQuit()">
               <svg id="quitSvg" width="30" height="30">
               <line x1="15" y1="0" x2="0" y2="15" stroke="black" />
                   <line x1="15" y1="30" x2="0" y2="15" stroke="black" />
                   <line x1="0" y1="15" x2="30" y2="15" stroke="black" />
               </svg>
           </button>

<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/members">
Members
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/attribution">
Attribution
```
                   </a>
```
<a href="https://2021.igem.org/wiki/index.php?title=Team:Nantes/collaboration">
Collaboration
```
                   </a>
```

</aside>