Difference between revisions of "Template:Aalto-Helsinki"

Line 1: Line 1:
 
<html>
 
<html>
 +
 +
<script>
 +
( function( $ ) {
 +
$( document ).ready(function() {
 +
$('#dropdown').prepend('');
 +
    var activeElement = $('#dropdown>ul>li:first');
 +
 +
    $('#dropdown>ul>li').each(function() {
 +
        if ($(this).hasClass('active')) {
 +
            activeElement = $(this);
 +
        }
 +
    });
 +
 +
var posLeft = activeElement.position().left;
 +
var elementWidth = activeElement.width();
 +
posLeft = posLeft + elementWidth/2 -6;
 +
if (activeElement.hasClass('has-sub')) {
 +
posLeft -= 6;
 +
}
 +
 +
$("#dropdown>ul>li").hover(function() {
 +
        element = $(this);
 +
        var w = element.width();
 +
        if ($(this).hasClass('has-sub'))
 +
        {
 +
        leftPos = element.position().left + w/2 - 12;
 +
        }
 +
        else {
 +
        leftPos = element.position().left + w/2 - 6;
 +
        };
 +
 +
// rotating porifi while hovering on headings
 +
    //$("img[alt^='Porifi']").width(150).height(150);
 +
        //hover(function() {
 +
        //$(this).replaceWith('<img src='../Aalto-Helsinki-wiki/Porifi-lab.png'>');
 +
        //$("img[alt^='Porifi']").replaceWith('<img src='../Aalto-Helsinki-wiki/Porifi-lab.png'>');
 +
    //});
 +
 +
$('#dropdown>ul').prepend('<li id="menu-button"><a>Menu</a></li>');
 +
$( "#menu-button" ).click(function(){
 +
    if ($(this).parent().hasClass('open')) {
 +
    $(this).parent().removeClass('open');
 +
    }
 +
    else {
 +
    $(this).parent().addClass('open');
 +
    }
 +
    });
 +
});
 +
 +
    //$(".porify").width(150).height(150);
 +
    //$("img[alt^='Porifi']").width(150).height(150);
 +
 +
} )( jQuery );
 +
 +
</script>
 +
 
<style>
 
<style>
 +
 
html {
 
html {
 
     position: relative;
 
     position: relative;
Line 892: Line 949:
 
   }
 
   }
 
}
 
}
 +
 
</style>
 
</style>
 +
 +
<head>
 +
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
</head>
 +
 +
<body>
 +
<br>
 +
<br>
 +
<img src="../Aalto-Helsinki-wiki-17/Aalto-Helsinki-wiki.png"><br>
 +
<br>
 +
<!-- DROPDOWN MENU -->
 +
<div id='dropdown'>
 +
<ul>
 +
  <li class='active has-sub'><a class='lab' href='../Aalto-Helsinki-wiki-17/Laboratory.html'>Laboratory</a>
 +
      <ul>
 +
        <li class='has-sub'>
 +
            <li><a href="../Aalto-Helsinki-wiki-17/Laboratory.html">Overview</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Theory">Theoretical Background</a></li>
 +
            <li class='has-sub'><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Methods">Materials and Methods</a>
 +
                <ul>
 +
                    <li class='last'><a href="https://2017.igem.org/Team:Aalto-Helsinki/Protocols">Protocols</a></li>
 +
                </ul>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Results">Results and Discussion</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Future">Future Prospectives</a></li>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
  <li class='active has-sub'><a class='mod' href='../Aalto-Helsinki-wiki-17/Model.html'>Modeling</a>
 +
      <ul>
 +
        <li class='has-sub'>
 +
        <li><a href="../Aalto-Helsinki-wiki-17/Model.html">Overview</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Theory">Theoretical Background</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Setup">Simulation Setup</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Results">Results and Discussion</a></li>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
 +
  <li class='active has-sub'><a class='hp' href='../Aalto-Helsinki-wiki-17/HP.html'>Human Practices</a>
 +
      <ul>
 +
        <li class='has-sub'>
 +
            <li><a href="../Aalto-Helsinki-wiki-17/HP.html">Overview</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Story">Story</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Education">Education</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Gold_Integrated">Integrated Human Practices</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Engagement">Sweat Challenge</a></li>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
 +
  <li class='active has-sub'><a class='com' href='../Aalto-Helsinki-wiki-17/Community.html'>Community</a>
 +
      <ul>
 +
        <li class='has-sub'>
 +
            <li><a href="../Aalto-Helsinki-wiki-17/Community.html">Overview</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Parts">Parts</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Interlab">Interlab</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Collaborations">Collaborations</a></li>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
 +
  <li class='active has-sub'><a class='peo' href='../Aalto-Helsinki-wiki-17/Team.html'>People</a>
 +
      <ul>
 +
        <li class='has-sub'>
 +
            <li><a href="../Aalto-Helsinki-wiki-17/Team.html">Team Members</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Advisors">Advisors</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Attributions">Attributions</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Sponsors">Sponsors</a></li>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
</ul>
 +
</div>

Revision as of 14:09, 18 September 2017