Team:Minnesota/Notebook

From 2012.igem.org

(Difference between revisions)
m
 
(34 intermediate revisions not shown)
Line 1: Line 1:
-
#REDIRECT [[Team:Minnesota/Notebook2]]
+
{{Minnesota_Main_Styles2}}
 +
<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
 +
 
 +
//main page image switcher - VERSION 2! Really cool haha...
 +
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("img","txt");
 +
      $(this).attr("src",keeper2);
 +
    },         
 +
    function() {$(this).attr("src",keeper);}
 +
);
 +
 
 +
$("#mainRightButton3").hover(
 +
    function() {
 +
      keeper = $(this).attr("src");
 +
      var keeper2 = keeper.replace("img","txt");
 +
      $(this).attr("src",keeper2);
 +
    },         
 +
    function() {$(this).attr("src",keeper);}
 +
);
 +
 
 +
//click tracker for which notebook it's on
 +
$("#mainRightButton1").click(
 +
    function(){
 +
        var original = $(this).attr("src");
 +
        var new1 = original.replace("gold","maroon");
 +
        $(this).attr("src",new1);
 +
        keeper = new1.replace("txt","img");
 +
        original = $("#mainRightButton2").attr("src");
 +
        $("#mainRightButton2").attr("src",original.replace("maroon","gold"));
 +
        original = $("#mainRightButton3").attr("src");
 +
        $("#mainRightButton3").attr("src",original.replace("maroon","gold"));
 +
    }
 +
);
 +
 
 +
$("#mainRightButton2").click(
 +
    function(){
 +
        var original = $(this).attr("src");
 +
        var new1 = original.replace("gold","maroon");
 +
        $(this).attr("src",new1);
 +
        keeper = new1.replace("txt","img");
 +
        original = $("#mainRightButton1").attr("src");
 +
        $("#mainRightButton1").attr("src",original.replace("maroon","gold"));
 +
        original = $("#mainRightButton3").attr("src");
 +
        $("#mainRightButton3").attr("src",original.replace("maroon","gold"));
 +
    }
 +
);
 +
 
 +
$("#mainRightButton3").click(
 +
    function(){
 +
        var original = $(this).attr("src");
 +
        var new1 = original.replace("gold","maroon");
 +
        $(this).attr("src",new1);
 +
        keeper = new1.replace("txt","img");
 +
        original = $("#mainRightButton1").attr("src");
 +
        $("#mainRightButton1").attr("src",original.replace("maroon","gold"));
 +
        original = $("#mainRightButton2").attr("src");
 +
        $("#mainRightButton2").attr("src",original.replace("maroon","gold"));
 +
    }
 +
);
 +
 
 +
 
 +
//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 id="MainBanner">
 +
</div>
 +
 
 +
<div id="SideBarAll">
 +
<div class="sideNavBar2">
 +
<ul>
 +
<li><a href='https://2012.igem.org/Team:Minnesota'>HOME</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Team'>TEAM</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Project'>PROJECT</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Software'>SOFTWARE</a></li>
 +
<li><a class="current" href='https://2012.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Outreach'>OUTREACH</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Safety'>SAFETY</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Sponsors'>SPONSORS</a></li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="sideSocialMediaButtons">
 +
<div style="position:absolute; left:6px; top:6px;">
 +
<a href="http://www.facebook.com/iGEM.Minnesota">
 +
<img id="fbButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png">
 +
</a>
 +
</div>
 +
 
 +
<div style="position:absolute; left:66px; top:6px;">
 +
<a href="https://twitter.com/igem_mn">
 +
<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">
 +
<iframe style="width:650px;height:450px" name="NotebookFrame" seamless="seamless" src="https://2012.igem.org/Team:Minnesota/Notebook/Home"></iframe>
 +
 
 +
</div> <!--end mainboxcontent-->
 +
 
 +
<div class="rightNavButtons">
 +
 
 +
 
 +
<div style="position:absolute;left:5px;top:0px;">
 +
<a target="NotebookFrame" href="https://2012.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/pub?id=1QdKFMB0iGz-9B3PExNQt_TFOVkHKqWWQifH-YuI59rU&amp;embedded=true"><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 target="NotebookFrame" href="https://docs.google.com/document/pub?id=1_Smb_U36dxKRkoXggbrjXqtclxAVZ5X53WntIgKvexo&amp;embedded=true"><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://2012.igem.org/Main_Page">iGEM Home</a> | <a href="https://2012.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://2012.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 02:32, 4 October 2012

Team:Minnesota - Main Style Template Team:Minnesota - Notebook

Retrieved from "http://2012.igem.org/Team:Minnesota/Notebook"