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

 
(117 intermediate revisions by 3 users not shown)
Line 5: Line 5:
  
 
ul#tiles {
 
ul#tiles {
 +
width: 96%;
 
text-align: center;
 
text-align: center;
−
width: 90%;
 
 
}
 
}
  
 
ul#tiles li {
 
ul#tiles li {
−
            display: inline-block;
+
                        display: inline-block;
−
            text-align:center;
+
                        text-align:center;
−
            height: 170px;
+
                        height: 180px;
−
            width: 170px;          
+
                        width: 180px;
−
            line-height: 170px;
+
                        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{
−
            color:black;
+
                    padding: 0px 0px 180px 0px;
−
text-decoration:none;
+
                    color:black;
−
font-weight: bold;
+
    text-decoration:none;
−
font-size: large;
+
    font-weight: bold;
−
opacity: 1;
+
            font-size: large;
−
display: block;
+
            display: inline-block;
 +
 
 
}
 
}
  
Line 37: 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"){
−
return('https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png')
+
return('https://static.igem.org/mediawiki/2016/6/62/T--DTU-Denmark--safety_tile.jpg')
  
−
} else if(sub_name = "Parts"){
+
} else if(sub_name == "Parts"){
−
return('https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png')
+
return('https://static.igem.org/mediawiki/2016/8/83/T--DTU-Denmark--Parts_tile.jpg')
  
−
} else if(sub_name = "Toolbox"){
+
} 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"){
 
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 == "Description"){
 +
return('https://static.igem.org/mediawiki/2016/e/e1/T--DTU-Denmark--background_tile.jpg')
 +
             
 +
                } else if(sub_name == "Proof of Concept"){
 +
return('https://static.igem.org/mediawiki/2016/1/14/T--DTU-Denmark--poc_sq.jpg')
 +
             
 +
                } else if(sub_name == "Substrate"){
 +
return('https://static.igem.org/mediawiki/2016/7/7d/T--DTU-Denmark--substrate_tile.jpg')
 +
             
 +
                } else if(sub_name == "Notebook"){
 +
return('https://static.igem.org/mediawiki/2016/0/07/T--DTU-Denmark--notebook-sq.jpg')
 +
             
 +
                } else if(sub_name == "Interlab"){
 +
return('https://static.igem.org/mediawiki/2016/a/a9/T--DTU-Denmark--interlab_sq.jpg')
 +
             
 +
                } else if(sub_name == "Molecular Toolbox"){
 +
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{
 +
return('https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png')
 +
}  
 
}
 
}
  
Line 81: 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>");
−
     }
+
 
 +
     }  
  
 
     // Insert html code in page.
 
     // Insert html code in page.

Latest revision as of 01:31, 20 October 2016

Tails for main menue points