Team:Minnesota/Team
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</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 | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(window).resize(); | ||
+ | //end vertial autocenter | ||
+ | |||
+ | |||
+ | //Right nav button functions | ||
+ | |||
+ | $("#mainRightButton1").hover( | ||
+ | function() { | ||
+ | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_txt.png"); | ||
+ | //$("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png"); | ||
+ | //$(".mainContentTextBanner").text("Welcome to the University of Minnesota iGEM team website! Please take some time to explore around by hovering over the icons on the right for quick blurbs or navigate using the buttons to the left. We hope you enjoy learning about us and what we do!"); | ||
+ | }, | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_img.png");} | ||
+ | ); | ||
+ | |||
+ | $("#mainRightButton2").hover( | ||
+ | function() { | ||
+ | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_txt.png"); | ||
+ | }, | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_img.png");} | ||
+ | ); | ||
+ | |||
+ | $("#mainRightButton3").hover( | ||
+ | function() { | ||
+ | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_txt.png"); | ||
+ | }, | ||
+ | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png");} | ||
+ | ); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | //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 class="current" 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 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"> |
+ | <img id="MainBoxContentImg" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/team_image_resized.png"> | ||
- | + | <div class="mainContentTextBanner"> | |
- | ! | + | Welcome to our team page! Our team is composed of great, enthusiastic, science-loving people! Use the icons on the right to find out more! |
- | ! | + | </div><!--end mainContentTextBanner--> |
- | + | ||
- | + | ||
- | + | ||
- | ! | + | |
- | + | ||
- | ! | + | |
- | + | ||
- | + | ||
+ | </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/theteam_maroon_img.png"></a> | |
- | + | </div> | |
- | + | <div style="position:absolute;left:5px;top:75px;"> | |
+ | <a href="https://2013.igem.org/Team:Minnesota/Team_Students"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_img.png"></a> | ||
+ | </div> | ||
+ | <div style="position:absolute;left:5px;top:150px;"> | ||
+ | <a href="https://2013.igem.org/Team:Minnesota/Team_Mentors_Advisors"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_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/image4_resized.png", | ||
- | + | ) | |
+ | //--><!]]> | ||
+ | </script> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | </html> |
Revision as of 08:07, 13 July 2013
Like us on FB and follow us on Twitter!
Welcome to our team page! Our team is composed of great, enthusiastic, science-loving people! Use the icons on the right to find out more!