Joe McKeown (Talk | contribs) |
Joe McKeown (Talk | contribs) |
||
(14 intermediate revisions by the same user not shown) | |||
Line 34: | Line 34: | ||
imagetext[5] = "Igors: he's ALIVE!"; | imagetext[5] = "Igors: he's ALIVE!"; | ||
imagetext[6] = "Nathan: lean, mean, meme machine."; | imagetext[6] = "Nathan: lean, mean, meme machine."; | ||
− | imagetext[7] = " | + | imagetext[7] = "Malin Imo Kristina Olsson Sundstrom: Aeri, for short."; |
imagetext[8] = "Joe: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | imagetext[8] = "Joe: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | ||
imagetext[9] = "Dom: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | imagetext[9] = "Dom: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | ||
Line 40: | Line 40: | ||
imagetext[11] = "Sam A: likes to pretend he's only half German... but look at him."; | imagetext[11] = "Sam A: likes to pretend he's only half German... but look at him."; | ||
imagetext[12] = "Helen: loud and proud. Mostly loud."; | imagetext[12] = "Helen: loud and proud. Mostly loud."; | ||
− | imagetext[13] = "Marta: | + | imagetext[13] = "Marta: half person, half Jaffa Cake."; |
imagetext[14] = "Joel: can see the matrix... if it's written in MATLAB."; | imagetext[14] = "Joel: can see the matrix... if it's written in MATLAB."; | ||
imagetext[15] = "Igors: he's ALIVE!"; | imagetext[15] = "Igors: he's ALIVE!"; | ||
imagetext[16] = "Nathan: lean, mean, meme machine."; | imagetext[16] = "Nathan: lean, mean, meme machine."; | ||
− | imagetext[17] = " | + | imagetext[17] = "Malin Imo Kristina Olsson Sundstrom: Aeri, for short."; |
imagetext[18] = "Joe: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | imagetext[18] = "Joe: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | ||
imagetext[19] = "Dom: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | imagetext[19] = "Dom: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | ||
Line 57: | Line 57: | ||
x=0; | x=0; | ||
} | } | ||
− | document.getElementById('TeamImg1Text').textContent = imagetext[a]; | + | setTimeout(function () { |
− | + | document.getElementById('TeamImg1Text').textContent = imagetext[a]; | |
− | + | if (a<16) { | |
− | + | a+=4; | |
+ | } | ||
− | + | else if (a>=16) { | |
− | + | a=0; | |
− | } | + | } |
+ | }, 100); | ||
} | } | ||
Line 76: | Line 78: | ||
y=1; | y=1; | ||
} | } | ||
− | document.getElementById('TeamImg2Text').textContent = imagetext[b]; | + | setTimeout(function () { |
− | + | document.getElementById('TeamImg2Text').textContent = imagetext[b]; | |
− | + | if (b<17) { | |
− | + | b+=4; | |
+ | } | ||
− | + | else if (b>=17) { | |
− | + | b=1; | |
− | } | + | } |
+ | }, 100); | ||
} | } | ||
Line 95: | Line 99: | ||
z=2; | z=2; | ||
} | } | ||
− | document.getElementById('TeamImg3Text').textContent = imagetext[c]; | + | setTimeout(function () { |
− | + | document.getElementById('TeamImg3Text').textContent = imagetext[c]; | |
− | + | if (c<18) { | |
− | + | c+=4; | |
+ | } | ||
− | + | else if (c>=18) { | |
− | + | c=2; | |
− | } | + | } |
+ | }, 100); | ||
} | } | ||
Line 108: | Line 114: | ||
setInterval(function() { | setInterval(function() { | ||
changeImage1(); changeImage2(); changeImage3(); | changeImage1(); changeImage2(); changeImage3(); | ||
− | }, | + | },5000); |
</script> | </script> | ||
Line 120: | Line 126: | ||
<!-- Header --> | <!-- Header --> | ||
<div class="cam-container"> | <div class="cam-container"> | ||
− | <header class="intro-header" style="background: url(//2017.igem.org/wiki/images/2/27/TeamYork-TemporaryBackground.png); background-size: | + | <header class="intro-header" style="background: url(//2017.igem.org/wiki/images/2/27/TeamYork-TemporaryBackground.png); background-size: 100%; background-position:0px 20px;"> |
<div class="container"> | <div class="container"> | ||
<div class="intro-message text-center container"> | <div class="intro-message text-center container"> | ||
Line 165: | Line 171: | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
<center class="TeamImg1"> | <center class="TeamImg1"> | ||
− | <img id="TeamImg1" class="TeamImg" style="height: | + | <img id="TeamImg1" class="TeamImg" style="height: 475px; width: 375px; 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 Homo cynicus.</span> | <span id="TeamImg1Text">Sam F: a proud member of Homo cynicus.</span> | ||
</center> | </center> | ||
Line 171: | Line 177: | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
<center class="TeamImg2"> | <center class="TeamImg2"> | ||
− | <img id="TeamImg2" class="TeamImg" style="height: | + | <img id="TeamImg2" class="TeamImg" style="height: 475px; width: 375px; position: center; object-fit: cover;" |
src="https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg" width="100%" height="100%"> | 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> | <span id="TeamImg2Text">Sam A: likes to pretend he's only half German... but look at him.</span> | ||
Line 178: | Line 184: | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
<center class="TeamImg3"> | <center class="TeamImg3"> | ||
− | <img id="TeamImg3" class="TeamImg" style="height: | + | <img id="TeamImg3" class="TeamImg" style="height: 475px; width: 375px; 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> | <span id="TeamImg3Text">Helen: loud and proud. Mostly loud.</span> | ||
</center> | </center> |
Latest revision as of 13:04, 12 September 2017