Team:DTU-Denmark/jorjo

From 2014.igem.org

(Difference between revisions)
 
Line 1: Line 1:
 +
<html>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<!-- STYLESHEET -->
-
<title>IGEM DTU WIKI</title>
+
<!-- *********** -->
-
<style type="text/css">
+
 
-
body,td,th {
+
 
-
font-family: Arial, Helvetica, sans-serif;
+
    <link rel="stylesheet" href="https://2014.igem.org/Team:DTU-Denmark/joro?action=raw&ctype=text/css" type="text/css" />
-
font-size: 16px;
+
  <link rel="icon" type="image/png" size="16x16" href="https://static.igem.org/mediawiki/2013/1/16/DTU-n2o-favicon.png"/>  
-
color: #FFF;
+
 
-
font-weight: bold;
+
 
-
text-shadow: inherit;
+
<!-- JAVASCRIPTS -->
-
}
+
<!-- *********** -->
-
body {
+
 
-
background-color: #060;
+
    <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
-
background-image: url(images/shutterstock_112358282-Copy.jpg);
+
    <!--[if lt IE 9]>
-
background-attachment: fixed;
+
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
-
background-size: cover;
+
    <![endif]-->
-
}
+
   
-
#apDiv1 {
+
 
-
position: absolute;
+
 
-
left: 1102px;
+
    <!-- Navigation scroll follow -->
-
top: 41px;
+
    <script type="text/javascript">
-
width: 1090px;
+
        var prevScrollPos = -1000;
-
height: 1353px;
+
        $(window).scroll(function () {
-
z-index: 1;
+
           
-
baseline-shift: super;
+
            <!-- here is added table of content fixing to screen : was all 35 with Title OutsideWhitebox-->
-
border-radius: 30;
+
            var scrollPos = Math.floor($(window).scrollTop());
-
}
+
 
-
#apDiv2 {
+
            if(Math.abs(prevScrollPos - scrollPos) <= 1){
-
position: absolute;
+
                  return "nuthin";
-
left: 10%;
+
            }
-
top: 258px;
+
 
-
width: 80%;
+
 
-
height: 33px;
+
            var toc_margin_from_top = $(".navigation").height() + 35;
-
background-color: rgba(0,102,51,0.6);
+
            var scroll_pos_above_start_of_article = scrollPos < $(".whitebox.article").offset().top - 68;
-
padding: 10px;
+
            var toc_end_reached_bottom_of_article = scrollPos + toc_margin_from_top + $(".toc").height() > $(".whitebox.article").offset().top + $(".whitebox.article").height() - 35;
-
border-radius: 30px;
+
            var toc_margin_from_title = scrollPos < ($(".whitebox.article").offset().top );
-
text-justify: auto;
+
           
-
text-emphasis: accent;
+
 
-
text-shadow: 5px 5px 25px rgba(255,255,255,1);
+
 
-
right: 10%;
+
            if(scroll_pos_above_start_of_article){
-
font-size: 12px;
+
                  $(".toc").offset({top: $(".whitebox.article").offset().top + 68});
-
line-height: normal;
+
            } else if(toc_end_reached_bottom_of_article){
-
scrollbar-3d-light-color: rgba(0,204,0,1);
+
                  $(".toc").offset({top: $(".whitebox.article").offset().top + $(".whitebox.article").height() - $(".toc").height() - 35});
-
}
+
            } else if(toc_margin_from_title){
-
#apDiv3 {
+
                  $(".toc").offset({top: $(".whitebox.article").offset().top + 68});
-
position: absolute;
+
            } else {
-
left: 207px;
+
                  $(".toc").offset({top: scrollPos + toc_margin_from_top});
-
top: 120px;
+
            }
-
width: 611px;
+
<!-- new attempt to fix menubar (jakob) -->
-
height: 1914px;
+
 
-
z-index: 3;
+
            var scroll_pos_above_menubar = scrollPos < 250;
-
padding: 0px;
+
 
-
border-radius: 30;
+
            if(scroll_pos_above_menubar){
-
}
+
                  $(".navigation").offset({top: 250 });
-
#apDiv4 {
+
            } else {
-
position: absolute;
+
                  $(".navigation").offset({top: scrollPos});
-
left: 10%;
+
            }
-
top: 351px;
+
 
-
width: 80%;
+
            //if (scroll_pos_below_start_of_article){ //&& (scrollPos < $(document).height() - $(".navigation")[0].height() - 70)) {
-
height: 1100px;
+
            //    $(".toc").addClass("stickBelowNavigation");
-
z-index: 4;
+
            //} else {
-
background-color: rgba(0,102,51,0.6);
+
            //  $(".toc").removeClass("stickBelowNavigation");
-
padding: 10px;
+
            //}
-
border-radius: 30px;
+
        });
-
text-shadow: 5px 5px 25px rgba(255,255,255,1);
+
    </script>
-
}
+
 
-
#apDiv5 {
+
    <!-- MathJax (LaTeX for the web) -->
-
position: absolute;
+
    <script type="text/x-mathjax-config">
-
left: 291px;
+
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
-
top: -18px;
+
        MathJax.Hub.Config({
-
width: 233px;
+
            TeX: {
-
height: 197px;
+
                equationNumbers: {  autoNumber: "AMS"  }
-
z-index: 5;
+
            }
-
padding: 0px;
+
        });
-
border-radius: 30px;
+
    </script>
-
background-color: rgba(255,255,255,0.1);
+
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-
text-shadow: 10px 10px 10px;
+
 
-
}
+
    <!-- Drop Down navigation -->
-
</style>
+
    <script type="text/javascript">
-
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
+
        $(document).ready(
-
<style type="text/css">
+
            function(){
-
#apDiv6 {
+
                $("ul.subnav").parent().find("> a").append("<span> ▼</span>");
-
position: absolute;
+
                $("ul.topnav li").hover(
-
left: 108px;
+
                    function() {
-
top: 65px;
+
                        // Hover over
-
width: 235px;
+
                        $(this).parent().find("ul.subnav").hide();
-
height: 178px;
+
                        $(this).find("ul.subnav").show();
-
z-index: 6;
+
                        // Hover out
-
}
+
                        $(this).hover(
-
</style>
+
                            function() {
-
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
+
                            },
 +
                            function(){
 +
                                $(this).find("ul.subnav").hide();
 +
                            }
 +
                        );
 +
                    },
 +
                    function(){
 +
                        $(this).find("ul.subnav").hide();
 +
                    }
 +
 
 +
                );
 +
            }
 +
        );
 +
    </script>
 +
 
 +
    <!-- iGem wiki hacks -->
 +
        <!-- Remove all empty <p> tags -->
 +
        <script type="text/javascript">
 +
            $(document).ready(function() {
 +
                $("p").filter( function() {
 +
                    return $.trim($(this).html()) == '';
 +
                }).remove();
 +
            });
 +
        </script>
 +
 
 +
        <!-- Remove "team" from the menubar -->
 +
        <script type="text/javascript">
 +
            $(document).ready(function() {
 +
                $("menubar > ul > li:last-child").remove();
 +
            });
 +
        </script>
 +
 
 +
        <!-- If Empty heading -> Then remove it -->
 +
        <script type="text/javascript">
 +
            $(document).ready(function() {
 +
                if ("" == "</html>{{{1}}}<html>") {
 +
                    $("#heading").remove();
 +
                }
 +
            });
 +
        </script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("div.thumbinner > a img").slimbox({/* Put custom options here */}, function(el) {
 +
url = el.src;
 +
if (url.indexOf('thumb') != -1) {
 +
url = url.substring(0, url.lastIndexOf('/'));
 +
url = url.replace('/thumb/', '/');
 +
}
 +
description = $(el).parents("div.thumbinner").children("div.thumbcaption").text();
 +
return [url, description];
 +
}, function(el) {
 +
return (this == el);
 +
});
 +
});
 +
</script>
</head>
</head>
<body>
<body>
-
<div id="apDiv1"></div>
+
 
-
<div id="apDiv2">  
+
<!-- HTML CONTENT -->
-
  <ul id="MenuBar1" class="MenuBarHorizontal">
+
<!-- ************ -->
-
     <li><a class="MenuBarItemSubmenu" href="#">PROJECT</a>
+
 
-
      <ul>
+
     <!-- Header image -->
-
        <li><a href="#">Item 1.1</a></li>
+
 
-
         <li><a href="#">Item 1.2</a></li>
+
    <div id="header">
-
         <li><a href="#">Item 1.3</a></li>
+
         <div class="centering">
-
      </ul>
+
         </div>
-
     </li>
+
    </div>
-
     <li><a href="#">PARTS</a></li>
+
 
-
    <li><a class="MenuBarItemSubmenu" href="#">HUMAN PRACTICES</a>
+
     <!-- Navigation bar -->
-
      <ul>
+
     </html>{{:Team:DTU-Denmark/templates/navigationbar}}<html>
-
        <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
+
 
-
          <ul>
+
 
-
            <li><a href="#">Item 3.1.1</a></li>
+
    <!-- Prepare for content -->
-
            <li><a href="#">Item 3.1.2</a></li>
+
    <div id="innercontent">
-
          </ul>
+
         <div class="centering">
-
         </li>
+
            <div class="whitebox article">
-
        <li><a href="#">Item 3.2</a></li>
+
 
-
        <li><a href="#">Item 3.3</a></li>
+
<div class="overviewPage">          
-
      </ul>
+
<h1>
-
    </li>
+
</html>
-
    <li><a href="#">NOTEBOOK</a></li>
+
<html>
-
    <li><a href="#">TEAM</a></li>
+
</h1>
-
    <li><a href="#">SPONSORS</a></li>
+
-
  </ul>
+
</div>
</div>
-
<div id="apDiv4">
 
-
  <h1>[Project] </h1>
 
-
  <h1>Overview</h1>
 
-
  <h1>Background</h1>
 
-
  <h1>Results</h1>
 
-
  <h1>Modeling</h1>
 
-
  <h1>[Parts]</h1>
 
-
  <h1>Overview</h1>
 
-
  <h1>[Human practices]</h1>
 
-
  <h1>Human practices</h1>
 
-
  <h1>Safety</h1>
 
-
  <h1>[Notebook]</h1>
 
-
  <h1>Methods</h1>
 
-
  <h1>Lab notes</h1>
 
-
  <h1>[Team]</h1>
 
-
  <h1>Team members</h1>
 
-
  <h1>Attributions</h1>
 
-
  <h1>Gallery</h1>
 
-
  <h1>Acknowledgments</h1>
 
-
  <h1>[Sponsors]</h1>
 
-
  <h1>Corporate Sponsors</h1>
 
-
  <h1>Foundations</h1>
 
-
</div>
 
-
<div id="apDiv6"><img src="images/logo.png" alt="IGEM" name="logo" width="235" height="172" id="logo" /></div>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<h1>&nbsp;</h1>
 
-
<script type="text/javascript">
 
-
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
 
-
</script>
 
</body>
</body>
-
</html><link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
+
 
 +
</html>

Latest revision as of 14:38, 23 July 2014