Difference between revisions of "Team:Cardiff Wales/gallery"

 
(43 intermediate revisions by the same user not shown)
Line 54: Line 54:
 
.close {
 
.close {
 
   color: white !important;
 
   color: white !important;
−
  position: relative !important;
+
   font-size: 75px !important;
−
   font-size: 75px;
+
   font-weight: bold !important;
−
   font-weight: bold;
+
−
top: 50% !important;
+
−
margin-top: -700px;
+
−
right: 0 !important;
+
 
z-index: 1 !important;
 
z-index: 1 !important;
 
opacity: 0.6 !important;
 
opacity: 0.6 !important;
−
 
+
position: absolute !important;
 +
  right: 0 !important;
 +
  top: 0 !important;
 +
margin-top: -30px;
 
}
 
}
  
 
.close:hover,
 
.close:hover,
 
.close:focus {
 
.close:focus {
−
  color: #fff !important;
 
 
   text-decoration: none;
 
   text-decoration: none;
 
   cursor: pointer;
 
   cursor: pointer;
 
opacity: 1.0 !important;
 
opacity: 1.0 !important;
 +
color: green !important;
 
}
 
}
  
Line 82: Line 81:
  
 
/* Next & previous buttons */
 
/* Next & previous buttons */
−
.prev,
+
 
−
.next {
+
.next{
−
  cursor: pointer;
+
cursor: pointer;
−
   position: absolute;
+
   position: absolute !important;
−
   top: 50%;
+
right: 0 !important;
 +
   top: 10% !important;
 
   width: auto;
 
   width: auto;
 
   padding: 16px;
 
   padding: 16px;
Line 97: Line 97:
 
   user-select: none;
 
   user-select: none;
 
   -webkit-user-select: none;
 
   -webkit-user-select: none;
−
}
 
−
 
−
/* Position the "next button" to the right */
 
−
.next {
 
−
  right: 0;
 
−
  border-radius: 3px 0 0 3px;
 
 
}
 
}
  
 
.prev{
 
.prev{
−
   left: 0;
+
cursor: pointer;
−
   border-radius: 3px 0 0 3px;
+
   position: absolute !important;
 +
left: 0 !important;
 +
  top: 10% !important;
 +
  width: auto;
 +
  padding: 16px;
 +
  margin-top: -50px;
 +
  color: white;
 +
  font-weight: bold;
 +
  font-size: 20px;
 +
  transition: 0.6s ease;
 +
   border-radius: 0 3px 3px 0;
 +
  user-select: none;
 +
  -webkit-user-select: none;
 
}
 
}
  
Line 114: Line 120:
 
.next:hover {
 
.next:hover {
 
   background-color: rgba(0, 0, 0, 0.8);
 
   background-color: rgba(0, 0, 0, 0.8);
 +
color: green !important;
 
}
 
}
  
Line 160: Line 167:
 
<div class="row">
 
<div class="row">
 
   <div class="column">
 
   <div class="column">
−
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(1)" class="hover-shadow cursor">
+
     <img src="https://static.igem.org/mediawiki/2018/4/4a/T--Cardiff_Wales--gallery1.jpg" style="width:100%" onclick="openModal();currentSlide(1)" class="hover-shadow cursor">
 
   </div>
 
   </div>
 
   <div class="column">
 
   <div class="column">
−
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(2)" class="hover-shadow cursor">
+
     <img src="https://static.igem.org/mediawiki/2018/e/e9/T--Cardiff_Wales--gallery2.jpg" style="width:100%" onclick="openModal();currentSlide(2)" class="hover-shadow cursor">
 
   </div>
 
   </div>
 
   <div class="column">
 
   <div class="column">
−
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(3)" class="hover-shadow cursor">
+
     <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Cardiff_Wales--gallery3.jpg" style="width:100%" onclick="openModal();currentSlide(3)" class="hover-shadow cursor">
 
   </div>
 
   </div>
 
   <div class="column">
 
   <div class="column">
−
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(4)" class="hover-shadow cursor">
+
     <img src="https://static.igem.org/mediawiki/2018/b/b7/T--Cardiff_Wales--gallery4.jpg" style="width:100%" onclick="openModal();currentSlide(4)" class="hover-shadow cursor">
 
<br><br>
 
<br><br>
 
   </div>
 
   </div>
 
  <div class="column">
 
  <div class="column">
−
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(5)" class="hover-shadow cursor">
+
     <img src="https://static.igem.org/mediawiki/2018/b/bc/T--Cardiff_Wales--gallery5.jpg" style="width:100%" onclick="openModal();currentSlide(5)" class="hover-shadow cursor">
 
   </div>
 
   </div>
 
   <div class="column">
 
   <div class="column">
−
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(6)" class="hover-shadow cursor">
+
     <img src="https://static.igem.org/mediawiki/2018/d/d3/T--Cardiff_Wales--gallery6.jpg" style="width:100%" onclick="openModal();currentSlide(6)" class="hover-shadow cursor">
 
   </div>
 
   </div>
 
   <div class="column">
 
   <div class="column">
−
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(7)" class="hover-shadow cursor">
+
     <img src="https://static.igem.org/mediawiki/2018/8/89/T--Cardiff_Wales--gallery7.jpg" style="width:100%" onclick="openModal();currentSlide(7)" class="hover-shadow cursor">
 
   </div>
 
   </div>
 
   <div class="column">
 
   <div class="column">
−
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(8)" class="hover-shadow cursor">
+
     <img src="https://static.igem.org/mediawiki/2018/f/f8/T--Cardiff_Wales--gallery8.jpg" style="width:100%" onclick="openModal();currentSlide(8)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
 
 +
<div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/a/ae/T--Cardiff_Wales--gallery9.jpg" style="width:100%" onclick="openModal();currentSlide(9)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/08/T--Cardiff_Wales--gallery10.jpg" style="width:100%" onclick="openModal();currentSlide(10)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/05/T--Cardiff_Wales--gallery11.jpg" style="width:100%" onclick="openModal();currentSlide(11)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/c4/T--Cardiff_Wales--gallery12.jpg" style="width:100%" onclick="openModal();currentSlide(12)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
<div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/57/T--Cardiff_Wales--gallery13.jpg" style="width:100%" onclick="openModal();currentSlide(13)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/6/61/T--Cardiff_Wales--OpenDayEmily.jpg" style="width:100%" onclick="openModal();currentSlide(14)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/f/f1/T--Cardiff_Wales--3GConference.jpg" style="width:100%" onclick="openModal();currentSlide(15)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/a/a3/T--Cardiff_Wales--SchoolTalk.jpg" style="width:100%" onclick="openModal();currentSlide(16)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
<div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/d/df/T--Cardiff_Wales--gallery17.jpg" style="width:100%" onclick="openModal();currentSlide(17)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Cardiff_Wales--ModelPrinted.jpg" style="width:100%" onclick="openModal();currentSlide(18)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/3/35/T--Cardiff_Wales--gallery19.jpg" style="width:100%" onclick="openModal();currentSlide(19)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/ce/T--Cardiff_Wales--gallery20.jpg" style="width:100%" onclick="openModal();currentSlide(20)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
<div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/2/24/T--Cardiff_Wales--gallery21.jpg" style="width:100%" onclick="openModal();currentSlide(21)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/2/2a/T--Cardiff_Wales--gallery22.jpg" style="width:100%" onclick="openModal();currentSlide(22)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/e7/T--Cardiff_Wales--gallery23.jpg" style="width:100%" onclick="openModal();currentSlide(23)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/7/79/T--Cardiff_Wales--gallery24.jpg" style="width:100%" onclick="openModal();currentSlide(24)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
 
 +
<div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/d/df/T--Cardiff_Wales--gallery25.jpg" style="width:100%" onclick="openModal();currentSlide(25)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Cardiff_Wales--gallery26.jpg" style="width:100%" onclick="openModal();currentSlide(26)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/a/ae/T--Cardiff_Wales--gallery27.jpg" style="width:100%" onclick="openModal();currentSlide(27)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/1/17/T--Cardiff_Wales--gallery28.jpg" style="width:100%" onclick="openModal();currentSlide(28)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
<div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/9/9a/T--Cardiff_Wales--gallery29.jpg" style="width:100%" onclick="openModal();currentSlide(29)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/b/b1/T--Cardiff_Wales--gallery30.jpg" style="width:100%" onclick="openModal();currentSlide(30)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/7/7e/T--Cardiff_Wales--gallery31.jpg" style="width:100%" onclick="openModal();currentSlide(31)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://static.igem.org/mediawiki/2018/6/66/T--Cardiff_Wales--gallery32.jpg" style="width:100%" onclick="openModal();currentSlide(32)" class="hover-shadow cursor">
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 191: Line 278:
  
 
     <div class="mySlides">
 
     <div class="mySlides">
−
       <div class="numbertext">1 / 8</div>
+
       <div class="numbertext">1 / 32</div>
−
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
+
       <img src="https://static.igem.org/mediawiki/2018/4/4a/T--Cardiff_Wales--gallery1.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
−
       <div class="numbertext">2 / 8</div>
+
       <div class="numbertext">2 / 32</div>
−
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
+
       <img src="https://static.igem.org/mediawiki/2018/e/e9/T--Cardiff_Wales--gallery2.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
−
       <div class="numbertext">3 / 8</div>
+
       <div class="numbertext">3 / 32</div>
−
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
+
       <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Cardiff_Wales--gallery3.jpg" style="width:100%">
 
     </div>
 
     </div>
 
      
 
      
 
     <div class="mySlides">
 
     <div class="mySlides">
−
       <div class="numbertext">4 / 8</div>
+
       <div class="numbertext">4 / 32</div>
−
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
+
       <img src="https://static.igem.org/mediawiki/2018/b/b7/T--Cardiff_Wales--gallery4.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
<div class="mySlides">
 
<div class="mySlides">
−
       <div class="numbertext">5 / 8</div>
+
       <div class="numbertext">5 / 32</div>
−
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
+
       <img src="https://static.igem.org/mediawiki/2018/b/bc/T--Cardiff_Wales--gallery5.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
−
       <div class="numbertext">6 / 8</div>
+
       <div class="numbertext">6 / 32</div>
−
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
+
       <img src="https://static.igem.org/mediawiki/2018/d/d3/T--Cardiff_Wales--gallery6.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
−
       <div class="numbertext">7 / 8</div>
+
       <div class="numbertext">7 / 32</div>
−
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
+
       <img src="https://static.igem.org/mediawiki/2018/8/89/T--Cardiff_Wales--gallery7.jpg" style="width:100%">
 
     </div>
 
     </div>
 
      
 
      
 
     <div class="mySlides">
 
     <div class="mySlides">
−
       <div class="numbertext">8 / 8</div>
+
       <div class="numbertext">8 / 32</div>
−
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
+
       <img src="https://static.igem.org/mediawiki/2018/f/f8/T--Cardiff_Wales--gallery8.jpg" style="width:100%">
 +
    </div>
 +
<div class="mySlides">
 +
      <div class="numbertext">9 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/a/ae/T--Cardiff_Wales--gallery9.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">10 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/0/08/T--Cardiff_Wales--gallery10.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">11 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/0/05/T--Cardiff_Wales--gallery11.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">12 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/c/c4/T--Cardiff_Wales--gallery12.jpg" style="width:100%">
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
      <div class="numbertext">13 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/5/57/T--Cardiff_Wales--gallery13.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">14 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/6/61/T--Cardiff_Wales--OpenDayEmily.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">15 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/f/f1/T--Cardiff_Wales--3GConference.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">16 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/a/a3/T--Cardiff_Wales--SchoolTalk.jpg" style="width:100%">
 +
    </div>
 +
<div class="mySlides">
 +
      <div class="numbertext">17 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/d/df/T--Cardiff_Wales--gallery17.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">18 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Cardiff_Wales--ModelPrinted.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">19 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/3/35/T--Cardiff_Wales--gallery19.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">20 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/c/ce/T--Cardiff_Wales--gallery20.jpg" style="width:100%">
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
      <div class="numbertext">21 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/2/24/T--Cardiff_Wales--gallery21.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">22 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/2/2a/T--Cardiff_Wales--gallery22.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">23 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/e/e7/T--Cardiff_Wales--gallery23.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">24 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/7/79/T--Cardiff_Wales--gallery24.jpg" style="width:100%">
 +
    </div>
 +
<div class="mySlides">
 +
      <div class="numbertext">25 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/d/df/T--Cardiff_Wales--gallery25.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">26 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Cardiff_Wales--gallery26.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">27 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/a/ae/T--Cardiff_Wales--gallery27.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">28 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/1/17/T--Cardiff_Wales--gallery28.jpg" style="width:100%">
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
      <div class="numbertext">29 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/9/9a/T--Cardiff_Wales--gallery29.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">30 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/b/b1/T--Cardiff_Wales--gallery30.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">31 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/7/7e/T--Cardiff_Wales--gallery31.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">32 / 32</div>
 +
      <img src="https://static.igem.org/mediawiki/2018/6/66/T--Cardiff_Wales--gallery32.jpg" style="width:100%">
 
     </div>
 
     </div>
 
      
 
      
Line 240: Line 444:
  
 
     <div class="column">
 
     <div class="column">
−
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(1)" alt="I">
+
       <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/4/4a/T--Cardiff_Wales--gallery1.jpg" style="width:100%" onclick="currentSlide(1)" alt="Thanks NEB">
 
     </div>
 
     </div>
 
     <div class="column">
 
     <div class="column">
−
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(2)" alt="Really">
+
       <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/e/e9/T--Cardiff_Wales--gallery2.jpg" style="width:100%" onclick="currentSlide(2)" alt="A present from Sigma">
 
     </div>
 
     </div>
 
     <div class="column">
 
     <div class="column">
−
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(3)" alt="Love">
+
       <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/f/f0/T--Cardiff_Wales--gallery3.jpg" style="width:100%" onclick="currentSlide(3)" alt="How do I science?">
 
     </div>
 
     </div>
 
     <div class="column">
 
     <div class="column">
−
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(4)" alt="Aphids.">
+
       <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/b/b7/T--Cardiff_Wales--gallery4.jpg" style="width:100%" onclick="currentSlide(4)" alt="One Emily of miniprep kits">
 
     </div>
 
     </div>
 
<div class="column">
 
<div class="column">
−
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(5)" alt="Like">
+
       <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/b/bc/T--Cardiff_Wales--gallery5.jpg" style="width:100%" onclick="currentSlide(5)" alt="Say Cheese">
 
     </div>
 
     </div>
 
     <div class="column">
 
     <div class="column">
−
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(6)" alt="Really">
+
       <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/d/d3/T--Cardiff_Wales--gallery6.jpg" style="width:100%" onclick="currentSlide(6)" alt="Cardiff Represent!">
 
     </div>
 
     </div>
 
     <div class="column">
 
     <div class="column">
−
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(7)" alt="Love">
+
       <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/8/89/T--Cardiff_Wales--gallery7.jpg" style="width:100%" onclick="currentSlide(7)" alt="At the UK meetup">
 
     </div>
 
     </div>
 
     <div class="column">
 
     <div class="column">
−
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(8)" alt="Them.">
+
       <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/f/f8/T--Cardiff_Wales--gallery8.jpg" style="width:100%" onclick="currentSlide(8)" alt="Eye-catching colours">
 +
    </div>
 +
<div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/a/ae/T--Cardiff_Wales--gallery9.jpg" style="width:100%" onclick="currentSlide(9)" alt="Basically every action film cover ever">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/0/08/T--Cardiff_Wales--gallery10.jpg" style="width:100%" onclick="currentSlide(10)" alt="Welcome to your new home, aphids">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/0/05/T--Cardiff_Wales--gallery11.jpg" style="width:100%" onclick="currentSlide(11)" alt="Hey look!">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/c/c4/T--Cardiff_Wales--gallery12.jpg" style="width:100%" onclick="currentSlide(12)" alt="A friendly visit">
 +
    </div>
 +
<div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/5/57/T--Cardiff_Wales--gallery13.jpg" style="width:100%" onclick="currentSlide(13)" alt="Safety is no laughing matter">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/6/61/T--Cardiff_Wales--OpenDayEmily.jpg" style="width:100%" onclick="currentSlide(14)" alt="Emily loves open days">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/f/f1/T--Cardiff_Wales--3GConference.jpg" style="width:100%" onclick="currentSlide(15)" alt="3 of the guys at 3G">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/a/a3/T--Cardiff_Wales--SchoolTalk.jpg" style="width:100%" onclick="currentSlide(16)" alt="Sixth form seminars">
 +
    </div>
 +
<img class="demo cursor" src="https://static.igem.org/mediawiki/2018/d/df/T--Cardiff_Wales--gallery17.jpg" style="width:100%" onclick="currentSlide(17)" alt="Sophie soldering">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/a/a0/T--Cardiff_Wales--ModelPrinted.jpg" style="width:100%" onclick="currentSlide(18)" alt="3D printing is cool">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/3/35/T--Cardiff_Wales--gallery19.jpg" style="width:100%" onclick="currentSlide(19)" alt="Precision is key">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/c/ce/T--Cardiff_Wales--gallery20.jpg" style="width:100%" onclick="currentSlide(20)" alt="It works!">
 +
    </div>
 +
<div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/2/24/T--Cardiff_Wales--gallery21.jpg" style="width:100%" onclick="currentSlide(21)" alt="The final product">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/2/2a/T--Cardiff_Wales--gallery22.jpg" style="width:100%" onclick="currentSlide(22)" alt="Ali delighted that he solved the puzzle">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/e/e7/T--Cardiff_Wales--gallery23.jpg" style="width:100%" onclick="currentSlide(23)" alt="Girl Power">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/7/79/T--Cardiff_Wales--gallery24.jpg" style="width:100%" onclick="currentSlide(24)" alt="Setting up at Techniquest">
 +
    </div>
 +
<div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/d/df/T--Cardiff_Wales--gallery25.jpg" style="width:100%" onclick="currentSlide(25)" alt="Teaching children science">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/a/a0/T--Cardiff_Wales--gallery26.jpg" style="width:100%" onclick="currentSlide(26)" alt="Catching rays">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/a/ae/T--Cardiff_Wales--gallery27.jpg" style="width:100%" onclick="currentSlide(27)" alt="Find yourself someone who loves you as much as Hannah loves 3D printed DNA">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/1/17/T--Cardiff_Wales--gallery28.jpg" style="width:100%" onclick="currentSlide(28)" alt="Hard at work">
 +
    </div>
 +
<div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/9/9a/T--Cardiff_Wales--gallery29.jpg" style="width:100%" onclick="currentSlide(29)" alt="3D printing for WashU">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/b/b1/T--Cardiff_Wales--gallery30.jpg" style="width:100%" onclick="currentSlide(30)" alt="It's so small!">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/7/7e/T--Cardiff_Wales--gallery31.jpg" style="width:100%" onclick="currentSlide(31)" alt="A satisfying gel">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://static.igem.org/mediawiki/2018/6/66/T--Cardiff_Wales--gallery32.jpg" style="width:100%" onclick="currentSlide(32)" alt="Skype time">
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 274: Line 549:
 
   document.getElementById('myModal').style.display = "none";
 
   document.getElementById('myModal').style.display = "none";
 
}
 
}
 +
  
 
var slideIndex = 1;
 
var slideIndex = 1;

Latest revision as of 12:00, 7 October 2018

With thanks to our sponsors!

Visit our social media pages!

Gallery