Difference between revisions of "Template:Team:TU Eindhoven/Memory Script"
| Line 7: | Line 7: | ||
var picture = ['5/55/TU_Eindhoven_Cas.png','5/55/TU_Eindhoven_Cas.png','5/57/TU_Eindhoven_Elles.png','5/57/TU_Eindhoven_Elles.png','0/01/TU_Eindhoven_Esther.png','0/01/TU_Eindhoven_Esther.png','5/5b/TU_Eindhoven_Femke.png','5/5b/TU_Eindhoven_Femke.png','c/cd/TU_Eindhoven_Hans.png','c/cd/TU_Eindhoven_Hans.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/dc/TU_Eindhoven_Kwankwan.png','d/dc/TU_Eindhoven_Kwankwan.png','1/10/TU_Eindhoven_LauraJ.png','1/10/TU_Eindhoven_LauraJ.png','d/d0/TU_Eindhoven_LauravS.png','d/d0/TU_Eindhoven_LauravS.png','b/bb/TU_Eindhoven_Sjoerd.png','b/bb/TU_Eindhoven_Sjoerd.png','2/2a/TU_Eindhoven_Yeshi.png','2/2a/TU_Eindhoven_Yeshi.png']; | var picture = ['5/55/TU_Eindhoven_Cas.png','5/55/TU_Eindhoven_Cas.png','5/57/TU_Eindhoven_Elles.png','5/57/TU_Eindhoven_Elles.png','0/01/TU_Eindhoven_Esther.png','0/01/TU_Eindhoven_Esther.png','5/5b/TU_Eindhoven_Femke.png','5/5b/TU_Eindhoven_Femke.png','c/cd/TU_Eindhoven_Hans.png','c/cd/TU_Eindhoven_Hans.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/dc/TU_Eindhoven_Kwankwan.png','d/dc/TU_Eindhoven_Kwankwan.png','1/10/TU_Eindhoven_LauraJ.png','1/10/TU_Eindhoven_LauraJ.png','d/d0/TU_Eindhoven_LauravS.png','d/d0/TU_Eindhoven_LauravS.png','b/bb/TU_Eindhoven_Sjoerd.png','b/bb/TU_Eindhoven_Sjoerd.png','2/2a/TU_Eindhoven_Yeshi.png','2/2a/TU_Eindhoven_Yeshi.png']; | ||
| − | var inhoudverhaal = ['<h2>Cas</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | var inhoudverhaal = ['<h2>Cas</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/9/96/TU_Eindhoven_Memory_Cas_Found.png"></div><span class="memoryText">This year I have the honorable job of lab captain, which means that I am responsible for the experiments and the overall progress in the lab. Besides this I also work at the cloning guide. Currently I am studying for my master's degree at the faculty of Biomedical Engineering. During my bachelor I found out that the field of synthetic biology is very exciting. I joined the iGEM TU Eindhoven team this year because I think this is a great challenge and for me it is also a possibility to see what Biomedical Engineering and synthetic biology in special have to offer. Especially the combination of synthetic biology and model based engineering is nice to explore.</span>', |
| − | '<h2>Elles Elschot – Policy & Practices, Gibson Assembly</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Elles Elschot – Policy & Practices, Gibson Assembly</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/8/88/TU_Eindhoven_Memory_Elles_Found.png"></div><span class="memoryText">Currently I am in the third year of the bachelor Medical Sciences and Technology at the Eindhoven University of Technology. Together with Laura Jacobs I am responsible for the Policy & Practices part of our project. I am also helping the lab group with the Gibson Assembly. I joined the iGEM team because I am really interested in the field of synthetic biology and want to find out whether to specialize in this area in the future. I also think it is a great opportunity to do our own research project in this early stage of our study and hope to learn a lot from it.</span>', |
| − | '<h2>Esther van Leeuwen – Safety, Cloning guide, Interlab</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/0/ | + | '<h2>Esther van Leeuwen – Safety, Cloning guide, Interlab</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/0/03/TU_Eindhoven_Memory_Esther_Found.png"></div><span class="memoryText">Currently I am a second year student at the department Biomedical Engineering. The thing that intrigued me to join this year’s iGEM team was the opportunity for us to set up our own research project from scratch. Together with Laura van Smeden I am responsible for the safety of our project and in the lab I am working on the InterLab Study for iGEM. I am also the main contact person for the cloning guide that we are making in collaboration with other iGEM teams. </span>', |
| − | '<h2>Femke Vaassen – Modeling, Gibson Guru</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Femke Vaassen – Modeling, Gibson Guru</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/d/db/TU_Eindhoven_Memory_Femke_Found.png"></div><span class="memoryText">Next year I am a third year student of the bachelor Biomedical Engineering. I will be focusing on the modeling that needs to be done during this iGEM project. In the lab I will be doing the Gibson Assembly. I joined this year’s iGEM team because I wanted to experience how it is to work on such a big project, from start to finish. I think iGEM is a really nice challenge for us as bachelor students. I hope that after we completed this project I have acquired some nice skills that I can use in the future and that I will be able to decide if the synthetic biology field is something I would like to specialize in.</span>', |
| − | '<h2>Hans de Ferrante – Treasurer, Public Relations & Gibson Guru</h2><br /><div class="memoryPicture" id="memoryPictureHans"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Hans de Ferrante – Treasurer, Public Relations & Gibson Guru</h2><br /><div class="memoryPicture" id="memoryPictureHans"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/9/90/TU_Eindhoven_Memory_Hans_Found.png"></div><span class="memoryText">At the moment I am a third year Biomedical Engineering student & second year Econometrics student. My iGEM adventure started with our second-year Molecular Cell Biology course, which provided us with insight into DNA recombinant technology, the promises of SynBio and last but not least, the iGEM competition. I was really appealed by both the field as well as the possibility to experience a full-blown research project, ranging from idea generation to doing real experiments in the lab. During our iGEM project, I wrote our Gibson protocols, was our treasurer and was responsible for public relations.</span>', |
| − | '<h2>Jan-Willem</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Jan-Willem</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/b/b5/TU_Eindhoven_Memory_JW_Found.png"></div><span class="memoryText">Will be updated soon.</span>', |
| − | '<h2>Kwankwan</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Kwankwan</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/8/88/TU_Eindhoven_Memory_Kwannie_Found.png"></div><span class="memoryText">Will be updated soon.</span>', |
| − | '<h2>Laura Jacobs – Policy & Practices, Interlab</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Laura Jacobs – Policy & Practices, Interlab</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/7/7e/TU_Eindhoven_Memory_LauraJ_Found.png"></div><span class="memoryText">Next year I will start my third year of the bachelor Medical Sciences and Technology. During the past two years I was introduced to the field of biochemistry, which started to interest me a lot. When the opportunity came to join the iGEM competition and learn more about synthetic biology, I was eager to participate. Together with Elles I am responsible for the Policy and Practices part of our project. And more recently I worked in the lab together with Esther and Laura van Smeden for the Interlab study of iGEM. The project forms a nice challenge and a memorable experience that I can hopefully benefit from in the future. </span>', |
| − | '<h2>Laura van Smeden – Safety Expert, InterLab & Penpal</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Laura van Smeden – Safety Expert, InterLab & Penpal</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/5/59/TU_Eindhoven_Memory_LauraS_Found.png"></div><span class="memoryText">This year I am going to start with the third year of the bachelor Biomedical Engineering. I am the safety expert of this team and it is my responsibility that everyone has access to the lab and works safely. Together with Esther I filled in the safety forms. Furthermore I conducted the InterLab Study and communicated with our penpal Concordia. I have chosen to participate in the iGEM competition, because it is nice to work in a motivated team and it is a great opportunity to gain and better develop skills which will be useful in the future.</span>', |
| − | '<h2>Sjoerd</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Sjoerd</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/e/ed/TU_Eindhoven_Memory_Sjoerd_Found.png"></div><span class="memoryText">Will be updated soon.</span>', |
| − | '<h2>Yeshi</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/ | + | '<h2>Yeshi</h2><br /><div class="memoryPicture"><img class="memoryImg" src="https://static.igem.org/mediawiki/2015/d/d9/TU_Eindhoven_Memory_Yeshi_Found.png"></div><span class="memoryText">Will be updated soon.</span>']; |
for (i = 1; i <= (inhoud.length/2); i++){ | for (i = 1; i <= (inhoud.length/2); i++){ | ||
$('<div class="inhoud" id="inhoud' + inhoud[(i-1)*2].toString() + '">' + inhoudverhaal[i-1].toString() + '</div>').appendTo($("#inhoud")).css({'background-color':'black','z-index':'-1'}); | $('<div class="inhoud" id="inhoud' + inhoud[(i-1)*2].toString() + '">' + inhoudverhaal[i-1].toString() + '</div>').appendTo($("#inhoud")).css({'background-color':'black','z-index':'-1'}); | ||
Revision as of 13:22, 13 August 2015
$(document).ready(function(){ total = 22; var inhoud = ['Cas','Cas','Elles','Elles','Esther','Esther','Femke','Femke','Hans','Hans','Jan-Willem','Jan-Willem','Kwankwan','Kwankwan','LauraJ','LauraJ','LauravS','LauravS','Sjoerd','Sjoerd','Yeshi','Yeshi']; var picture = ['5/55/TU_Eindhoven_Cas.png','5/55/TU_Eindhoven_Cas.png','5/57/TU_Eindhoven_Elles.png','5/57/TU_Eindhoven_Elles.png','0/01/TU_Eindhoven_Esther.png','0/01/TU_Eindhoven_Esther.png','5/5b/TU_Eindhoven_Femke.png','5/5b/TU_Eindhoven_Femke.png','c/cd/TU_Eindhoven_Hans.png','c/cd/TU_Eindhoven_Hans.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/dc/TU_Eindhoven_Kwankwan.png','d/dc/TU_Eindhoven_Kwankwan.png','1/10/TU_Eindhoven_LauraJ.png','1/10/TU_Eindhoven_LauraJ.png','d/d0/TU_Eindhoven_LauravS.png','d/d0/TU_Eindhoven_LauravS.png','b/bb/TU_Eindhoven_Sjoerd.png','b/bb/TU_Eindhoven_Sjoerd.png','2/2a/TU_Eindhoven_Yeshi.png','2/2a/TU_Eindhoven_Yeshi.png']; var inhoudverhaal = ['
Cas
Elles Elschot – Policy & Practices, Gibson Assembly
Esther van Leeuwen – Safety, Cloning guide, Interlab
Femke Vaassen – Modeling, Gibson Guru
Hans de Ferrante – Treasurer, Public Relations & Gibson Guru
Jan-Willem
Kwankwan
Laura Jacobs – Policy & Practices, Interlab
Laura van Smeden – Safety Expert, InterLab & Penpal
Sjoerd
Yeshi
' + inhoudverhaal[i-1].toString() + '
').appendTo($("#inhoud")).css({'background-color':'black','z-index':'-1'});
};
$('Find the matching cards.
Hover over someones picture to find out more about him/her.
If you are feeling lazy.
').appendTo($("#memoryWrapper")).css({
'-moz-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
'-webkit-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
'box-shadow':'inset 0px 1px 0px 0px #97c4fe',
'background':'-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0))',
'background':'-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);',
'background':'-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
'background':'-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
'background':'-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
'background':'linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%)',
'filter:progid':'DXImageTransform.Microsoft.gradient(startColorstr="#3d94f6", endColorstr="#1e62d0",GradientType=0)',
'background-color':'#3d94f6',
'-moz-border-radius':'6px',
'-webkit-border-radius':'6px',
'border-radius':'6px',
'border':'1px solid #337fed',
'display':'inline-block',
'cursor':'pointer',
'color':'#ffffff',
'font-family':'Arial',
'font-size':'15px',
'font-weight':'bold',
'padding':'6px 24px',
'text-decoration':'none',
'text-shadow':'0px 1px 0px #1570cd'});
for (cardnr = 1; cardnr <= rand.length; cardnr++){
$("#card" + cardnr.toString()).hover(function(){groen( $(this).attr('id').match(/\d+/) )},function(){geel( $(this).attr('id').match(/\d+/) )});
$("#card" + cardnr.toString()).click(function(){blauw( $(this).attr('id').match(/\d+/) )});
};
$("#memoryPictureHans").click(function(){ if (playing == 0){pretty();} });
$("#revealAll").click(function(){revealAll()});
function groen(numb){
if (cardstat[numb-1] == 'yellow'){
$('#card' + numb.toString() ).css({'background-image':'url(https://static.igem.org/mediawiki/2015/a/a1/TU_Eindhoven_card2.png)'});
cardstat[numb-1] = 'green';
} else if (cardstat[numb-1] == 'red'){
for (inhoud = 1; inhoud <= (rand.length); inhoud++){
$("#inhoud" + rand[inhoud-1].toString() ).css({'z-index':'0'});
}
$("#inhoudsecond").css({'z-index':'0'});
$("#inhoud" + rand[numb-1].toString() ).css({'z-index':'2'});
}
};
function geel(numb){
if (cardstat[numb-1] == 'green'){
cardstat[numb-1] = 'yellow';
$("#card" + numb.toString() ).css({'background-image':'url(https://static.igem.org/mediawiki/2015/5/54/TU_Eindhoven_card1.png)'});
};
};
function blauw(numb){
if ( cardstat[numb-1] == 'green' || cardstat[numb-1] == 'yellow'){
if (wait == 0){
gekozen[b]=numb;
b++;
cardstat[numb-1] = 'blue';
$("#card" + numb.toString() ).css({'background-image':'url(https://static.igem.org/mediawiki/2015/' + randpic[numb-1].toString() + ')'});
if ( b >= 2 ){
wait = 1;
setTimeout(function(){
$(".card").css({'pointer-events':'auto'});
dezelfde (gekozen);
gekozen = [];
b = 0;
wait = 0;
},600);
};
};
};
};
function dezelfde(gekozen){
for (iii = 0; iii <= 1; iii++){
varia = gekozen[iii];
if (rand[gekozen[0]-1] == rand[gekozen[1]-1]){
$("#inhoudfirst").css({'z-index':'-1'});
$("#inhoudsecond").css({'z-index':'1'});
cardstat[varia-1] = 'red';
} else {
$("#card" + varia.toString() ).css({'background-image':'url(https://static.igem.org/mediawiki/2015/5/54/TU_Eindhoven_card1.png)'});
cardstat[varia-1] = 'yellow';
}
};
};
function pretty(){
playing = 1;
$('').appendTo($("#memoryPictureHans"));
setTimeout(function(){playing = 0;},9000);
};
function revealAll(){
for (crd = 1; crd <= rand.length; crd++){
cardstat[crd-1] = 'red';
$("#card" + crd.toString() ).css({'background-image':'url(https://static.igem.org/mediawiki/2015/' + randpic[crd-1].toString() + ')'});
}
$("#inhoudfirst").css({'z-index':'-1'});
$("#inhoudsecond").css({'z-index':'1'});
$("#revealAll").css({'display':'none'});
}
});