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

 
(15 intermediate revisions by 2 users not shown)
Line 12: Line 12:
 
      
 
      
 
             <div class="navbar-brand">
 
             <div class="navbar-brand">
               <a class="navbar-logo" href="index.html">
+
               <a class="navbar-logo" href="https://2018.igem.org/Team:UPF_CRG_Barcelona">
 
                 <img src="https://static.igem.org/mediawiki/2018/3/37/T--UPF_CRG_Barcelona--logosensebarcelona.svg" alt="iGEM Barcelona team 2018">
 
                 <img src="https://static.igem.org/mediawiki/2018/3/37/T--UPF_CRG_Barcelona--logosensebarcelona.svg" alt="iGEM Barcelona team 2018">
 
               </a>
 
               </a>
Line 42: Line 42:
 
       <div id="blur"></div>
 
       <div id="blur"></div>
 
       <!-- Swiper -->
 
       <!-- Swiper -->
       <div class="swiper-container" id="sw-container">
+
       <div class="swiper-container swiper1" id="sw-container">
 
           <div class="swiper-wrapper">
 
           <div class="swiper-wrapper">
             <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Background">
+
             <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/LabBook">
               <embed src="https://static.igem.org/mediawiki/2018/d/d5/T--UPF_CRG_Barcelona--background.svg" alt="Description">
+
               <embed src="https://static.igem.org/mediawiki/2018/0/0c/T--UPF_CRG_Barcelona--notebook.svg" alt="Description">
               <p>Background<br>and design</p>
+
               <p>LabBook</p>
 
             </a>
 
             </a>
             <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Overexpression">
+
             <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Methods">
               <embed src="https://static.igem.org/mediawiki/2018/6/6d/T--UPF_CRG_Barcelona--fads.svg" alt="">
+
               <embed src="https://static.igem.org/mediawiki/2018/0/0d/T--UPF_CRG_Barcelona--protocols.svg" alt="">
               <p>Overexpression</p>
+
               <p>Methods</p>
 
             </a>
 
             </a>
             <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Biosensor">
+
             <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/c/c8/T--UPF_CRG_Barcelona--biosensor.svg" alt="">
+
               <embed src="https://static.igem.org/mediawiki/2018/5/57/T--UPF_CRG_Barcelona--measurement.svg" alt="">
               <p>Biosensor</p>
+
               <p>Measurement</p>
 
             </a>
 
             </a>
            <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Integration">
 
              <embed src="https://static.igem.org/mediawiki/2018/c/c3/T--UPF_CRG_Barcelona--mage.svg" alt="">
 
              <p>Integration</p>
 
            </a>
 
            <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Simulation">
 
              <embed src="https://static.igem.org/mediawiki/2018/9/95/T--UPF_CRG_Barcelona--demonstration.svg" alt="">
 
              <p>Simulation</p>
 
            </a>
 
            <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Results">
 
              <embed src="https://static.igem.org/mediawiki/2018/9/9c/T--UPF_CRG_Barcelona--results.svg" alt="">
 
              <p>Results</p>
 
            </a> 
 
 
         </div>
 
         </div>
 
         <!-- Add Arrows -->
 
         <!-- Add Arrows -->
Line 74: Line 62:
 
       </div>
 
       </div>
 
     </header>
 
     </header>
 +
  </div>
 +
 +
 +
<div class="swiper-container swiper2" id="swiper-photos">
 +
    <div class="swiper-wrapper">
 +
      <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="https://static.igem.org/mediawiki/2018/0/04/T--UPF_CRG_Barcelona--wetlab1.png""></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>
 +
    <!-- Add Pagination -->
 +
    <div class="swiper-pagination swiper-pagination2"></div>
 
   </div>
 
   </div>
  
Line 80: Line 79:
 
     <section class="container">
 
     <section class="container">
  
       <div>
+
       <div style="width: 100%">
 +
<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 95: 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('.swiper-container', {
+
     var swiper = new Swiper('.swiper1', {
       slidesPerView: 6,
+
       slidesPerView: 3,
 
       slidesPerGroup: 1,
 
       slidesPerGroup: 1,
 
       loop: true,
 
       loop: true,
Line 104: Line 107:
 
       observer: true,
 
       observer: true,
 
       watchOverflow: true,
 
       watchOverflow: true,
 +
      freeModeSticky: true,
 
       navigation: {
 
       navigation: {
         nextEl: '.swiper-button-next',
+
         nextEl: '.swiper-button-next1',
         prevEl: '.swiper-button-prev',
+
         prevEl: '.swiper-button-prev1',
 
       },
 
       },
 
       keyboard: {
 
       keyboard: {
Line 120: Line 124:
 
       observeParents: true,
 
       observeParents: true,
 
       breakpoints: {
 
       breakpoints: {
1024: {
 
          slidesPerView: 5,
 
        },
 
        768: {
 
          slidesPerView: 4,
 
        },       
 
640: {
 
          slidesPerView: 3,
 
        },
 
 
         500: {
 
         500: {
 
           slidesPerView: 2,
 
           slidesPerView: 2,
Line 136: Line 131:
 
         }
 
         }
 
       },
 
       },
 +
    });
 +
 +
    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>
 
</body>
 
</body>
 +
  
 
</html>
 
</html>

Latest revision as of 01:01, 18 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.