Difference between revisions of "Template:Rotterdam HR/navbar"

Line 1: Line 1:
 
<nav>
 
<nav>
 +
<style>
 +
.menu svg {
 +
width: 24px;
 +
height: 24px;
 +
}
 +
</style>
 
   <ul class="menu" style="margin: 0;">
 
   <ul class="menu" style="margin: 0;">
 
<!-- HOME -->
 
<!-- HOME -->
−
<a class="main-item" id="home" href="https://2018.igem.org/Team:Rotterdam_HR/">
+
<a class="main-item" id="home" href="https://2018.igem.org/Team:Rotterdam_HR">
 
       <svg style="width:24px;height:24px" viewBox="0 0 24 24">
 
       <svg style="width:24px;height:24px" viewBox="0 0 24 24">
 
         <path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" />
 
         <path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" />
Line 57: Line 63:
 
<!-- LOGO -->
 
<!-- LOGO -->
 
     <div class="home-button">
 
     <div class="home-button">
−
<a href="https://2018.igem.org/Team:Rotterdam_HR/">
+
<a href="https://2018.igem.org/Team:Rotterdam_HR">
−
<img src="https://static.igem.org/mediawiki/2018/5/58/T--Rotterdam_HR--logo.jpeg" alt="iGEM Rotterdam logo" style="width: 100%; height: 70%;">
+
<img src="https://static.igem.org/mediawiki/2018/5/58/T--Rotterdam_HR--logo.jpeg" alt="iGEM Rotterdam logo" style="width: 100%; height: 75%;">
 
</a>
 
</a>
 
</div>
 
</div>

Revision as of 09:33, 16 August 2018

<nav> <style> .menu svg { width: 24px; height: 24px; } </style>

    <a class="main-item" id="home" href="https://2018.igem.org/Team:Rotterdam_HR"> <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /> </svg> Home </a> 
         <svg style="width:24px;height:24px" viewBox="0 0 24 24">
       <path d="M12,6A3,3 0 0,0 9,9A3,3 0 0,0 12,12A3,3 0 0,0 15,9A3,3 0 0,0 12,6M6,8.17A2.5,2.5 0 0,0 3.5,10.67A2.5,2.5 0 0,0 6,13.17C6.88,13.17 7.65,12.71 8.09,12.03C7.42,11.18 7,10.15 7,9C7,8.8 7,8.6 7.04,8.4C6.72,8.25 6.37,8.17 6,8.17M18,8.17C17.63,8.17 17.28,8.25 16.96,8.4C17,8.6 17,8.8 17,9C17,10.15 16.58,11.18 15.91,12.03C16.35,12.71 17.12,13.17 18,13.17A2.5,2.5 0 0,0 20.5,10.67A2.5,2.5 0 0,0 18,8.17M12,14C10,14 6,15 6,17V19H18V17C18,15 14,14 12,14M4.67,14.97C3,15.26 1,16.04 1,17.33V19H4V17C4,16.22 4.29,15.53 4.67,14.97M19.33,14.97C19.71,15.53 20,16.22 20,17V19H23V17.33C23,16.04 21,15.26 19.33,14.97Z" />
     </svg>
     Team

         <svg style="width:24px;height:24px" viewBox="0 0 24 24">
       <path d="M9.46,6.28L11.05,9C8.47,9.26 6.5,11.41 6.5,14A5,5 0 0,0 11.5,19C13.55,19 15.31,17.77 16.08,16H13.5V14H21.5V16H19.25C18.84,17.57 17.97,18.96 16.79,20H19.5V22H3.5V20H6.21C4.55,18.53 3.5,16.39 3.5,14C3.5,10.37 5.96,7.2 9.46,6.28M12.74,2.07L13.5,3.37L14.36,2.87L17.86,8.93L14.39,10.93L10.89,4.87L11.76,4.37L11,3.07L12.74,2.07Z" />
     </svg>
     Project

         <svg style="width:24px;height:24px" viewBox="0 0 24 24">
       <path d="M5,2A1,1 0 0,0 4,1A1,1 0 0,0 3,2V6H1V12H7V6H5V2M9,16C9,17.3 9.84,18.4 11,18.82V23H13V18.82C14.16,18.41 15,17.31 15,16V14H9V16M1,16C1,17.3 1.84,18.4 3,18.82V23H5V18.82C6.16,18.4 7,17.3 7,16V14H1V16M21,6V2A1,1 0 0,0 20,1A1,1 0 0,0 19,2V6H17V12H23V6H21M13,2A1,1 0 0,0 12,1A1,1 0 0,0 11,2V6H9V12H15V6H13V2M17,16C17,17.3 17.84,18.4 19,18.82V23H21V18.82C22.16,18.41 23,17.31 23,16V14H17V16Z" />
     </svg>
     Parts

    <a href="https://2018.igem.org/Team:Rotterdam_HR"> <img src="T--Rotterdam_HR--logo.jpeg" alt="iGEM Rotterdam logo" style="width: 100%; height: 75%;"> </a> 

       <a href="https://2018.igem.org/Team:Rotterdam_HR/Safety" class="main-item construction" id="safety">
     <svg style="width:24px;height:24px" viewBox="0 0 24 24">
       <path d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z" />
     </svg>
     Safety
   </a>

    <a href="https://2018.igem.org/Team:Rotterdam_HR/Human_Practices" class="main-item" id="human-practices"> 

         <svg style="width:24px;height:24px" viewBox="0 0 24 24">
       <path d="M1.5,4V5.5C1.5,9.65 3.71,13.28 7,15.3V20H22V18C22,15.34 16.67,14 14,14C14,14 13.83,14 13.75,14C9,14 5,10 5,5.5V4M14,4A4,4 0 0,0 10,8A4,4 0 0,0 14,12A4,4 0 0,0 18,8A4,4 0 0,0 14,4Z" />
     </svg>
     Human Practices

    </a>


    <a href="https://2018.igem.org/Team:Rotterdam_HR/Hardware" class="main-item construction" id="hardware"> 

         <svg style="width:24px;height:24px" viewBox="0 0 24 24">

    <path fill="currentColor" d="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z"></path> </svg> 

         Hardware

    </a>

    <a href="https://2018.igem.org/Team:Rotterdam_HR/Software" class="main-item construction" id="software"> 

         <svg style="width:24px;height:24px" viewBox="0 0 24 24">

    <path d="M14.6,16.6L19.2,12L14.6,7.4L16,6L22,12L16,18L14.6,16.6M9.4,16.6L4.8,12L9.4,7.4L8,6L2,12L8,18L9.4,16.6Z" /> </svg> 

         Software

    </a>

</nav>