Team:Minnesota/Project
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | + | {{:Team:Minnesota/Templates/Minnesota_Main_Style}} | |
- | + | ||
<html> | <html> | ||
- | < | + | <head> |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
- | + | <title>Team:Minnesota - Project</title> | |
+ | |||
+ | <script type="text/javascript" src="jquery.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | |||
+ | $(document).ready(function(){ | ||
+ | |||
+ | // jQuery functions go here... | ||
+ | |||
+ | //vertical autocenter | ||
+ | $(window).resize(function(){ | ||
+ | $('#ContentAll').css({ | ||
+ | position:'absolute', | ||
+ | top: ($(window).height() - $('#ContentAll').outerHeight())/2 | ||
+ | }); | ||
+ | $('#bgImageDiv').css({ | ||
+ | position:'absolute', | ||
+ | top: -1*($(window).height() - $('#bgImageDiv').height())/2 | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | $(window).resize(); | ||
+ | //end vertial autocenter | ||
+ | |||
+ | //background image centering | ||
+ | |||
+ | //main page image switcher | ||
+ | |||
+ | $("#mainRightButton1").hover( | ||
+ | function() { | ||
+ | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_txt.png");}, | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_img.png");} | ||
+ | ); | ||
+ | |||
+ | $("#mainRightButton2").hover( | ||
+ | function() { | ||
+ | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeinatedbread_gold_txt.png");}, | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeinatedbread_gold_img.png");} | ||
+ | ); | ||
+ | |||
+ | $("#mainRightButton3").hover( | ||
+ | function() { | ||
+ | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/bacterialsunscreen_gold_txt.png");}, | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/bacterialsunscreen_gold_img.png");} | ||
+ | ); | ||
+ | |||
+ | /*fade in/out animations. need both rather than hover since one element will overlap the other.*/ | ||
+ | $("#MainCaffeineButton").mouseover( | ||
+ | function() {$("#MainCaffeineButton2").fadeIn("slow");} | ||
+ | ); | ||
+ | $("#MainCaffeineButton2").mouseleave( | ||
+ | function() {$("#MainCaffeineButton2").fadeOut("slow");} | ||
+ | ); | ||
+ | |||
+ | $("#MainSunscreenButton").mouseover( | ||
+ | function() {$("#MainSunscreenButton2").fadeIn("slow");} | ||
+ | ); | ||
+ | $("#MainSunscreenButton2").mouseleave( | ||
+ | function() {$("#MainSunscreenButton2").fadeOut("slow");} | ||
+ | ); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | //social media button switchers | ||
+ | $("#fbButton").hover( | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook.png");}, | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png");} | ||
+ | ); | ||
+ | |||
+ | $("#twitterButton").hover( | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter.png");}, | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png");} | ||
+ | ); | ||
+ | |||
+ | |||
+ | |||
+ | }); //ends .ready function | ||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | <div id="ContentAll"> | ||
+ | |||
+ | <div id="MainBannerImage"> | ||
+ | <img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/MainBanner_trans.png"> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="MainBanner"> |
- | + | ||
</div> | </div> | ||
- | <div id=" | + | |
- | + | <div id="SideBarAll"> | |
+ | <div class="sideNavBar2"> | ||
+ | <ul> | ||
+ | <li><a href='https://2013.igem.org/Team:Minnesota'>HOME</a></li> | ||
+ | <li><a href='https://2013.igem.org/Team:Minnesota/Team'>TEAM</a></li> | ||
+ | <li><a class="current" href='https://2013.igem.org/Team:Minnesota/Project'>PROJECT</a></li> | ||
+ | <li><a href='https://2013.igem.org/Team:Minnesota/Software'>SOFTWARE</a></li> | ||
+ | <li><a href='https://2013.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li> | ||
+ | <li><a href='https://2013.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li> | ||
+ | <li><a href='https://2013.igem.org/Team:Minnesota/Outreach'>OUTREACH</a></li> | ||
+ | <li><a href='https://2013.igem.org/Team:Minnesota/Safety'>SAFETY</a></li> | ||
+ | <li><a href='https://2013.igem.org/Team:Minnesota/Sponsors'>SPONSORS</a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
+ | |||
+ | <div class="sideSocialMediaButtons"> | ||
+ | <div style="position:absolute; left:6px; top:6px;"> | ||
+ | <a href="http://www.facebook.com/GopheriGEM2013"> | ||
+ | <img id="fbButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png"> | ||
+ | </a> | ||
</div> | </div> | ||
- | |||
- | <!-- | + | <div style="position:absolute; left:66px; top:6px;"> |
+ | <a href="https://twitter.com/GopheriGEM"> | ||
+ | <img id="twitterButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> <!--End sideSocialMediaButtons--> | ||
+ | <!--temp area for guide to social media--> | ||
+ | <div style="position:absolute; top:420px; left:20px;font-family:Verdana;font-size:15;"> | ||
+ | Like us on FB and follow us on Twitter! | ||
+ | </div> | ||
- | + | </div> <!--End sideBarAll--> | |
- | + | ||
- | + | ||
- | ! | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <div id="MainBoxAll"> | ||
+ | <div id="MainBoxContent" style="background-color:white;"> | ||
+ | <a href="https://2013.igem.org/Team:Minnesota/Project/Caffeine_Yeast"> | ||
+ | <img style="position:absolute; top:25px;left:0px" id="MainCaffeineButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeine_BW.png"> | ||
+ | </a> | ||
- | == | + | <a href="https://2013.igem.org/Team:Minnesota/Project/Caffeine_Yeast"> |
+ | <img style="position:absolute; top:25px;left:0px; display:none; z-index:2;" id="MainCaffeineButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeine_colored_titled.png"> | ||
+ | </a> | ||
- | + | <a href="https://2013.igem.org/Team:Minnesota/Project/UV_Absorption"> | |
+ | <img style="position:absolute; top:25px;left:325px" id="MainSunscreenButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/sunscreen_BW.png"> | ||
+ | </a> | ||
+ | <a href="https://2013.igem.org/Team:Minnesota/Project/UV_Absorption"> | ||
+ | <img style="position:absolute; top:25px;left:325px; display:none;z-index:2;" id="MainSunscreenButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/sunscreen_colored_titled.png"> | ||
+ | </a> | ||
+ | </div> <!--end mainboxcontent--> | ||
+ | <div class="rightNavButtons"> | ||
+ | <div style="position:absolute;left:5px;top:0px;"> | ||
+ | <a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_img.png"></a> | ||
+ | </div> | ||
+ | <div style="position:absolute;left:5px;top:75px;"> | ||
+ | <a href="https://2013.igem.org/Team:Minnesota/Project/Caffeine_Yeast"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeinatedbread_gold_img.png"></a> | ||
+ | </div> | ||
+ | <div style="position:absolute;left:5px;top:150px;"> | ||
+ | <a href="https://2013.igem.org/Team:Minnesota/Project/UV_Absorption"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/bacterialsunscreen_gold_img.png"></a> | ||
+ | </div> | ||
- | |||
+ | </div><!--end rightNavButtons--> | ||
- | |||
+ | <div id="MainBoxOtherLinks"> | ||
+ | <p class="otherLinks"> | ||
+ | <a href="https://2013.igem.org/Main_Page">iGEM Home</a> | <a href="https://2013.igem.org/Team:Minnesota/Judges" style="color:red;">iGEM Judge-Click Here!</a> | <a href="https://igem.org/Team.cgi?id=814">Team Minnesota Info</a> | | ||
+ | <a href="http://www1.umn.edu/twincities/index.html">University of Minnesota Home</a> | <a href="https://2013.igem.org/Team:Minnesota/Contact">Contact Us!</a> | ||
+ | </p> | ||
+ | </div> <!--end mainboxotherlinks--> | ||
- | |||
+ | </div> <!--end mainboxall--> | ||
- | + | </div> <!--end content all--> | |
- | == | + | |
+ | <div class="hidden"> | ||
+ | <script type="text/javascript"> | ||
+ | <!--//--><![CDATA[//><!-- | ||
+ | var images = new Array() | ||
+ | function preload() { | ||
+ | for (i = 0; i < preload.arguments.length; i++) { | ||
+ | images[i] = new Image() | ||
+ | images[i].src = preload.arguments[i] | ||
+ | } | ||
+ | } | ||
+ | preload( | ||
+ | "http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeinatedbread_maroon_img.png", | ||
+ | "http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeinatedbread_maroon_txt.png", | ||
+ | "http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeinatedbread_gold_img.png", | ||
+ | "http://i1158.photobucket.com/albums/p607/iGEM_MN/caffeinatedbread_gold_txt.png", | ||
+ | "http://i1158.photobucket.com/albums/p607/iGEM_MN/bacterialsunscreen_maroon_img.png", | ||
+ | "http://i1158.photobucket.com/albums/p607/iGEM_MN/bacterialsunscreen_maroon_txt.png", | ||
+ | "http://i1158.photobucket.com/albums/p607/iGEM_MN/bacterialsunscreen_gold_img.png", | ||
+ | "http://i1158.photobucket.com/albums/p607/iGEM_MN/bacterialsunscreen_gold_txt.png", | ||
+ | |||
+ | |||
+ | ) | ||
+ | //--><!]]> | ||
+ | </script> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | </html> |
Revision as of 08:05, 13 July 2013
Like us on FB and follow us on Twitter!