|
|
| Line 1: |
Line 1: |
| | {{UPF_CRG_Barcelona}} | | {{UPF_CRG_Barcelona}} |
| | <html> | | <html> |
| | + | |
| | <link rel="stylesheet" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/styles?action=raw&ctype=text/css" type='text/css'> | | <link rel="stylesheet" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/styles?action=raw&ctype=text/css" type='text/css'> |
| | | | |
| − | <div class="sticky-top">
| |
| − | <nav class="navbar has-shadow" role="navigation" aria-label="main navigation" id="navbar">
| |
| − | <div class="container">
| |
| | | | |
| − | <div class="navbar-brand">
| |
| − | <a class="navbar-logo" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Description#">
| |
| − | <img src="https://static.igem.org/mediawiki/2018/3/37/T--UPF_CRG_Barcelona--logosensebarcelona.svg" alt="iGEM Barcelona team 2018">
| |
| − | </a>
| |
| − | <div class="navbar-burger" data-target="navbar-menu">
| |
| − | <span></span>
| |
| − | <span></span>
| |
| − | <span></span>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- children of navbar-menu must be navbar-start and/or navbar-end -->
| |
| − | <div class="navbar-menu" id="navbar-menu">
| |
| − | <!-- navbar items -->
| |
| − | <div class="navbar-grid">
| |
| − | <!--class is-active for showing active menu-->
| |
| − | <a style="color: rgb(242, 242, 242)" class="navbar-item is-active" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Description">Project</a>
| |
| − | <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/DryLab">DryLab</a>
| |
| − | <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Parts">Parts</a>
| |
| − | <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Deliverables">Deliverables</a>
| |
| − | <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/WetLab">WetLab</a>
| |
| − | <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Intro_HP">Human Practices</a>
| |
| − | <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Aboutteam">Team</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </nav>
| |
| − | </div>
| |
| − |
| |
| − | <header id="header">
| |
| − | <div id="blur"></div>
| |
| − | <!-- Swiper -->
| |
| − | <div class="swiper-container" id="sw-container">
| |
| − | <div class="swiper-wrapper">
| |
| − | <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/LabBook">
| |
| − | <embed src="assets/T--UPF_CRG_Barcelona--notebook.svg" alt="Notebook doodle">
| |
| − | <p>Lab book</p>
| |
| − | </a>
| |
| − | <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Methods">
| |
| − | <embed src="assets/T--UPF_CRG_Barcelona--protocols.svg" alt="Protocols Doodle">
| |
| − | <p>Methods and<br>Protocols</p>
| |
| − | </a>
| |
| − | <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Measurement">
| |
| − | <embed src="assets/T--UPF_CRG_Barcelona--protocols.svg" alt="Protocols Doodle">
| |
| − | <p>Measurement</p>
| |
| − | </a>
| |
| − | </div>
| |
| − | <!-- Add Arrows -->
| |
| − | <div class="swiper-button-next"></div>
| |
| − | <div class="swiper-button-prev"></div>
| |
| − | </div>
| |
| − | </header>
| |
| − | </div>
| |
| − |
| |
| − | <main>
| |
| − |
| |
| − | <section class="container-centered">
| |
| − |
| |
| − |
| |
| − |
| |
| − | </section>
| |
| | | | |
| | + | <div class="spacer"></div> |
| | </html> | | </html> |
| | | | |
| − | {{UPF_CRG_Barcelona/footer}} | + | {{UPF_CRG_Barcelona}} |
| | | | |
| | <html> | | <html> |
| | | | |
| − | <!-- JS code -->
| |
| | <script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/scripts?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script> | | <script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/scripts?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script> |
| − |
| |
| − | <script>
| |
| − | // Initialize Swiper
| |
| − | var swiper = new Swiper('.swiper-container', {
| |
| − | slidesPerView: 3,
| |
| − | slidesPerGroup: 1,
| |
| − | loop: true,
| |
| − | freeMode: true,
| |
| − | observer: true,
| |
| − | watchOverflow: true,
| |
| − | navigation: {
| |
| − | nextEl: '.swiper-button-next',
| |
| − | prevEl: '.swiper-button-prev',
| |
| − | },
| |
| − | keyboard: {
| |
| − | enabled: true,
| |
| − | },
| |
| − | watchOverflow: true,
| |
| − | freeModeSticky: true,
| |
| − | mousewheel: {
| |
| − | forceToAxis: true,
| |
| − | },
| |
| − | preventClicks: true,
| |
| − | iOSEdgeSwipeDetection: true,
| |
| − | observeParents: true,
| |
| − | breakpoints: {
| |
| − |
| |
| − | 500: {
| |
| − | slidesPerView: 2,
| |
| − | },
| |
| − | 320: {
| |
| − | slidesPerView: 1,
| |
| − | }
| |
| − | },
| |
| − | });
| |
| − | </script>
| |
| − | </body>
| |
| | | | |
| | </html> | | </html> |
