(23 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
@media only screen and (max-width: 1024px) { | @media only screen and (max-width: 1024px) { | ||
video {display:none;} | video {display:none;} | ||
Line 72: | Line 63: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | <img class="medal" src="https://static.igem.org/mediawiki/2016/0/0d/T--duesseldorf--medalgold-achieved.png"> | ||
+ | |||
<div class="article"> | <div class="article"> | ||
<video id="Logo" src="https://static.igem.org/mediawiki/2016/b/b7/T--Duesseldorf--Logo-Animation.mov" autoplay="autoplay" width="100%;" height="auto;"></video> | <video id="Logo" src="https://static.igem.org/mediawiki/2016/b/b7/T--Duesseldorf--Logo-Animation.mov" autoplay="autoplay" width="100%;" height="auto;"></video> | ||
− | <div class="w3-container"> | + | <h2 id="Medal_Criteria">Medal Criteria</h2> |
+ | <div class="w3-container" style="margin-bottom:50px;margin-top: 20px;"> | ||
<div class="w3-row"> | <div class="w3-row"> | ||
<a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');"> | <a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');"> | ||
− | < | + | <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/a/a8/T--duesseldorf--medalbronze.PNG" style="width: 120px; height:120px; margin:auto;"></span> |
</a> | </a> | ||
<a href="javascript:void(0)" onclick="openrequirement(event, 'Silver');"> | <a href="javascript:void(0)" onclick="openrequirement(event, 'Silver');"> | ||
− | < | + | <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/a/a0/T--duesseldorf--medalsilver.PNG" style="width: 120px; height:120px; margin:auto;"></span> |
</a> | </a> | ||
<a href="javascript:void(0)" onclick="openrequirement(event, 'Gold');"> | <a href="javascript:void(0)" onclick="openrequirement(event, 'Gold');"> | ||
− | < | + | <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/8/86/T--duesseldorf--medalgold.PNG" style="width: 120px; height:120px; margin:auto;"></span> |
</a> | </a> | ||
</div> | </div> | ||
Line 104: | Line 98: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
Line 150: | Line 143: | ||
tablinks = document.getElementsByClassName("tablink"); | tablinks = document.getElementsByClassName("tablink"); | ||
for (i = 0; i < x.length; i++) { | for (i = 0; i < x.length; i++) { | ||
− | tablinks[i].className = tablinks[i].className.replace(" w3-border- | + | tablinks[i].className = tablinks[i].className.replace(" w3-border-green", ""); |
} | } | ||
document.getElementById(requirementName).style.display = "block"; | document.getElementById(requirementName).style.display = "block"; | ||
− | evt.currentTarget.firstElementChild.className += " w3-border- | + | evt.currentTarget.firstElementChild.className += " w3-border-green"; |
} | } | ||
</script> | </script> | ||
</body> | </body> |
Latest revision as of 11:06, 4 November 2016