Difference between revisions of "Team:ETH Zurich/Team"

(Memory game - test run.)
(Memory did not work :()
Line 1: Line 1:
 
{{ETH_Zurich}}
 
{{ETH_Zurich}}
−
 
  
 
<html>
 
<html>
−
<head>
 
−
<style>
 
−
div#memory_board{
 
−
background:#CCC;
 
−
border:#999 1px solid;
 
−
width:800px;
 
−
height:540px;
 
−
padding:24px;
 
−
margin:0px auto;
 
−
}
 
−
div#memory_board > div{
 
−
background: url(tile_bg.jpg) no-repeat;
 
−
border:#000 1px solid;
 
−
width:71px;
 
−
height:71px;
 
−
float:left;
 
−
margin:10px;
 
−
padding:20px;
 
−
font-size:64px;
 
−
cursor:pointer;
 
−
text-align:center;
 
−
}
 
−
</style>
 
−
<script>
 
  
−
var memory_array = ['A','A','B','B','C','C','D','D','E','E','F','F','G','G','H','H','I','I','J','J','K','K','L','L'];
+
   
−
var memory_values = [];
+
<div>
−
var memory_tile_ids = [];
+
<div class="sec page_title" >
−
var tiles_flipped = 0;
+
        <div>
−
Array.prototype.memory_tile_shuffle = function(){
+
        <h1>Team</h1>
−
    var i = this.length, j, temp;
+
        </div>
−
    while(--i > 0){
+
        <p>
−
         j = Math.floor(Math.random() * (i+1));
+
 
−
        temp = this[j];
+
<div class="image full_size" style="">
−
        this[j] = this[i];
+
         <img src="https://static.igem.org/mediawiki/2016/e/ef/T--ETH_Zurich--Team_Picture_Globe.jpg">
−
        this[i] = temp;
+
</div>
−
    }
+
−
}
+
      </p>
−
function newBoard(){
+
</div>
−
tiles_flipped = 0;
+
      </div>
−
var output = '';
+
 
−
    memory_array.memory_tile_shuffle();
+
 
−
for(var i = 0; i < memory_array.length; i++){
+
<div class="sec light_grey" >
−
output += '<div id="tile_'+i+'" onclick="memoryFlipTile(this,\''+memory_array[i]+'\')"></div>';
+
<div>
−
}
+
        <h2>STUDENTS</h2>
−
document.getElementById('memory_board').innerHTML = output;
+
        <p>
−
}
+
 
−
function memoryFlipTile(tile,val){
+
      <div>
−
if(tile.innerHTML == "" && memory_values.length < 2){
+
                <ul id="paws">
−
tile.style.background = '#FFF';
+
                    <li>
−
tile.innerHTML = val;
+
                    <img src="https://static.igem.org/mediawiki/2016/d/df/T--ETH_Zurich--Tina.png">
−
if(memory_values.length == 0){
+
                    </li>
−
memory_values.push(val);
+
                    <li>
−
memory_tile_ids.push(tile.id);
+
                      <img src="https://static.igem.org/mediawiki/2016/b/bd/T--ETH_Zurich--Asli.png">
−
} else if(memory_values.length == 1){
+
                    </li>
−
memory_values.push(val);
+
                    <li>
−
memory_tile_ids.push(tile.id);
+
                        <img src="https://static.igem.org/mediawiki/2016/c/c5/T--ETH_Zurich--Sophie.png">
−
if(memory_values[0] == memory_values[1]){
+
                    </li>
−
tiles_flipped += 2;
+
                    <li>
−
// Clear both arrays
+
                      <img src="https://static.igem.org/mediawiki/2016/3/31/T--ETH_Zurich--Mattia.png">
−
memory_values = [];
+
                    </li>
−
            memory_tile_ids = [];
+
                    <li>
−
// Check to see if the whole board is cleared
+
                          <img src="https://static.igem.org/mediawiki/2016/1/1f/T--ETH_Zurich--Lukas.png">
−
if(tiles_flipped == memory_array.length){
+
                    </li>
−
alert("Board cleared... generating new board");
+
                    <li>
−
document.getElementById('memory_board').innerHTML = "";
+
                        <img src="https://static.igem.org/mediawiki/2016/6/61/T--ETH_Zurich--Andreas.png">
−
newBoard();
+
                    </li>
−
}
+
                    <li>
−
} else {
+
                            <img src="https://static.igem.org/mediawiki/2016/e/ee/T--ETH_Zurich--Lucas.png">
−
function flip2Back(){
+
                    </li>
−
    // Flip the 2 tiles back over
+
        </p>
−
    var tile_1 = document.getElementById(memory_tile_ids[0]);
+
        </div>
−
    var tile_2 = document.getElementById(memory_tile_ids[1]);
+
</div>
−
    tile_1.style.background = 'url(tile_bg.jpg) no-repeat';
+
</div>
−
                tile_1.innerHTML = "";
+
 
−
    tile_2.style.background = 'url(tile_bg.jpg) no-repeat';
+
 
−
                tile_2.innerHTML = "";
+
−
    // Clear both arrays
+
 
−
    memory_values = [];
+
 
−
                memory_tile_ids = [];
+
 
−
}
+
<div class="sec white" >
−
setTimeout(flip2Back, 700);
+
<div>
−
}
+
        <h2>SUPERVISORS</h2>
−
}
+
        <p>
−
}
+
 
−
}
+
      <div>
−
</script>
+
                <ul id="paws">
−
</head>
+
                    <li>
−
<body>
+
                            <img src="https://static.igem.org/mediawiki/2016/3/3e/T--ETH_Zurich--Sven.jpg">
−
<div id="memory_board"></div>
+
                    </li>
−
<script>newBoard();</script>
+
                    <li>
−
</body>
+
                            <img src="https://static.igem.org/mediawiki/2016/1/17/T--ETH_Zurich--J%C3%B6rg.jpg">
 +
                    </li>
 +
                    <li>
 +
                            <img src="https://static.igem.org/mediawiki/2016/5/52/T--ETH_Zurich--Kobi.jpg">
 +
                    </li>
 +
        </p>
 +
        </div>
 +
</div>
 +
</div>
 +
 
 +
<div class="sec light_grey">
 +
<div>
 +
        <h2>ADVISORS</h2>
 +
        <p>
 +
 
 +
      <div>
 +
                <ul id="paws">
 +
                    <li>
 +
                          <img src="https://static.igem.org/mediawiki/2016/6/66/T--ETH_Zurich--Daniel.png">
 +
                    </li>
 +
 
 +
        </p>  
 +
        </div>
 +
 
 +
 
 +
</div>
 +
      </div>
 +
 
  
 
</html>
 
</html>
 
{{:Template:ETH_Zurich/footer}}
 
{{:Template:ETH_Zurich/footer}}

Revision as of 02:14, 17 October 2016

PAVLOV'S COLI

Team

STUDENTS

SUPERVISORS

ADVISORS

Thanks to the sponsors that supported our project: