Difference between revisions of "Template:Team:DTU-Denmark/Submenue tiles.html"

 
(69 intermediate revisions by 3 users not shown)
Line 10: Line 10:
  
 
ul#tiles li {
 
ul#tiles li {
−
            display: inline-block;
+
                        display: inline-block;
−
 
+
                        text-align:center;
−
            text-align:center;
+
                        height: 180px;
−
            height: 180px;
+
                        width: 180px;
−
            width: 180px;
+
                        background: 0.3;
−
            background: 0.3;
+
margin:20px;
−
margin: 20px;
+
 
opacity: 0.7;
 
opacity: 0.7;
 +
                        overflow: hidden;
 
}
 
}
  
Line 23: Line 23:
 
opacity: 1;
 
opacity: 1;
 
}
 
}
 +
  
 
ul#tiles li a{
 
ul#tiles li a{
−
padding: 0px 0px 180px 0px;
+
                    padding: 0px 0px 180px 0px;
−
            color:black;
+
                    color:black;
−
text-decoration:none;
+
    text-decoration:none;
−
font-weight: bold;
+
    font-weight: bold;
−
font-size: large;
+
            font-size: large;
−
display: block;
+
            display: inline-block;
 +
 
 
}
 
}
  
Line 38: Line 40:
 
<body>
 
<body>
 
<!-- container for the tiles-->
 
<!-- container for the tiles-->
−
<ul id="tiles" class="container"></ul>
+
<div class="container"> <ul id="tiles"></ul> </div>
−
 
+
−
<ul class="container">
+
−
<li style = "background: url('https://static.igem.org/mediawiki/2016/7/7d/T--DTU-Denmark--substrate_tile.jpg"');" ><a href="https://2016.igem.org/Team:DTU-Denmark/substrate">Substrate</a></li>
+
−
</ul>
+
−
 
+
  
 
<script>
 
<script>
Line 54: Line 51:
 
return('https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png')
 
return('https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png')
  
−
} else if(sub_name == "Acievements"){
+
} else if(sub_name == "Achievements"){
−
return('https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png')
+
return('https://static.igem.org/mediawiki/2016/7/7c/T--DTU-Denmark--achievements_sq.jpg')
  
 
} else if(sub_name == "Safety"){
 
} else if(sub_name == "Safety"){
Line 62: Line 59:
 
} else if(sub_name == "Parts"){
 
} else if(sub_name == "Parts"){
 
return('https://static.igem.org/mediawiki/2016/8/83/T--DTU-Denmark--Parts_tile.jpg')
 
return('https://static.igem.org/mediawiki/2016/8/83/T--DTU-Denmark--Parts_tile.jpg')
 +
 +
} else if(sub_name == "Biosensor"){
 +
return('https://static.igem.org/mediawiki/2016/1/14/T--DTU-Denmark--biosensor_sq.jpg')
  
 
} else if(sub_name == "Toolbox"){
 
} else if(sub_name == "Toolbox"){
Line 69: Line 69:
 
return('https://static.igem.org/mediawiki/2016/e/e1/T--DTU-Denmark--background_tile.jpg')
 
return('https://static.igem.org/mediawiki/2016/e/e1/T--DTU-Denmark--background_tile.jpg')
 
                
 
                
−
                 } else if(sub_name == "Proof of concept"){
+
                 } else if(sub_name == "Proof of Concept"){
 
return('https://static.igem.org/mediawiki/2016/1/14/T--DTU-Denmark--poc_sq.jpg')
 
return('https://static.igem.org/mediawiki/2016/1/14/T--DTU-Denmark--poc_sq.jpg')
 
                
 
                
Line 92: Line 92:
 
                 } else if(sub_name == "Codon Optimization"){
 
                 } else if(sub_name == "Codon Optimization"){
 
return('https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--codon_sq.jpg')
 
return('https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--codon_sq.jpg')
 +
             
 +
                } else if(sub_name == "Microfermenter"){
 +
return('https://static.igem.org/mediawiki/2016/6/6d/T--DTU-Denmark--robot_sq.jpg')
 +
             
 +
                } else if(sub_name == "Team Members"){
 +
return('https://static.igem.org/mediawiki/2016/9/9e/T--DTU-Denmark--members_sq.jpg')
 +
             
 +
                } else if(sub_name == "Attributions"){
 +
return('https://static.igem.org/mediawiki/2016/f/f6/T--DTU-Denmark--attribution_sq.jpg')
 +
             
 +
                } else if(sub_name == "Team Building"){
 +
return('https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--teambuilding_sq.jpg')
 +
             
 +
                } else if(sub_name == "Collaborations"){
 +
return('https://static.igem.org/mediawiki/2016/e/ec/T--DTU-Denmark--collab_sq.jpg')
 +
 +
                } else if(sub_name == "Practices"){
 +
return('https://static.igem.org/mediawiki/2016/c/c0/T--DTU-Denmark--Prac_tile.jpeg')
  
 +
                } else if(sub_name == "Integrated Practices"){
 +
return('https://static.igem.org/mediawiki/2016/7/74/T--DTU-Denmark--int_prac_tile.jpg')
  
 
} else{
 
} else{
Line 115: Line 135:
 
    s_nam = sub_links[i].innerHTML;
 
    s_nam = sub_links[i].innerHTML;
 
    a_html = s_nam.link(tile_link[i]);
 
    a_html = s_nam.link(tile_link[i]);
−
     tile.push("<li style = \"background: url(\'" + pick_picture(s_nam) + "\"');\" >" + a_html + "</li>");
+
     tile.push("<li style = \"background: url(\'" + pick_picture(s_nam) + "\');\" >" + a_html + "</li>");
  
 
     }  
 
     }  
−
window.alert(tile);
+
 
−
console.log(tile);
+
 
     // Insert html code in page.
 
     // Insert html code in page.
 
document.getElementById("tiles").innerHTML = tile.join("")
 
document.getElementById("tiles").innerHTML = tile.join("")

Latest revision as of 01:31, 20 October 2016

Tails for main menue points