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

 
(95 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 22: Line 23:
 
opacity: 1;
 
opacity: 1;
 
}
 
}
 +
  
 
ul#tiles li a{
 
ul#tiles li a{
−
            color:black;
+
                    padding: 0px 0px 180px 0px;
−
text-decoration:none;
+
                    color:black;
−
font-weight: bold;
+
    text-decoration:none;
−
font-size: large;
+
    font-weight: bold;
−
display: block;
+
            font-size: large;
 +
            display: inline-block;
 +
 
 
}
 
}
  
Line 35: Line 39:
  
 
<body>
 
<body>
−
<br><br><br><br><br><br>
 
 
<!-- container for the tiles-->
 
<!-- container for the tiles-->
−
<ul id="tiles" class="container"></ul>
+
<div class="container"> <ul id="tiles"></ul> </div>
  
 
<script>
 
<script>
 
// function til fill with links for pictures.
 
// function til fill with links for pictures.
 
var pick_picture = function(sub_name){
 
var pick_picture = function(sub_name){
−
if( sub_name == "Description"){
+
if( sub_name == "Background"){
−
return('https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png')
+
return('https://static.igem.org/mediawiki/2016/7/7e/T--DTU-Denmark--back_sq.jpg')
  
 
} else if(sub_name == "Toolbox"){
 
} else if(sub_name == "Toolbox"){
 
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 56: 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"){
 
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 == "Background"){
+
                 } else if(sub_name == "Description"){
 
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 77: Line 83:
 
                 } else if(sub_name == "Molecular Toolbox"){
 
                 } else if(sub_name == "Molecular Toolbox"){
 
return('https://static.igem.org/mediawiki/2016/9/95/T--DTU-Denmark--wetlab_sq.jpg')
 
return('https://static.igem.org/mediawiki/2016/9/95/T--DTU-Denmark--wetlab_sq.jpg')
 +
             
 +
                } else if(sub_name == "Products"){
 +
return('https://static.igem.org/mediawiki/2016/a/a7/T--DTU-Denmark--products_sq.jpg')
 +
             
 +
                } else if(sub_name == "Modeling"){
 +
return('https://static.igem.org/mediawiki/2016/3/3b/T--DTU-Denmark--modeling_sq.jpg')
 +
             
 +
                } else if(sub_name == "Codon Optimization"){
 +
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 99: 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>");
−
console.log(s_nam, pick_picture(s_nam))
+
 
−
     } console.log(tile)
+
     }  
  
 
     // Insert html code in page.
 
     // Insert html code in page.

Latest revision as of 01:31, 20 October 2016

Tails for main menue points