Difference between revisions of "Template:Team:TU Eindhoven/Memory Script"

Revision as of 14:04, 6 August 2015 (view source) Sjoerdn (Talk | contribs) ← Older edit		Revision as of 14:07, 6 August 2015 (view source) Sjoerdn (Talk | contribs) Newer edit →
Line 93:		Line 93:
	$("#card" + cardnr.toString()).hover(function(){groen( $(this).attr('id').match(/\d+/) )},function(){geel( $(this).attr('id').match(/\d+/) )});		$("#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+/) )});		$("#card" + cardnr.toString()).click(function(){blauw( $(this).attr('id').match(/\d+/) )});
−	$("#card" + cardnr.toString()).dblclick(function(){ doubleclick( $(this).attr('id').match(/\d+/)); });
	};		};
		+	$("#memoryPicture").dblclick(function(){ doubleclick( $(this).attr('id').match(/\d+/)); });
	$("#revealAll").click(function(){revealAll()});		$("#revealAll").click(function(){revealAll()});
Line 152:		Line 152:
	};		};
−	function doubleclick(numb){	+	function doubleclick(){
−	$('<audio controls autoplay ><source src="Pretty.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>').appendTo($("#card" + numb.toString()));	+	$('<audio controls autoplay ><source src="Pretty.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>').appendTo($("#memoryPicture"));
	};		};

---

Revision as of 14:07, 6 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 = ['Het epische levensverhaal van Cas, BSc', '

Elles Elschot – Policy & Practices, Gibson Assembly

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.', '

Esther van Leeuwen – Safety, Cloning guide, Interlab

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. ', '

Femke Vaassen – Modeling, Gibson Guru

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.', '

Hans de Ferrante – Treasurer, Public Relations & Gibson Guru

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.', '

Jan-Willem

', '

Kwankwan

', '

Laura Jacobs – Policy & Practices, Interlab

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. ', '

Laura van Smeden – Safety Expert, InterLab & Penpal

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.', '

Sjoerd

', '

Yeshi

']; for (i = 1; i <= (inhoud.length/2); i++){ $('').appendTo($("#inhoud")).css({'background-color':'black','z-index':'-1'}); }; $('').appendTo($("#inhoud")).css({'background-size':'100% 100%','background-color':'black','z-index':'1'}); $('').appendTo($("#inhoud")).css({'background-size':'100% 100%','background-color':'black','z-index':'0'}); var idnr = 1; var gekozen = []; var cardstat = []; var b = 0; var wait = 0; list1=inhoud; list2=picture; for (var i = list1.length - 1; i > 0; i--){ var j = Math.floor(Math.random()*(i+1)); var temp1 = list1[i]; list1[i] = list1[j]; list1[j] = temp1; var temp2 = list2[i]; list2[i] = list2[j]; list2[j] = temp2; } rand = list1; randpic=list2; for (i = 1; i <= 4; i++){ $('').appendTo($("#memoryWrapper")); if (i == 1 || i == 4){ for (ii = 1; ii <= 9; ii++){ $('').appendTo($("#row" + i.toString() )).css({'background-image':'url(https://static.igem.org/mediawiki/2015/5/54/TU_Eindhoven_card1.png)'}); cardstat[idnr-1] = 'yellow'; idnr++; }; } else{ $('').appendTo($("#row" + i.toString() )).css({'float':'left','background-image':'url(https://static.igem.org/mediawiki/2015/5/54/TU_Eindhoven_card1.png)'}); cardstat[idnr-1] = 'yellow'; idnr++; $('').appendTo($("#row" + i.toString() )).css({'float':'right','background-image':'url(https://static.igem.org/mediawiki/2015/5/54/TU_Eindhoven_card1.png)'}); cardstat[idnr-1] = 'yellow'; idnr++; }; }; $('').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+/) )}); }; $("#memoryPicture").dblclick(function(){ doubleclick( $(this).attr('id').match(/\d+/)); }); $("#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 doubleclick(){ $('').appendTo($("#memoryPicture")); }; 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'}); } });