Difference between revisions of "Team:York/Team"

Revision as of 13:24, 1 October 2017

     <button style="background-color: #000; color: #fff; opacity: 0.7; height: 3em; width: 2em; position: absolute; left: 0.90em; top: 11em;" onclick="plusDivs(-1);plusDivs2(-1);plusDivs3(-1);">❮</button>

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Sam F: a proud member of Homo cynicus.

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Sam A: likes to pretend he's only half German... but look at him.

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Helen: loud and proud. Mostly loud.</em>

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Marta: half human, half Jaffa Cake.</em>

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Joel: can see the matrix... if it's written in MATLAB.</em>

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Igors: he's ALIVE!</em>

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Nathan: lean, mean, meme machine.</em>

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em>

         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Joe: yn bendant dim Cymraeg.

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;"

src="" width="100%" height="100%">

         Sam A: likes to pretend he's only half German... but look at him.

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Helen: loud and proud. Mostly loud.</em>

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Marta: half human, half Jaffa Cake.</em>

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Joel: can see the matrix... if it's written in MATLAB.</em>

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Igors: he's ALIVE!</em>

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Nathan: lean, mean, meme machine.</em>

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em>

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Joe: yn bendant dim Cymraeg.

         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Sam F: a proud member of Homo cynicus.

       <button style="background-color: #000; color: #fff; opacity: 0.7; height: 3em; width: 2em; position: absolute; right: 0.15em; top: 11em;" onclick="plusDivs(1);plusDivs2(1);plusDivs3(1);">❯</button>

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Helen: loud and proud. Mostly loud.

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Marta: half human, half Jaffa Cake.</em>

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Joel: can see the matrix... if it's written in MATLAB.</em>

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Igors: he's ALIVE!</em>

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Nathan: lean, mean, meme machine.</em>

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em>

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Joe: yn bendant dim Cymraeg.

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="" width="100%" height="100%">
         Sam F: a proud member of Homo cynicus.

         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;"

src="" width="100%" height="100%">

         Sam A: likes to pretend he's only half German... but look at him.

</section>

function plusDivs(n) {

 showDivs(slideIndex += n);

}

function showDivs(n) {

 var i;
 var x = document.getElementsByClassName("TeamImg1");
 if (n > x.length) {slideIndex = 1}    
 if (n < 1) {slideIndex = x.length}
 for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
 }
 x[slideIndex-1].style.display = "block";

}

var slideIndex2 = 1; showDivs2(slideIndex2);

function plusDivs2(n) {

 showDivs2(slideIndex2 += n);

}

function showDivs2(n) {

 var i;
 var x = document.getElementsByClassName("TeamImg2");
 if (n > x.length) {slideIndex2 = 1}    
 if (n < 1) {slideIndex2 = x.length}
 for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
 }
 x[slideIndex2-1].style.display = "block";

}

var slideIndex3 = 1; showDivs3(slideIndex3);

function plusDivs3(n) {

 showDivs3(slideIndex3 += n);

}

function showDivs3(n) {

 var i;
 var x = document.getElementsByClassName("TeamImg3");
 if (n > x.length) {slideIndex3 = 1}    
 if (n < 1) {slideIndex3 = x.length}
 for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
 }
 x[slideIndex3-1].style.display = "block";

} </script>

@@ Line 1: / Line 1: @@
 {{:Team:York/Templates/NavigationBar}}
+<!--------------TRYING OUT THE TEAM STUFF HERE--------------------->
+<section id="Meet_The_Team" style="padding-top: 0;">
+  <div class="container">
+    <div class="row text-center">
+<!----------------------------------------------------LEFT IMAGE------------------------------------------------------->
+      <div class="col-md-4">
+      <button style="background-color: #000; color: #fff; opacity: 0.7; height: 3em; width: 2em; position: absolute; left: 0.90em; top: 11em;" onclick="plusDivs(-1);plusDivs2(-1);plusDivs3(-1);">&#10094;</button>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Sam F: a proud member of <em>Homo cynicus.</em></span>
+        </center>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Sam A: likes to pretend he's only half German... but look at him.</span>
+        </center>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Helen: loud and proud. Mostly loud.</em></span>
+        </center>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/0b/TeamYork-Headshots-Marta.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Marta: half human, half Jaffa Cake.</em></span>
+        </center>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/b/b3/TeamYork-Headshots-Joel.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Joel: can see the matrix... if it's written in MATLAB.</em></span>
+        </center>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/8/8a/TeamYork-Headshots-Igors.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Igors: he's ALIVE!</em></span>
+        </center>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/09/TeamYork-Headshots-Nathan.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Nathan: lean, mean, meme machine.</em></span>
+        </center>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em></span>
+        </center>
+        <center class="TeamImg1">
+          <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg" width="100%" height="100%">
+          <span id="TeamImg1Text">Joe: yn bendant <em>dim</em> Cymraeg.</span>
+        </center>
+      </div>
+<!------------------------------------------------END LEFT IMAGE------------------------------------------------------->
+<!--------------------------------------------------MIDDLE IMAGE------------------------------------------------------->
+      <div class="col-md-4">
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;"
+src="https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Sam A: likes to pretend he's only half German... but look at him.</span>
+        </center>
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Helen: loud and proud. Mostly loud.</em></span>
+        </center>
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/0b/TeamYork-Headshots-Marta.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Marta: half human, half Jaffa Cake.</em></span>
+        </center>
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/b/b3/TeamYork-Headshots-Joel.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Joel: can see the matrix... if it's written in MATLAB.</em></span>
+        </center>
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/8/8a/TeamYork-Headshots-Igors.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Igors: he's ALIVE!</em></span>
+        </center>
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/09/TeamYork-Headshots-Nathan.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Nathan: lean, mean, meme machine.</em></span>
+        </center>
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em></span>
+        </center>
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Joe: yn bendant <em>dim</em> Cymraeg.</span>
+        </center>
+        <center class="TeamImg2">
+          <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Sam F: a proud member of <em>Homo cynicus.</em></span>
+        </center>
+      </div>
+<!-----------------------------------------------END MIDDLE IMAGE------------------------------------------------------>
+<!--------------------------------------------------RIGHT IMAGE-------------------------------------------------------->
+      <div class="col-md-4">
+        <button style="background-color: #000; color: #fff; opacity: 0.7; height: 3em; width: 2em; position: absolute; right: 0.15em; top: 11em;" onclick="plusDivs(1);plusDivs2(1);plusDivs3(1);">&#10095;</button>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="100%" height="100%">
+          <span id="TeamImg3Text">Helen: loud and proud. Mostly loud.</span>
+        </center>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/0b/TeamYork-Headshots-Marta.jpg" width="100%" height="100%">
+          <span id="TeamImg3Text">Marta: half human, half Jaffa Cake.</em></span>
+        </center>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/b/b3/TeamYork-Headshots-Joel.jpg" width="100%" height="100%">
+          <span id="TeamImg3Text">Joel: can see the matrix... if it's written in MATLAB.</em></span>
+        </center>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/8/8a/TeamYork-Headshots-Igors.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Igors: he's ALIVE!</em></span>
+        </center>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/09/TeamYork-Headshots-Nathan.jpg" width="100%" height="100%">
+          <span id="TeamImg2Text">Nathan: lean, mean, meme machine.</em></span>
+        </center>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg" width="100%" height="100%">
+          <span id="TeamImg3Text">Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em></span>
+        </center>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg" width="100%" height="100%">
+          <span id="TeamImg3Text">Joe: yn bendant <em>dim</em> Cymraeg.</span>
+        </center>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg" width="100%" height="100%">
+          <span id="TeamImg3Text">Sam F: a proud member of <em>Homo cynicus.</em></span>
+        </center>
+        <center class="TeamImg3">
+          <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;"
+src="https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg" width="100%" height="100%">
+          <span id="TeamImg3Text">Sam A: likes to pretend he's only half German... but look at him.</span>
+        </center>
+      </div>
+<!-----------------------------------------------END RIGHT IMAGE------------------------------------------------------->
+    </div>
+  </div>
+</section>
-<html>
+<script>
+var slideIndex = 1;
+showDivs(slideIndex);
+function plusDivs(n) {
+  showDivs(slideIndex += n);
+}
+function showDivs(n) {
+  var i;
+  var x = document.getElementsByClassName("TeamImg1");
+  if (n > x.length) {slideIndex = 1}
+  if (n < 1) {slideIndex = x.length}
+  for (i = 0; i < x.length; i++) {
+     x[i].style.display = "none";
+  }
+  x[slideIndex-1].style.display = "block";
+}
-<div class="column full_size" >
+var slideIndex2 = 1;
+showDivs2(slideIndex2);
-<h1>Team</h1>
+function plusDivs2(n) {
-<p>In this page you can introduce your team members, instructors, and advisors. </p>
+  showDivs2(slideIndex2 += n);
-</div>
+}
-<div class="clear"></div>
+function showDivs2(n) {
+  var i;
+  var x = document.getElementsByClassName("TeamImg2");
+  if (n > x.length) {slideIndex2 = 1}
+  if (n < 1) {slideIndex2 = x.length}
+  for (i = 0; i < x.length; i++) {
+     x[i].style.display = "none";
+  }
+  x[slideIndex2-1].style.display = "block";
+}
-<div class="column half_size" >
+var slideIndex3 = 1;
-<h5>Inspiration</h5>
+showDivs3(slideIndex3);
-<p>You can look at what other teams did to get some inspiration! <br />
-Here are a few examples:</p>
-<ul>
-<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
-<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
-<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
-<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
-</ul>
-</div>
+function plusDivs3(n) {
+  showDivs3(slideIndex3 += n);
+}
-<div class="column half_size" >
+function showDivs3(n) {
-<h5>What should this page contain?</h5>
+  var i;
-<ul>
+  var x = document.getElementsByClassName("TeamImg3");
-<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+  if (n > x.length) {slideIndex3 = 1}
-<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+  if (n < 1) {slideIndex3 = x.length}
-<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+  for (i = 0; i < x.length; i++) {
-<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+     x[i].style.display = "none";
-</ul>
+  }
-</div>
+  x[slideIndex3-1].style.display = "block";
+}
+</script>
+<!----------------------------------------------------------------->
+{{:Team:York/Templates/Footer}}
-</div>
-</html>