Difference between revisions of "Team:York/Team"

 
(72 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{:Team:York/Templates/NavigationBar}}
 
{{: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);">&#10094;&#10094; 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 &#10095;&#10095;</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"; 
 +
}
  
−
<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>
  
−
 
+
<!----------------------------------------------------------------->
−
 
+
</body>
−
</div>
+
 
</html>
 
</html>
 +
{{:Team:York/Templates/Footer}}

Latest revision as of 15:30, 30 October 2017

YORK


Meet the Team


The QWACC Crack Team

Sam F: a proud member of Homo cynicus.
Sam A: likes to pretend he's only half German... but look at him.
Helen: loud and proud. Mostly loud.
Marta: half human, half Jaffa Cake.
Joel: can see the matrix... if it's written in MATLAB.
Dom: lives in the gym, which is why we had to take his picture at a different time.
Igors: he's ALIVE!
Nathan: maybe the first physicist to ever play a sport.
Malin Imo Kristina Olsson Sundstrom: Aeri, for short.
Joe: yn bendant dim Cymraeg.
Sam A: likes to pretend he's only half German... but look at him.
Helen: loud and proud. Mostly loud.
Marta: half human, half Jaffa Cake.
Joel: can see the matrix... if it's written in MATLAB.
Dom: lives in the gym, which is why we had to take his picture at a different time.
Igors: he's ALIVE!
Nathan: maybe the first physicist to ever play a sport.
Malin Imo Kristina Olsson Sundstrom: Aeri, for short.
Joe: yn bendant dim Cymraeg.
Sam F: a proud member of Homo cynicus.
Helen: loud and proud. Mostly loud.
Marta: half human, half Jaffa Cake.
Joel: can see the matrix... if it's written in MATLAB.
Dom: lives in the gym, which is why we had to take his picture at a different time.
Igors: he's ALIVE!
Nathan: maybe the first physicist to ever play a sport.
Malin Imo Kristina Olsson Sundstrom: Aeri, for short.
Joe: yn bendant dim Cymraeg.
Sam F: a proud member of Homo cynicus.
Sam A: likes to pretend he's only half German... but look at him.

  • ABOUT US
  • We are an overgraduate team representing the University of York.
  • Our Quicker Way to Analyse Co-Cultures (QWACC) is our entry into the Hardware track for iGEM 2017.
    •