Joe McKeown (Talk | contribs) |
Joe McKeown (Talk | contribs) |
||
(20 intermediate revisions by the same user not shown) | |||
Line 14: | Line 14: | ||
images[7] = "https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg"; | images[7] = "https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg"; | ||
images[8] = "https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg"; | images[8] = "https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg"; | ||
+ | images[9] = "DOMIMAGE"; | ||
+ | images[10] = "//2017.igem.org/wiki/images/d/d4/TeamYork-Headshots-Sam1.jpg"; | ||
+ | images[11] = "https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg"; | ||
+ | images[12] = "https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg"; | ||
+ | images[13] = "https://static.igem.org/mediawiki/2017/0/0b/TeamYork-Headshots-Marta.jpg"; | ||
+ | images[14] = "https://static.igem.org/mediawiki/2017/b/b3/TeamYork-Headshots-Joel.jpg"; | ||
+ | images[15] = "https://static.igem.org/mediawiki/2017/8/8a/TeamYork-Headshots-Igors.jpg"; | ||
+ | images[16] = "https://static.igem.org/mediawiki/2017/0/09/TeamYork-Headshots-Nathan.jpg"; | ||
+ | images[17] = "https://static.igem.org/mediawiki/2017/0/08/TeamYork-Headshots-Aeri.jpg"; | ||
+ | images[18] = "https://static.igem.org/mediawiki/2017/1/1c/TeamYork-Headshots-Joe.jpg"; | ||
+ | images[19] = "DOMIMAGE"; | ||
var imagetext = new Array(); | var imagetext = new Array(); | ||
Line 23: | 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[10] = "Sam F: a proud member of Homo cynicus."; | ||
+ | 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[13] = "Marta: half person, half Jaffa Cake."; | ||
+ | imagetext[14] = "Joel: can see the matrix... if it's written in MATLAB."; | ||
+ | imagetext[15] = "Igors: he's ALIVE!"; | ||
+ | imagetext[16] = "Nathan: lean, mean, meme machine."; | ||
+ | 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[19] = "Dom: TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC. TBC."; | ||
function changeImage1() { | function changeImage1() { | ||
document.getElementById('TeamImg1').src = images[x]; | document.getElementById('TeamImg1').src = images[x]; | ||
− | if (x< | + | if (x<16) { |
− | x+= | + | x+=4; |
} | } | ||
− | else if (x>= | + | else if (x>=16) { |
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); | ||
} | } | ||
function changeImage2() { | function changeImage2() { | ||
document.getElementById('TeamImg2').src = images[y]; | document.getElementById('TeamImg2').src = images[y]; | ||
− | if (y< | + | if (y<17) { |
− | y+= | + | y+=4; |
} | } | ||
− | else if (y>= | + | else if (y>=17) { |
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); | ||
} | } | ||
function changeImage3() { | function changeImage3() { | ||
document.getElementById('TeamImg3').src = images[z]; | document.getElementById('TeamImg3').src = images[z]; | ||
− | if (z< | + | if (z<18) { |
− | z+= | + | z+=4; |
} | } | ||
− | else if (z>= | + | else if (z>=18) { |
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 86: | Line 114: | ||
setInterval(function() { | setInterval(function() { | ||
changeImage1(); changeImage2(); changeImage3(); | changeImage1(); changeImage2(); changeImage3(); | ||
− | }, | + | },5000); |
</script> | </script> | ||
<style> | <style> | ||
− | + | .TeamImg { | |
− | + | object-fit: cover; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
</style> | </style> | ||
<body style="background-color: #fff;"> | <body style="background-color: #fff;"> | ||
Line 106: | 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 151: | Line 171: | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
<center class="TeamImg1"> | <center class="TeamImg1"> | ||
− | <img id="TeamImg1" src="https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg" width="100%" height="100%"> | + | <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 157: | Line 177: | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
<center class="TeamImg2"> | <center class="TeamImg2"> | ||
− | <img id="TeamImg2" src="https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg" width="100%" height="100%"> | + | <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%"> | ||
<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> | ||
</center> | </center> | ||
Line 163: | Line 184: | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
<center class="TeamImg3"> | <center class="TeamImg3"> | ||
− | <img id="TeamImg3" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="100%" height="100%"> | + | <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