Template:Team:DTU-Denmark/maintemplate
From 2014.igem.org
(Difference between revisions)
(36 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{:Team:DTU-Denmark/ | + | {{:Template:Team:DTU-Denmark/template_css}} |
- | {{:Team:DTU-Denmark/Team/ | + | <html> |
+ | |||
+ | <head> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | //$('.scrollable').each(function() { | ||
+ | //var target = $(this).attr("href").match(/#(.)+/); | ||
+ | //alert(target); | ||
+ | //}); | ||
+ | |||
+ | |||
+ | $('.scrollable').click(function() { | ||
+ | $('body').animate({ | ||
+ | scrollTop: eval($('#' + $(this).attr('target')).offset().top-30) | ||
+ | }, 800); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | |||
+ | // hide #back-top first | ||
+ | $("#back-top").hide(); | ||
+ | |||
+ | // fade in #back-top | ||
+ | $(function () { | ||
+ | $(window).scroll(function () { | ||
+ | if ($(this).scrollTop() > 100) { | ||
+ | $('#back-top').fadeIn(); | ||
+ | } else { | ||
+ | $('#back-top').fadeOut(); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // scroll body to 0px on click | ||
+ | $('#back-top a').click(function () { | ||
+ | $('body,html').animate({ | ||
+ | scrollTop: 0 | ||
+ | }, 800); | ||
+ | return false; | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(window).scroll(function() { | ||
+ | if ($(this).scrollTop() > 68) { // Changed threshold to 68, to make it more smooth - KJ | ||
+ | $("#nav").css("position","fixed").css("top","0px"); | ||
+ | $("#nav").css("background-color","#353535"); | ||
+ | //$(".epopey").css("visibility","hidden"); //Isn't it better that the mascot doesn't suddenly disappear, when you scroll down? | ||
+ | } else { | ||
+ | $("#nav").css("position","absolute").css("bottom","0").css("top",""); | ||
+ | $("#nav").css("background-color","transparent"); | ||
+ | //$(".epopey").css("visibility","visible"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $(".section-header").click(function(){ | ||
+ | var section = $(this).attr("id"); | ||
+ | var sectionDiv = $("div." + section); | ||
+ | if (sectionDiv.is(":visible")) { | ||
+ | sectionDiv.hide("slow"); | ||
+ | } else { | ||
+ | sectionDiv.show('slow'); | ||
+ | }; | ||
+ | }); | ||
+ | |||
+ | $("." + $(location.hash).attr("id")).show(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $(".protocol").hide(); | ||
+ | $(".protocol-header").append(" [<span><a>Show</a></span>]"); | ||
+ | $(".protocol-header span").click(function(){ | ||
+ | var protocol = $(this).parent().attr("id"); | ||
+ | var protocolDiv = $("div." + protocol); | ||
+ | if (protocolDiv.is(":visible")) { | ||
+ | $(this).html("<a>Show</a>"); | ||
+ | protocolDiv.hide("slow"); | ||
+ | } else { | ||
+ | $(this).html("<a>Hide</a>"); | ||
+ | protocolDiv.show('slow'); | ||
+ | }; | ||
+ | }); | ||
+ | |||
+ | $("." + $(location.hash).attr("id")).show(); | ||
+ | $(location.hash).children("span").html("<a>Hide</a>"); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | <!--Header--> | ||
+ | <div class="header"> <!-- Shouldn't all the header elements be moved into this div? --> | ||
+ | |||
+ | <!-- <div class="title"><a href="https://2014.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2014/3/30/DTU-Denmark-Header-black.png" width="728" height="51"></a></div> --> | ||
+ | <!-- edited out old logo/link to frontpage thing because we no longer use it. MTQ--> | ||
+ | |||
+ | <!--iGEM Logo--> | ||
+ | <!-- | ||
+ | <div class="igemlogo"> <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/21/Logo_copy_copy.png" height="140"></a></div> | ||
+ | --> | ||
+ | |||
+ | <div class="igemlogo"> <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/2a/Logo.dtu.png" width="110px"></a></div> | ||
+ | |||
+ | |||
+ | <div class="epopey"> <a href="https://2014.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2014/e/e0/DTU-Denmark-E_popi_color.png" height="140"></a></div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="headertitle"><a href="https://2014.igem.org/Team:DTU-Denmark">Technical University of Denmark</a></div> | ||
+ | |||
+ | <!--Navibar--> | ||
+ | <ul id="nav"> | ||
+ | <li id="HOME"><a href="https://2014.igem.org/Team:DTU-Denmark">Home</a> | ||
+ | </li> | ||
+ | |||
+ | <li id="OVERVIEW"><a href=#>Overview</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Background">Background</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Strategy">Experimental Design</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Interlab_study">Interlab Study</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Policy_and_Practices">Policy and Practices</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Ethics">Ethics</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="METHODS"><a href=#>Methods</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Timeline">Timeline</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Protocols">Protocols</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="ACHIEVEMENTS"><a href=#>Achievements</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Experimental_Results">Lab Results</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Modelling">Modelling</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Parts">Parts</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Interlab_study">Interlab Study</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Policy_and_Practices">Policy and Practices</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/BioBrick_Workshop">BioBrick Workshop</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Medal_fulfillments">Medal Fulfillments</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="TEAM"><a href=#>Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Team_Members">Team Members</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=1330">Official Team Page</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Sponsors">Sponsors</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="MEDAL"><a href=#><img style="width:100px;height:100px;position:absolute;top:-30px;left:30px;z-index:100;" id="medal-image" src="https://static.igem.org/mediawiki/2014/6/63/DTU-Denmark_gold_medal.png" /></a> | ||
+ | <ul style="position:absolute;top:30px;left:0px;font-size:14px;width:150px;"> | ||
+ | <li><p style="white-space:normal;margin:10px;"><br><br>At the Giant Jamboree, we received a <b>gold medal</b> and an <b>Interlab Study Award</b>. We also won the Overgrad <b>Best Parts Collection</b>. </p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <p id="back-top"> | ||
+ | <a href="#top"><span></span></a> | ||
+ | </p> | ||
+ | <div class="wrapper"> | ||
+ | </body> | ||
+ | |||
+ | </html> |
Latest revision as of 09:23, 7 February 2015