Team:Calgary/Sandbox3
From 2011.igem.org
(Difference between revisions)
(30 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | |||
<head> | <head> | ||
+ | <!--jQuery and jQuery-UI additions--> | ||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.js"></script> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.js"></script> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
+ | |||
+ | <!--JQuery Cycle Plugin--> | ||
+ | <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> | ||
<!--JQuery Easing Plugin--> | <!--JQuery Easing Plugin--> | ||
Line 213: | Line 216: | ||
*/ | */ | ||
</script> | </script> | ||
- | <!--Script to activate dropdown menu function.--> | + | <!--Script to activate dropdown menu function. Uses jQuery syntax.--> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | $(function () { | + | $(document).ready(function () { |
- | $(‘.dropdown’).each(function () { | + | $(‘.dropdown’).each(function () { |
- | $(this).parent().eq(0).hover(function () { | + | $(this).parent().eq(0).hover(function () { |
- | $(‘.dropdown:eq(0)’, this).show(); | + | $(‘.dropdown:eq(0)’, this).show(); |
- | }, function () { | + | }, function () { |
- | $(‘.dropdown:eq(0)’, this).hide(); | + | $(‘.dropdown:eq(0)’, this).hide(); |
- | }); | + | }); |
+ | }); | ||
}); | }); | ||
+ | |||
+ | </script> | ||
+ | <!--Circle effects. jQuery custom functions make all of us happy. ^_^ --> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | jQuery.fn.setcircle = function(){ | ||
+ | this.css({ | ||
+ | "display":"block", | ||
+ | "position":"absolute", | ||
+ | "margin-left":790, | ||
+ | "margin-top":-250, | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | jQuery.fn.resetcircle = function(){ | ||
+ | this.hide(); | ||
+ | $('#home #circle0').show(); | ||
+ | $('#team #circle1').show(); | ||
+ | $('#project #circle2').show(); | ||
+ | $('#parts #circle3').show(); | ||
+ | $('#notebook #circle4').show(); | ||
+ | $('#outreach #circle5').show(); | ||
+ | $('#sponsors #circle6').show(); | ||
+ | } | ||
+ | //homebutton set | ||
+ | $('#homebutton').mouseover(function(){ | ||
+ | $('.headercircle').hide(); | ||
+ | $('#circle0').show(); | ||
+ | $('#circle0').setcircle(); | ||
+ | }); | ||
+ | $('#homebutton').mouseout(function(){ | ||
+ | $('#circle0').resetcircle(); | ||
+ | }); | ||
+ | |||
+ | //teambutton set | ||
+ | $('#teambutton').mouseover(function(){ | ||
+ | $('.headercircle').hide(); | ||
+ | $('#circle1').show(); | ||
+ | $('#circle1').setcircle(); | ||
+ | }); | ||
+ | $('#teambutton').mouseout(function(){ | ||
+ | $('#circle1').resetcircle(); | ||
+ | }); | ||
+ | |||
+ | //projectbutton set | ||
+ | $('#projectbutton').mouseover(function(){ | ||
+ | $('.headercircle').hide(); | ||
+ | $('#circle2').show(); | ||
+ | $('#circle2').setcircle(); | ||
+ | }); | ||
+ | $('#projectbutton').mouseout(function(){ | ||
+ | $('#circle2').resetcircle(); | ||
+ | }); | ||
+ | |||
+ | //partsbutton set | ||
+ | $('#partsbutton').mouseover(function(){ | ||
+ | $('.headercircle').hide(); | ||
+ | $('#circle3').show(); | ||
+ | $('#circle3').setcircle(); | ||
+ | }); | ||
+ | $('#partsbutton').mouseout(function(){ | ||
+ | $('#circle3').resetcircle(); | ||
+ | }); | ||
+ | |||
+ | //notebookbutton set | ||
+ | $('#notebookbutton').mouseover(function(){ | ||
+ | $('.headercircle').hide(); | ||
+ | $('#circle4').show(); | ||
+ | $('#circle4').setcircle(); | ||
+ | }); | ||
+ | $('#notebookbutton').mouseout(function(){ | ||
+ | $('#circle4').resetcircle(); | ||
+ | }); | ||
+ | |||
+ | //outreachbutton set | ||
+ | $('#outreachbutton').mouseover(function(){ | ||
+ | $('.headercircle').hide(); | ||
+ | $('#circle5').show(); | ||
+ | $('#circle5').setcircle(); | ||
+ | }); | ||
+ | $('#outreachbutton').mouseout(function(){ | ||
+ | $('#circle5').resetcircle(); | ||
+ | }); | ||
+ | |||
+ | //sponsorsbutton set | ||
+ | $('#sponsorsbutton').mouseover(function(){ | ||
+ | $('.headercircle').hide(); | ||
+ | $('#circle6').show(); | ||
+ | $('#circle6').setcircle(); | ||
+ | }); | ||
+ | $('#sponsorsbutton').mouseout(function(){ | ||
+ | $('#circle6').resetcircle(); | ||
+ | }); | ||
+ | |||
+ | //igembutton set | ||
+ | $('#igembutton').mouseover(function(){ | ||
+ | $('.headercircle').hide(); | ||
+ | $('#circle7').show(); | ||
+ | $('#circle7').setcircle(); | ||
+ | }); | ||
+ | $('#igembutton').mouseout(function(){ | ||
+ | $('#circle7').resetcircle(); | ||
+ | }); | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
Line 234: | Line 343: | ||
border: 0; | border: 0; | ||
font-family: Arial; | font-family: Arial; | ||
+ | } | ||
+ | |||
+ | a{ | ||
+ | color: #0063bd; | ||
} | } | ||
Line 239: | Line 352: | ||
color: white; | color: white; | ||
font-family: Arial; | font-family: Arial; | ||
+ | } | ||
+ | |||
+ | a, a:visited{ | ||
+ | color: #0063bd; | ||
} | } | ||
Line 249: | Line 366: | ||
margin-left: 5px; | margin-left: 5px; | ||
margin-right: 5px; | margin-right: 5px; | ||
+ | } | ||
+ | |||
+ | #sponsors table tr td img{ | ||
+ | width: 200px; | ||
+ | padding-right: 30px; | ||
+ | padding-left: 10px; | ||
} | } | ||
Line 344: | Line 467: | ||
position: absolute; | position: absolute; | ||
margin-top: -25px; | margin-top: -25px; | ||
+ | z-index: 99; | ||
} | } | ||
Line 355: | Line 479: | ||
list-style: none; | list-style: none; | ||
position: relative; | position: relative; | ||
- | + | z-index: 100; | |
} | } | ||
Line 395: | Line 519: | ||
position: absolute; | position: absolute; | ||
z-index: 999; | z-index: 999; | ||
- | width: | + | width: 200px; |
display: none; | display: none; | ||
left: 0; | left: 0; | ||
Line 406: | Line 530: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | width: | + | width: 150px; |
float: none; | float: none; | ||
position: relative; | position: relative; | ||
Line 521: | Line 645: | ||
} | } | ||
- | /*Active | + | /*Hide all circles*/ |
- | #team | + | img.headercircle{ |
- | #project | + | display: none; |
- | #parts | + | z-index: 250; |
- | #notebook | + | } |
- | #outreach | + | |
- | #sponsors | + | /*Active circle showing*/ |
+ | #home #circle0, | ||
+ | #team #circle1, | ||
+ | #project #circle2, | ||
+ | #parts #circle3, | ||
+ | #notebook #circle4, | ||
+ | #outreach #circle5, | ||
+ | #sponsors #circle6{ | ||
display: block; | display: block; | ||
+ | position: absolute; | ||
+ | margin-left: 790px; | ||
+ | margin-top: -250px; | ||
} | } | ||
Line 537: | Line 671: | ||
} | } | ||
- | #headbanner{ | + | #headbanner, #headbanner img{ |
- | + | width: 906px; | |
+ | height: 216px; | ||
+ | z-index: 0; | ||
} | } | ||
Line 553: | Line 689: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
/*...Not much, was there.*/ | /*...Not much, was there.*/ | ||
Line 577: | Line 708: | ||
<li><a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a></li> | <li><a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a></li> | ||
<li><a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a></li> | <li><a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a></li> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Team/About_The_University">The University</a></li> |
<li><a href="http://ung.igem.org/Team.cgi?id=640">Official Profile</a></li> | <li><a href="http://ung.igem.org/Team.cgi?id=640">Official Profile</a></li> | ||
</ul> | </ul> | ||
Line 584: | Line 715: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Project">Project</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Project">Project</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project">Overview</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/Promoter">Promoter</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/Reporter">Reporter</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/Chassis">Chassis</a></li> |
- | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/DataPage">Data Page</a></li> | |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/Acomplishments">Accomplishments</a></li> |
+ | <li><a href="https://2011.igem.org/Team:Calgary/Project/Future_Directions">Future Directions</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Calgary/Project/References">References</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 595: | Line 728: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Parts">Parts</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Parts">Parts</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Parts">Parts Submitted</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Parts/Characterization">Characterization</a></li> |
+ | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/Attributions">Attributions</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 602: | Line 736: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Notebook">Notebook</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Notebook">Notebook</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/Calendar">Journal</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/Protocols">Protocols</a></li> |
<li><a href="https://2011.igem.org/Team:Calgary/Safety">Safety</a></li> | <li><a href="https://2011.igem.org/Team:Calgary/Safety">Safety</a></li> | ||
</ul> | </ul> | ||
Line 610: | Line 744: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Outreach">Outreach</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Outreach">Outreach</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Outreach/Human">Human Practices</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/Conferences">Conferences</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Outreach/Follow">Follow Us!</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 619: | Line 752: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Sponsors/Acknowledgements">Acknowledgements</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li id="igembutton"> | <li id="igembutton"> | ||
- | <a class="navtext" href="https://2011.igem.org">iGEM</a> | + | <a class="navtext" href="https://2011.igem.org" target="_blank">iGEM</a> |
</li> | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | |||
+ | <div id="headbanner"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/1/1c/UCalgary_HeaderImage2.png"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/04/UCalgary2011_MainPageHeaderImage1.png"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/9/93/UCalgary2011_HeaderImage3.png"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/d5/UCalgary2011_HeaderImage4.png"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/f/f6/UCalgary2011_HeaderImage5.png"></img> | ||
+ | </div> | ||
+ | |||
+ | <!--Header Image Shuffling--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $('#headbanner').cycle({ | ||
+ | timeout: 10000 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<!--Circles--> | <!--Circles--> | ||
- | <img class="headercircle" id="circle0" src="https://static.igem.org/mediawiki/2011/7/7d/UCalgary_CircleProject.png"></img> | + | <img class="headercircle" id="circle0" src="https://static.igem.org/mediawiki/2011/c/c1/UCalgary_CircleHome.png"></img> |
+ | <img class="headercircle" id="circle1" src="https://static.igem.org/mediawiki/2011/d/d4/UCalgary_CircleTeam.png"></img> | ||
+ | <img class="headercircle" id="circle2" src="https://static.igem.org/mediawiki/2011/7/7d/UCalgary_CircleProject.png"></img> | ||
+ | <img class="headercircle" id="circle3" src="https://static.igem.org/mediawiki/2011/8/8d/UCalgary_CircleParts.png"></img> | ||
+ | <img class="headercircle" id="circle4" src="https://static.igem.org/mediawiki/2011/0/03/UCalgary_CircleNotebook.png"></img> | ||
+ | <img class="headercircle" id="circle5" src="https://static.igem.org/mediawiki/2011/8/84/UCalgary_CircleOutreach.png"></img> | ||
+ | <img class="headercircle" id="circle6" src="https://static.igem.org/mediawiki/2011/3/3c/UCalgary_CircleSponsors.png"></img> | ||
+ | <img class="headercircle" id="circle7" src="https://static.igem.org/mediawiki/2011/8/85/UCalgary_CircleiGEM.png"></img> | ||
</div> | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:05, 29 September 2011