(81 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | <div id="particles"></div> | + | <script> |
+ | $('.dropdown-menu a.dropdown-toggle').on('click', function(e) { | ||
+ | if (!$(this).next().hasClass('show')) { | ||
+ | $(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); | ||
+ | } | ||
+ | var $subMenu = $(this).next(".dropdown-menu"); | ||
+ | $subMenu.toggleClass('show'); | ||
+ | |||
+ | |||
+ | $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) { | ||
+ | $('.dropdown-submenu .show').removeClass("show"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | return false; | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | .noline{ | ||
+ | line-height: 0 px; | ||
+ | margin: 0px 0px !important ; | ||
+ | } | ||
+ | |||
+ | .narrow{ | ||
+ | margin: 0px 5px 0px 5px !important ; | ||
+ | } | ||
+ | |||
+ | .dice-expand{ | ||
+ | float:right; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content-desktop {display: flex;} | ||
+ | #content-mobile {display: none;} | ||
+ | |||
+ | @media only screen and (max-width: 600px) { | ||
+ | |||
+ | #content-desktop {display: none;} | ||
+ | #content-mobile {display: flex;} | ||
+ | |||
+ | } | ||
+ | |||
+ | /* | ||
+ | * | ||
+ | * ========================================== | ||
+ | * CUSTOM UTIL CLASSES | ||
+ | * ========================================== | ||
+ | * | ||
+ | */ | ||
+ | |||
+ | .dropdown-submenu { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu>a:after { | ||
+ | content: "\f0da"; | ||
+ | float: right; | ||
+ | border: none; | ||
+ | font-family: 'FontAwesome'; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu>.dropdown-menu { | ||
+ | top: 0; | ||
+ | left: 100%; | ||
+ | margin-top: 0px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | |||
+ | <!-- End --> | ||
+ | </style> | ||
+ | |||
+ | <!-- <div id="particles"></div> --> | ||
<nav class="navbar fixed-top navbar-expand-lg navbar-light"> | <nav class="navbar fixed-top navbar-expand-lg navbar-light"> | ||
− | + | <div class="text-center container-fluid" id="content-desktop"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <a class="navbar-brand" href="https://2019.igem.org/Team:Ruperto_Carola"> | |
+ | <img src="https://static.igem.org/mediawiki/2019/8/8a/T--Ruperto_Carola--logo_navbar_test1.png" style="height:60px"> | ||
+ | </a> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarTogglerDemo02"> | ||
+ | <span class="navbar-toggler-icon"></span> | ||
+ | </button> | ||
− | + | <div class="collapse navbar-collapse" id="navbarNavDropdown"> | |
− | + | <ul class="navbar-nav"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item narrow"> | |
+ | <a class="nav-link noline text-center" href="https://2019.igem.org/Team:Ruperto_Carola"> | ||
+ | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/e/e7/T--Ruperto_Carola--Home.png"><br>Home | ||
+ | </a> | ||
+ | </li> | ||
− | + | <!-- TEAM --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item dropdown narrow"> | |
+ | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | ||
+ | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/a/a6/T--Ruperto_Carola--Team.png"><br>Team | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Team"> | ||
+ | Team Members | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Attributions"> | ||
+ | Attributions | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Sponsors"> | ||
+ | Sponsors | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <!-- PROJECT --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item dropdown narrow"> | |
+ | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | ||
+ | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/9/9b/T--Ruperto_Carola--Project.png"><br>Project | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Description"> | ||
+ | Description | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook"> | ||
+ | Notebook | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution"> | ||
+ | Contribution | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Results"> | ||
+ | Results | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Demonstrate"> | ||
+ | Demonstrate | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Improve"> | ||
+ | Improve | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <!-- PARTS --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item dropdown narrow"> | |
− | + | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/5/57/T--Ruperto_Carola--Parts.png"><br>Parts | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Parts"> | ||
+ | Parts Overview | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Basic_Part"> | ||
+ | Basic Parts | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Composite_Part"> | ||
+ | Composite Parts | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <li class="nav-item narrow"> | |
+ | <a class="nav-link noline text-center" href="https://2019.igem.org/Team:Ruperto_Carola/Safety"> | ||
+ | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/2/25/T--Ruperto_Carola--Safety.svg"><br>Safety | ||
+ | </a> | ||
+ | </li> | ||
− | + | <!-- HUMAN PRACTICES --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item dropdown narrow"> | |
+ | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | ||
+ | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/1/11/T--Ruperto_Carola--Human.png"><br>Human Practices | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Human_Practices"> | ||
+ | Overview | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/integrated"> | ||
+ | Integrated Human Practices | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Public_Engagement"> | ||
+ | Education & Engagement | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/Expert_Interviews"> | ||
+ | Expert Interviews | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Collaborations"> | ||
+ | Collaborations | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <!-- In Silico --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item dropdown narrow"> | |
− | + | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/7/73/T--Ruperto_Carola--Modelling.png"><br>In Silico | |
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Model"> | ||
+ | Model | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Software"> | ||
+ | Software | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | |||
− | + | <li class="nav-item narrow align-content-center" style="font-size: .7rem !important;"> | |
+ | <a class="nav-link noline text-center" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola"> | ||
+ | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/0/0c/T--Ruperto_Carola--Form.png"><br> | ||
+ | JUDGING FORM ⇗</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
− | |||
+ | </div> | ||
+ | |||
+ | <!-- Mobile Navbar -- > | ||
+ | <!-- DON'T TOUCH !!!!!!! --> | ||
+ | |||
+ | <div class="text-center container-fluid" id="content-mobile"> | ||
+ | <a class="navbar-brand" href="https://2019.igem.org/Team:Ruperto_Carola"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/8/8a/T--Ruperto_Carola--logo_navbar_test1.png" style="height:60px"> | ||
+ | </a> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarTogglerDemo02"> | ||
+ | <span class="navbar-toggler-icon"></span> | ||
+ | </button> | ||
+ | <div class="collapse navbar-collapse" id="navbarNavDropdown"> | ||
+ | <ul class="navbar-nav"> | ||
+ | <!--<li class="nav-item"> | ||
+ | <a class="nav-link" href="https://2019.igem.org/Team:Ruperto_Carola"> | ||
+ | Home | ||
+ | </a> | ||
+ | </li>--> | ||
+ | |||
+ | <!-- TEAM --> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | ||
+ | Team | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Team"> | ||
+ | Team Members | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Attributions"> | ||
+ | Attributions | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <!-- PROJECT --> | ||
+ | |||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | ||
+ | Project | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Description"> | ||
+ | Description | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Design"> | ||
+ | Design | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Experiments"> | ||
+ | Experiments | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook"> | ||
+ | Notebook | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution"> | ||
+ | Contribution | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Results"> | ||
+ | Results | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Demonstrate"> | ||
+ | Demonstrate | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Improve"> | ||
+ | Improve | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <!-- PARTS --> | ||
+ | |||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | ||
+ | Parts | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Parts"> | ||
+ | Parts Overview | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Basic_Part"> | ||
+ | Basic Parts | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Composite_Part"> | ||
+ | Composite Parts | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Part_Collection"> | ||
+ | Part Collection | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <!-- HUMAN PRACTICES --> | ||
+ | |||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | ||
+ | Human Practices | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Human_Practices"> | ||
+ | Human Practices | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/integrated"> | ||
+ | Integrated Human Practices | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Public_Engagement"> | ||
+ | Education & Engagement | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/Expert_Interviews"> | ||
+ | Expert Interviews | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/Collaborations"> | ||
+ | Collaborations | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <!-- AWARDS --> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | ||
+ | <it>In Silico</it> | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Model"> | ||
+ | Model | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Software"> | ||
+ | Software | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <!-- SAFETY --> | ||
+ | |||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://2019.igem.org/Team:Ruperto_Carola/Safety"> | ||
+ | Safety | ||
+ | </a> | ||
+ | </li> | ||
+ | |||
+ | <!-- JUDGING FORM --> | ||
+ | |||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola">JUDGING FORM ⇗ </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </nav> | ||
</html> | </html> |
Latest revision as of 02:25, 13 December 2019