Template:Nantes/aside

Menu

• <a href="./main.php">

  Home

             </a>
  

       <svg class="separator" width="200" height="4">
           <line x1="25" y1="2" x2="175" y2="2" stroke="black" />
       </svg>

• <button onclick="asideProject()">

  Project

             </button>
  

       <svg class="separator" width="200" height="4">
           <line x1="25" y1="2" x2="175" y2="2" stroke="black" />
       </svg>

• <button onclick="asideLabWork()">

  Labwork

             </button>
  




       <svg class="separator" width="200" height="4">
           <line x1="25" y1="2" x2="175" y2="2" stroke="black" />
       </svg>

• <button onclick="asideDryLab()">

  Dry Lab

             </button>
  

       <svg class="separator" width="200" height="4">
           <line x1="25" y1="2" x2="175" y2="2" stroke="black" />
       </svg>

• <button onclick="asideHumanPractice()">

  Human Practice

             </button>
  

       <svg class="separator" width="200" height="4">
           <line x1="25" y1="2" x2="175" y2="2" stroke="black" />
       </svg>

• <button onclick="asideTeam()">

  Team

             </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="./abstract.php">

  Abstract

                     </a>
  

• <a href="./projectDesc.php">

  ProjectDescription

                     </a>
  

• <a href="./design.php">

  Design

                     </a>
  

• <a href="./contribution.php">

  Contribution

                     </a>
  

• <a href="./entrepreneurship.php">

  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="./experiments.php">

  experiments

                     </a>
  

• <a href="./results.php">

  results

                     </a>
  

• <a href="./safety.php">

  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="./excellence.php">

  Excellence in an other area

                     </a>
  

• <a href="./methanisation.php">

  methanisation

                     </a>
  

• <a href="./bioplastics.php">

  Bioplastics

                     </a>
  

• <a href="./engrais.php">

  Engrais

                     </a>
  

• <a href="./h2s.php">

  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="./overviewHP.php">

  Overview HP

                     </a>
  

• <a href="./integratedHP.php">

  Integrated HP

                     </a>
  

• <a href="./impementation.php">

  Implementation

                     </a>
  

• <a href="./educAndPublicEngagment.php">

  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="./members.php">

  Members

                     </a>
  

• <a href="./attribution.php">

  Attribution

                     </a>
  

• <a href="./collaboration.php">

  Collaboration

                     </a>
  

</aside>

<style>

1. 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;

}

1. menuSvg {

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

}

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

1. 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;

}

1. quitAside {

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

}

1. quitSvg {

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

}

1. asideTitle {

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

}

1. 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;

}

1. logoBlanc {

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

}

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

.sousMenu {

   z-index: 2;
   position: fixed;

}

1. LabWork {

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

}

1. Project {

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

}

1. DryLab {

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

}

1. HumanPractice {

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

}

1. Team {

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

} </style>