(Prototype team page) |
Joe McKeown (Talk | contribs) |
||
(73 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | {{York}} | + | {{:Team:York/Templates/NavigationBar}} |
− | + | ||
<html> | <html> | ||
+ | <!DOCTYPE html> | ||
+ | <style> | ||
+ | .col-img-left { | ||
+ | float: left; | ||
+ | width: 33.333%; | ||
+ | padding-right: 1.25%; | ||
+ | padding-left: 2.5%; | ||
+ | } | ||
+ | .col-img-mid { | ||
+ | float: left; | ||
+ | width: 33.333%; | ||
+ | padding-left: 1.25%; | ||
+ | padding-right: 1.25%; | ||
+ | } | ||
+ | .col-img-right { | ||
+ | float: left; | ||
+ | width: 33.333%; | ||
+ | padding-left: 1.25%; | ||
+ | padding-right: 2.5%; | ||
+ | } | ||
+ | </style> | ||
+ | <body style="background-color: #fff;"> | ||
+ | <div> | ||
+ | <!-- Header --> | ||
+ | <header class="intro-header" style="background: url(//2017.igem.org/wiki/images/2/27/TeamYork-TemporaryBackground.png); background-size: 100% 100%; background-position:0px 20px;"> | ||
+ | <div class="container"> | ||
+ | <div class="intro-message text-center container" style = "margin: 0px 0px;"> | ||
+ | <br style = “line-height:20px;”><br> | ||
+ | <h1 style="-webkit-text-stroke: 2px black; color:#fff;">Meet the Team</h1> | ||
+ | <!--<h1 style="-webkit-text-stroke: 2px black; color:#fff;">DIHM Assisted Co-culture Optimisation</h1>--> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | <!--------------TRYING OUT THE TEAM STUFF HERE---------------------> | ||
+ | <div class="cam-container" style="background-color: #ddd; color: #000;"> | ||
+ | <br> | ||
+ | <section id="Meet_The_Team" style="padding-top: 0;"> | ||
+ | <div class="container" style="background-color: #fff; border-style: solid; border-color: #000000; border-radius: 25px; padding: 10px 10px 10px 10px;"> | ||
+ | <h1 style="text-align: center;">The QWACC Crack Team</h1> | ||
+ | <div class="row text-center"> | ||
+ | <!----------------------------------------------------LEFT IMAGE-------------------------------------------------------> | ||
+ | <div class="col-img-left"> | ||
+ | <center class="TeamImg1"> | ||
+ | <img id="TeamImg1" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/c/c0/TeamYork-Headshots-Dom.jpg" width="100%" height="100%"> | ||
+ | <span id="TeamImg1Text">Dom: lives in the gym, which is why we had to take his picture at a different time.</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg1"> | ||
+ | <img id="TeamImg1" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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: maybe the first physicist to ever play a sport.</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg1"> | ||
+ | <img id="TeamImg1" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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-img-mid"> | ||
+ | <center class="TeamImg2"> | ||
+ | <img id="TeamImg2" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" | ||
+ | src="https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg" width="95.9%" 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="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="95.9%" height="100%"> | ||
+ | <span id="TeamImg2Text">Helen: loud and proud. Mostly loud.</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg2"> | ||
+ | <img id="TeamImg2" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/0b/TeamYork-Headshots-Marta.jpg" width="95.9%" height="100%"> | ||
+ | <span id="TeamImg2Text">Marta: half human, half Jaffa Cake.</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg2"> | ||
+ | <img id="TeamImg2" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/b/b3/TeamYork-Headshots-Joel.jpg" width="95.9%" 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="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/c/c0/TeamYork-Headshots-Dom.jpg" width="95.9%" height="100%"> | ||
+ | <span id="TeamImg2Text">Dom: lives in the gym, which is why we had to take his picture at a different time.</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg2"> | ||
+ | <img id="TeamImg2" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/8/8a/TeamYork-Headshots-Igors.jpg" width="95.9%" height="100%"> | ||
+ | <span id="TeamImg2Text">Igors: he's ALIVE!</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg2"> | ||
+ | <img id="TeamImg2" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/09/TeamYork-Headshots-Nathan.jpg" width="95.9%" height="100%"> | ||
+ | <span id="TeamImg2Text">Nathan: maybe the first physicist to ever play a sport.</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg2"> | ||
+ | <img id="TeamImg2" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg" width="95.9%" 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="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg" width="95.9%" height="100%"> | ||
+ | <span id="TeamImg2Text">Joe: yn bendant <em>dim</em> Cymraeg.</span> | ||
+ | </center> | ||
+ | <center class="TeamImg2"> | ||
+ | <img id="TeamImg2" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg" width="95.9%" 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-img-right"> | ||
+ | <center class="TeamImg3"> | ||
+ | <img id="TeamImg3" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/c/c0/TeamYork-Headshots-Dom.jpg" width="100%" height="100%"> | ||
+ | <span id="TeamImg3Text">Dom: lives in the gym, which is why we had to take his picture at a different time.</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg3"> | ||
+ | <img id="TeamImg3" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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: maybe the first physicist to ever play a sport.</em></span> | ||
+ | </center> | ||
+ | <center class="TeamImg3"> | ||
+ | <img id="TeamImg3" class="TeamImg" style="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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="border-style: solid; border-color: #000000; border-radius: 25px; 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 class="row text-center"> | ||
+ | <div class="col-md-1"> | ||
+ | </div> | ||
+ | <div class="col-md-2"> | ||
+ | <button style="background-color: #ddd; color: #000; width: 100%; border-style: solid; border-color: #bbb; border-radius: 25px;" onclick="plusDivs(-1);plusDivs2(-1);plusDivs3(-1);">❮❮ LEFT</button> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | </div> | ||
+ | <div class="col-md-2"> | ||
+ | <button style="background-color: #ddd; color: #000; width: 100%; border-style: solid; border-color: #bbb; border-radius: 25px;" onclick="plusDivs(1);plusDivs2(1);plusDivs3(1);">RIGHT ❯❯</button> | ||
+ | </div> | ||
+ | <div class="col-md-1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | </section> | ||
+ | </div> | ||
+ | <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"; | ||
+ | } | ||
− | + | 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> | ||
− | + | <!-----------------------------------------------------------------> | |
− | + | </body> | |
− | </ | + | |
</html> | </html> | ||
+ | {{:Team:York/Templates/Footer}} |
Latest revision as of 15:30, 30 October 2017
The QWACC Crack Team
![](https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg)
![](https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg)
![](https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg)
![](https://static.igem.org/mediawiki/2017/0/0b/TeamYork-Headshots-Marta.jpg)
![](https://static.igem.org/mediawiki/2017/b/b3/TeamYork-Headshots-Joel.jpg)
![](https://static.igem.org/mediawiki/2017/c/c0/TeamYork-Headshots-Dom.jpg)
![](https://static.igem.org/mediawiki/2017/8/8a/TeamYork-Headshots-Igors.jpg)
![](https://static.igem.org/mediawiki/2017/0/09/TeamYork-Headshots-Nathan.jpg)
![](https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg)
![](https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg)
![](https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg)
![](https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg)
![](https://static.igem.org/mediawiki/2017/0/0b/TeamYork-Headshots-Marta.jpg)
![](https://static.igem.org/mediawiki/2017/b/b3/TeamYork-Headshots-Joel.jpg)
![](https://static.igem.org/mediawiki/2017/c/c0/TeamYork-Headshots-Dom.jpg)
![](https://static.igem.org/mediawiki/2017/8/8a/TeamYork-Headshots-Igors.jpg)
![](https://static.igem.org/mediawiki/2017/0/09/TeamYork-Headshots-Nathan.jpg)
![](https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg)
![](https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg)
![](https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg)
![](https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg)
![](https://static.igem.org/mediawiki/2017/0/0b/TeamYork-Headshots-Marta.jpg)
![](https://static.igem.org/mediawiki/2017/b/b3/TeamYork-Headshots-Joel.jpg)
![](https://static.igem.org/mediawiki/2017/c/c0/TeamYork-Headshots-Dom.jpg)
![](https://static.igem.org/mediawiki/2017/8/8a/TeamYork-Headshots-Igors.jpg)
![](https://static.igem.org/mediawiki/2017/0/09/TeamYork-Headshots-Nathan.jpg)
![](https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg)
![](https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg)
![](https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg)
![](https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg)