|
|
(3 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().find("> a").append("<span> ▼</span>");
| |
- | $("ul.topnav li").hover(
| |
- | function() {
| |
- | // Hover over
| |
- | $(this).find("ul.subnav").hide().show();
| |
- | // Hover out
| |
- | $(this).hover(
| |
- | function() {
| |
- | },
| |
- | function(){
| |
- | $(this).find("ul.subnav").slideUp('slow');
| |
- | }
| |
- | );
| |
- | },
| |
- | function(){
| |
- | $(this).find("ul.subnav").slideUp('slow');
| |
- | }
| |
- |
| |
- | );
| |
- | }
| |
- | );
| |
- | </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>
| |