Team:Minnesota/Notebook
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
|||
(32 intermediate revisions not shown) | |||
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 - Notebook</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 | ||
+ | |||
+ | |||
+ | var keeper; | ||
+ | |||
+ | $("#mainRightButton1").hover( | ||
+ | function() { | ||
+ | keeper = $(this).attr("src"); | ||
+ | var keeper2 = keeper.replace("img","txt"); | ||
+ | $(this).attr("src",keeper2); | ||
+ | }, | ||
+ | function() {$(this).attr("src",keeper);} | ||
+ | ); | ||
+ | |||
+ | $("#mainRightButton2").hover( | ||
+ | function() { | ||
+ | keeper = $(this).attr("src"); | ||
+ | var keeper2 = keeper.replace("http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_maroon_img_zps10b17630.png","http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_gold_txt_zps96347d4e.png"); | ||
+ | $(this).attr("src",keeper2); | ||
+ | }, | ||
+ | function() {$(this).attr("src",keeper);} | ||
+ | ); | ||
+ | |||
+ | $("#mainRightButton3").hover( | ||
+ | function() { | ||
+ | keeper = $(this).attr("src"); | ||
+ | var keeper2 = keeper.replace("http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_maroon_img_zpsfc8c87cc.png","http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_gold_txt_zps6a94b6c8.png"); | ||
+ | $(this).attr("src",keeper2); | ||
+ | }, | ||
+ | function() {$(this).attr("src",keeper);} | ||
+ | ); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | //social media button switchers | ||
+ | |||
+ | $("#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://img20.imageshack.us/img20/35/19hf.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 href='https://2013.igem.org/Team:Minnesota/Project'>PROJECT</a></li> | ||
+ | <li><a class="current" 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:36px; 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> | ||
- | </ | + | </div> <!--End sideSocialMediaButtons--> |
- | <!-- | + | <!--temp area for guide to social media--> |
+ | <div style="position:absolute; top:440px; left:20px;font-family:Verdana;font-size:15;"> | ||
+ | Follow us on Twitter! | ||
+ | </div> | ||
- | + | </div> <!--End sideBarAll--> | |
- | + | ||
- | + | ||
- | ! | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <div id="MainBoxAll"> | ||
+ | <div id="MainBoxContent" style="background-color:white"> | ||
+ | <iframe style="width:650px;height:450px" name="NotebookFrame" seamless="seamless" src="https://2013.igem.org/Team:Minnesota/Notebook/Home"></iframe> | ||
- | + | <p>Welcome to our Notebook page! Please use the buttons on the right to see in detail the exciting work our team has been doing this summer!</p> | |
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!--end mainboxcontent--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="rightNavButtons"> | ||
+ | |||
+ | |||
+ | <div style="position:absolute;left:5px;top:0px;"> | ||
+ | <a target="NotebookFrame" href="https://2013.igem.org/Team:Minnesota/Notebook/Home"><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 target="NotebookFrame" href="https://docs.google.com/document/d/1crv_VHuWD9x8jLS__Qi_L50NJ_lfgfZPBV17osQOTRY/pub"><img id="mainRightButton2" src="http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_maroon_img_zps10b17630.png"></a> | ||
+ | </div> | ||
+ | |||
+ | <div style="position:absolute;left:5px;top:150px;"> | ||
+ | <a target="NotebookFrame" href="https://docs.google.com/document/d/1y9K0FYLCStAEHInpGu969gvufKh8pZZiciPlk44NNeY/pub"><img id="mainRightButton3" src="http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_maroon_img_zpsfc8c87cc.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=1187">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/image4_resized.png", | ||
+ | |||
+ | ) | ||
+ | //--><!]]> | ||
+ | </script> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | </html> |
Latest revision as of 23:49, 27 September 2013
Welcome to our Notebook page! Please use the buttons on the right to see in detail the exciting work our team has been doing this summer!