|
|
(12 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
| | | |
- | <!-- STYLESHEET -->
| |
- | <!-- *********** -->
| |
- |
| |
- | <link rel="stylesheet" href="https://2011.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" />
| |
- | <link rel="stylesheet" href="https://2011.igem.org/Team:DTU-Denmark/stylesheet-graybg?action=raw&ctype=text/css" type="text/css" />
| |
- |
| |
- | <!-- JAVASCRIPTS -->
| |
- | <!-- *********** -->
| |
- |
| |
- | <!-- jQuery Tools (slider) -->
| |
- | <script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
| |
- |
| |
- | <!-- Navigation scroll follow -->
| |
- | <script type="text/javascript">
| |
- | $(window).scroll(function () {
| |
- | var scrollPos = $(window).scrollTop();
| |
- | if (scrollPos > 110) {
| |
- | $(".navigation").addClass("stickToTop");
| |
- | } else {
| |
- | $(".navigation").removeClass("stickToTop");
| |
- | }
| |
- | });
| |
- | </script>
| |
- |
| |
- | <!-- MathJax (LaTeX for the web) -->
| |
- | <script type="text/x-mathjax-config">
| |
- | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
| |
- | </script>
| |
- | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
| |
- |
| |
- | <!-- Sexy Drop Down (drop down navigation) -->
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function(){
| |
- | $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
| |
- | $("ul.topnav li span").click(function() { //When trigger is clicked...
| |
- | //Following events are applied to the subnav itself (moving subnav up and down)
| |
- | $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
| |
- | $(this).parent().hover(function() {
| |
- | }, function(){
| |
- | $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
| |
- | });
| |
- | //Following events are applied to the trigger (Hover events for the trigger)
| |
- | }).hover(function() {
| |
- | $(this).addClass("subhover"); //On hover over, add class "subhover"
| |
- | }, function(){ //On Hover Out
| |
- | $(this).removeClass("subhover"); //On hover out, remove class "subhover"
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- | <!-- Should there be a heading on this page? -->
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function() {
| |
- | if ("" == "</html>{{{1}}}<html>") {
| |
- | $("#heading").remove();
| |
- | }
| |
- | });
| |
- | </script>
| |
- |
| |
- | <!-- HTML CONTENT -->
| |
- | <!-- ************ -->
| |
- |
| |
- | <!-- Header image -->
| |
- | <div id="header">
| |
- | <div class="centering">
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <!-- Navigation bar -->
| |
- | </html>{{:Team:DTU-Denmark/Templates/Navigationbar}}<html>
| |
- |
| |
- | <!-- Prepare for content -->
| |
- | <div id="innercontent">
| |
- | <div class="centering">
| |
- | <!-- Slider -->
| |
- | <script>
| |
- | // execute your scripts when the DOM is ready. this is mostly a good habit
| |
- | $(function() {
| |
- | // initialize scrollable
| |
- | $(".scrollable").scrollable();
| |
- | });
| |
- | </script>
| |
- | <div class="scrollable">
| |
- | <div class="items">
| |
- | <div>
| |
- | <img src="https://static.igem.org/mediawiki/2011/a/ad/DTU-Denmark2011-slider-slide1.png"></img>
| |
- | </div>
| |
- | <div class="farve10">
| |
- | <h2>Slide 2</h2>
| |
- | </div>
| |
- | <div class="farve11">
| |
- | <h2>Slide 3</h2>
| |
- | </div>
| |
- | <div class="farve12">
| |
- | <h2>Slide 4</h2>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div class="prev"></div>
| |
- | <div class="next"></div>
| |
- | </html>
| |