Difference between revisions of "Team:UPF CRG Barcelona/WetLab"

(Undo revision 427514 by JordiPla (talk))
Line 6: Line 6:
 
<body>
 
<body>
 
   <div class="sticky-top">
 
   <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="#">
 
−
            <img src="assets/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 -->
+
      <nav class="navbar has-shadow" role="navigation" aria-label="main navigation" id="navbar">
−
        <div class="navbar-menu" id="navbar-menu">
+
          <div class="container">
−
          <!-- navbar items -->
+
   
−
          <div class="navbar-grid">
+
            <div class="navbar-brand">
−
            <!--class is-active for showing active menu-->
+
              <a class="navbar-logo" href="index.html">
−
            <a class="navbar-item" href="Description.html">Project</a>
+
                <img src="https://static.igem.org/mediawiki/2018/3/37/T--UPF_CRG_Barcelona--logosensebarcelona.svg" alt="iGEM Barcelona team 2018">
−
            <a class="navbar-item" href="DryLab.html">DryLab</a>
+
              </a>
−
            <a class="navbar-item" href="Parts.html">Parts</a>
+
   
−
            <a class="navbar-item" href="Deliverables.html">Deliverables</a>
+
              <div class="navbar-burger" data-target="navbar-menu">
−
            <a class="navbar-item is-active" href="WetLab.html">WetLab</a>
+
                <span></span>
−
            <a class="navbar-item" href="Intro_HP.html">Human Practices</a>
+
                <span></span>
−
            <a class="navbar-item" href="Aboutteam.html">Team</a>
+
                <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" 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 class="navbar-item is-active" 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>
 
           </div>
−
         </div>
+
         </nav>
−
      </div>
+
<header id="header">
−
    </nav>
+
−
 
+
−
    <header id="header">
+
 
       <div id="blur"></div>
 
       <div id="blur"></div>
 
       <!-- Swiper -->
 
       <!-- Swiper -->
−
       <div class="swiper-container swiper1" id="sw-container">
+
       <div class="swiper-container" id="sw-container">
−
        <div class="swiper-wrapper">
+
          <div class="swiper-wrapper">
−
          <a class="swiper-slide swiper-slide-menu" href="LabBook.html">
+
            <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="">
+
              <embed src="https://static.igem.org/mediawiki/2018/0/0c/T--UPF_CRG_Barcelona--notebook.svg" alt="Description">
−
            <p>LabBook</p>
+
              <p>LabBook</p>
−
          </a>
+
            </a>
−
          <a class="swiper-slide swiper-slide-menu" href="Methods.html">
+
            <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="">
+
              <embed src="https://static.igem.org/mediawiki/2018/0/0d/T--UPF_CRG_Barcelona--protocols.svg" alt="">
−
            <p>Methods</p>
+
              <p>Methods</p>
−
          </a>
+
            </a>
 +
            <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Measurement">
 +
              <embed src="https://static.igem.org/mediawiki/2018/5/57/T--UPF_CRG_Barcelona--measurement.svg" alt="">
 +
              <p>Measurement</p>
 +
            </a>
 
         </div>
 
         </div>
 
         <!-- Add Arrows -->
 
         <!-- Add Arrows -->
−
         <div class="swiper-button-next swiper-button-next1"></div>
+
         <div class="swiper-button-next"></div>
−
         <div class="swiper-button-prev swiper-button-prev1"></div>
+
         <div class="swiper-button-prev"></div>
 
       </div>
 
       </div>
 
     </header>
 
     </header>
 
   </div>
 
   </div>
  
−
   <div class="swiper-container swiper2" id="swiper-photos">
+
   <main>
 +
 
 +
    <section class="container">
 +
 
 +
      <div style="width: 100%">
 +
 
 +
<div class="swiper-container swiper2" id="swiper-photos">
 
     <div class="swiper-wrapper">
 
     <div class="swiper-wrapper">
−
       <a href="#" class="swiper-slide"><img src="assets--UPF_CRG_Barcelona--wetlab2.png" alt=""></a>
+
       <a href="#" class="swiper-slide"><img src="https://static.igem.org/mediawiki/2018/b/ba/T--UPF_CRG_Barcelona--wetlab3.png" alt=""></a>
−
       <a href="#" class="swiper-slide"><img src="assets--UPF_CRG_Barcelona--wetlab3.png" alt=""></a>
+
       <a href="#" class="swiper-slide"><img src="https://static.igem.org/mediawiki/2018/0/04/T--UPF_CRG_Barcelona--wetlab1.png""></a>
−
       <a href="#" class="swiper-slide"><img src="assets--UPF_CRG_Barcelona--wetlab1.png" alt=""></a>
+
       <a href="#" class="swiper-slide"><img src="https://static.igem.org/mediawiki/2018/4/46/T--UPF_CRG_Barcelona--wetlab2.png" alt=""></a>
 
     </div>
 
     </div>
 
     <!-- Add Pagination -->
 
     <!-- Add Pagination -->
 
     <div class="swiper-pagination swiper-pagination2"></div>
 
     <div class="swiper-pagination swiper-pagination2"></div>
−
  </div>ss="swiper-pagination swiper-pagination2"></div>
 
 
   </div>
 
   </div>
  
−
<p>In the UPF-CRG Barcelona iGEM team, we have been working really hard in the laboratory among spring, summer and autumn. As a result, here we deliver the protocols that have been followed, the lab notebooks keeping track of the whole process, and the techniques used for the measurement of our results.</p>
+
<p>In the UPF-CRG Barcelona iGEM team, we have been working really hard in the laboratory among spring, summer and autumn. As a result, here we deliver the protocols that have been followed, the lab notebooks keeping track of the whole process, and the techniques used for the measurement of our results
 +
 
 +
</p>
  
 
</div>
 
</div>
Line 85: Line 98:
  
 
<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>
+
<script>
 
     // Initialize Swiper
 
     // Initialize Swiper
−
     var swiper = new Swiper('.swiper1', {
+
     var swiper = new Swiper('.swiper-container', {
−
       slidesPerView: 2,
+
       slidesPerView: 3,
 
       slidesPerGroup: 1,
 
       slidesPerGroup: 1,
 
       loop: true,
 
       loop: true,
Line 94: Line 107:
 
       observer: true,
 
       observer: true,
 
       watchOverflow: true,
 
       watchOverflow: true,
−
      freeModeSticky: true,
 
 
       navigation: {
 
       navigation: {
−
         nextEl: '.swiper-button-next1',
+
         nextEl: '.swiper-button-next',
−
         prevEl: '.swiper-button-prev1',
+
         prevEl: '.swiper-button-prev',
 
       },
 
       },
 
       keyboard: {
 
       keyboard: {
Line 111: Line 123:
 
       observeParents: true,
 
       observeParents: true,
 
       breakpoints: {
 
       breakpoints: {
 +
        500: {
 +
          slidesPerView: 2,
 +
        },
 
         320: {
 
         320: {
 
           slidesPerView: 1,
 
           slidesPerView: 1,
 
         }
 
         }
 
       },
 
       },
−
    });
 
−
 
−
    var swiper = new Swiper('.swiper2', {
 
−
      slidesPerView: 1,
 
−
      slidesPerGroup: 1,
 
−
      loop: true,
 
−
      observer: true,
 
−
      watchOverflow: true,
 
−
      pagination: {
 
−
        el: '.swiper-pagination',
 
−
      },
 
−
      paginationClickable: true,
 
−
      preventClicks: true,
 
−
      centeredSlides: true,
 
−
      autoplay: {
 
−
        delay: 3000, // ms
 
−
        disableOnInteraction: false,
 
−
      },
 
−
      observeParents: true,
 
−
      iOSEdgeSwipeDetection: true,
 
−
      mousewheel: {
 
−
        forceToAxis: true,
 
−
      }
 
 
     });
 
     });
 
   </script>
 
   </script>

Revision as of 16:06, 17 October 2018

Wiki

In the UPF-CRG Barcelona iGEM team, we have been working really hard in the laboratory among spring, summer and autumn. As a result, here we deliver the protocols that have been followed, the lab notebooks keeping track of the whole process, and the techniques used for the measurement of our results