Team:Minnesota/Notebook

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Minnesota/Templates/Minnesota_Main_Style}}
{{:Team:Minnesota/Templates/Minnesota_Main_Style}}
 +
<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">
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
<html>
+
$(document).ready(function(){
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  // jQuery functions go here...
-
This is a template page. READ THESE INSTRUCTIONS.
+
 
 +
//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>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div id="MainBanner">
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
<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 href='https://2013.igem.org/Team:Minnesota/Software'>SOFTWARE</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: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>
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<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-->
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!--temp area for guide to social media-->
-
!align="center"|[[Team:Minnesota|Home]]
+
<div style="position:absolute; top:420px; left:20px;font-family:Verdana;font-size:15;">
-
!align="center"|[[Team:Minnesota/Team|Team]]
+
Like us on FB and follow us on Twitter!
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Minnesota Official Team Profile]
+
</div>
-
!align="center"|[[Team:Minnesota/Project|Project]]
+
-
!align="center"|[[Team:Minnesota/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Minnesota/Modeling|Modeling]]
+
-
!align="center"|[[Team:Minnesota/Notebook|Notebook]]
+
-
!align="center"|[[Team:Minnesota/Safety|Safety]]
+
-
!align="center"|[[Team:Minnesota/Attributions|Attributions]]
+
-
|}
+
 +
</div> <!--End sideBarAll-->
 +
<div id="MainBoxAll">
-
You should make use of the calendar feature on the wiki and start a lab notebook.  This may be looked at by the judges to see how your work progressed throughout the summer.  It is a very useful organizational tool as well.
+
<!-- 2013 COMMENT
 +
 
 +
<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>
 +
 
 +
</div>
 +
 
 +
--END 2013 COMMENTdfgh -->
 +
 
 +
<!--end mainboxcontent-->
 +
 
 +
 
 +
 
 +
<!-- 2013 COMMENT
 +
 
 +
<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/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 2013 COMMENT -->
 +
 
 +
<!--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 22:25, 13 July 2013

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

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