Team:Queens Canada/Notebook

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{Template:Queens_Canada/Notebook}}
-
 
+
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
 
-
This is a template page. READ THESE INSTRUCTIONS.
+
<style type="text/css">
 +
#titlecontainer p
 +
{
 +
margin-top: 0;
 +
}
 +
#titlecontainer
 +
{
 +
margin-top: 0;
 +
}
 +
#NotebookNav .menu .primary-menu #w1 a{
 +
    background: none repeat scroll 0 0 #00438F;
 +
}
 +
#NotebookNav .menu .primary-menu #w1 a:hover{
 +
    background: none repeat scroll 0 0 #00438F;
 +
}
 +
#notebookselector
 +
{
 +
position:relative;
 +
height: 75px;
 +
width 75px;
 +
background-color: #D84421;
 +
}
 +
#protocolselector
 +
{
 +
position:relative;
 +
height: 75px;
 +
width 75px;
 +
background-color: #EF7901;
 +
}
 +
#weekcontainer
 +
{
 +
position: relative;
 +
right: 75px;
 +
width: 75px;
 +
background-color: black;
 +
overflow:hidden;
 +
}
 +
#weekcontainer li
 +
{
 +
height: 25px;
 +
list-style: none;
 +
margin-bottom: 5px;
 +
margin-top: 5px;
 +
background-color: #F6B402;
 +
text-align: center;
 +
width: 50px;
 +
overflow:hidden;
 +
position:relative;
 +
left:25px;
 +
padding-right:25px;
 +
border-radius: 25px 0px 0px 25px;
 +
vertical-align: middle;
 +
opacity: 0.8;
 +
font-family: 'Gill sans MT';
 +
}
 +
#selectorcontainer
 +
{
 +
margin-top: 20px;
 +
padding-left: 5px;
 +
padding-bottom: 10px;
 +
left: 1000px;
 +
position:relative;
 +
width:90px;
 +
padding-top: 30px;
 +
background-color:white;
 +
}
 +
</style>
 +
<script type="text/javscript" src="http://dl.dropbox.com/u/46807995/jquery.hoverflow.js"> </script>
 +
 
 +
</head>
 +
<body>
 +
 +
<div id="labcontent">
 +
<div id="selectorcontainer">
 +
<div id="edge">
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div id="notebookselector" style="width:100px;">
-
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="http://2008.igem.org/Help:Template/Examples">HERE</a>.
+
Notebook
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div id="protocolselector" style="width:100px;">
-
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. 
+
Protocols
 +
</div>  
</div>
</div>
 +
<div id="NotebookTitle" style="height:38px";>
 +
<div id="titlecontainer">
 +
<p id="title"> Notebook - Week 1 </p>
</div>
</div>
-
</html>
+
</div>
 +
<div id="weekcontainer">
 +
<li>
 +
1
 +
</li>
 +
<li>
 +
2
 +
</li>
 +
<li>
 +
3
 +
</li>
 +
<li>
 +
4
 +
</li>
 +
<li>
 +
5
 +
</li>
 +
<li>
 +
6
 +
</li>
 +
<li>
 +
7
 +
</li>
 +
<li>
 +
8
 +
</li>
 +
<li>
 +
9
 +
</li>
 +
<li>
 +
10
 +
</li>
 +
<li>
 +
11
 +
</li>
 +
<li>
 +
12
 +
</li>
 +
<li>
 +
13
 +
</li>
 +
<li>
 +
14
 +
</li>
 +
<li>
 +
15
 +
</li>
 +
<li>
 +
16
 +
</li>
 +
<li>
 +
17
 +
</li>
 +
<li>
 +
18
 +
</li>
 +
</div>
 +
 
 +
        <div id="protocolcontent">Protocol Content</div>
 +
<div id="notebookcontent">
 +
 
 +
<script type="text/javascript">
 +
var nm = 1;
 +
$('#weekcontainer li').click(function()
 +
{
 +
var nm = $(this).text();
 +
$('#titlecontainer').fadeOut(300).delay(900);
 +
document.getElementById("titlecontainer").innerHTML = "<p> Notebook - Week " + nm + "</p>";
 +
$('#titlecontainer').fadeIn();
 +
});
 +
</script> 
 +
</div>
 +
 
 +
   
 +
<script>
 +
        $("#notebook").click(function () {
 +
          $("#protocolcontent").fadeOut(250, function () {
 +
            $("#notebookcontent").fadeIn(250);
 +
});                 
 +
return false;
 +
        });
-
<!-- *** End of the alert box *** -->
+
      </script>
 +
<script>
 +
        $("#protocols").click(function () {
 +
          $("#notebookcontent").fadeOut(250, function () {
 +
            $("#protocolcontent").fadeIn(250);
 +
});     
 +
                  return false;
 +
        });
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
      </script>
-
!align="center"|[[Team:Queens_Canada|Home]]
+
-
!align="center"|[[Team:Queens_Canada/Team|Team]]
+
-
!align="center"|[http://igem.org/Team.cgi?year=2012&team_name=Queens_Canada Official Team Profile]
+
-
!align="center"|[[Team:Queens_Canada/Project|Project]]
+
-
!align="center"|[[Team:Queens_Canada/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Queens_Canada/Modeling|Modeling]]
+
-
!align="center"|[[Team:Queens_Canada/Notebook|Notebook]]
+
-
!align="center"|[[Team:Queens_Canada/Safety|Safety]]
+
-
!align="center"|[[Team:Queens_Canada/Attributions|Attributions]]
+
-
|}
+
 +
</div>
 +
<script type="text/javascript">
 +
$('#weekcontainer li').hover(function(e)
 +
{
 +
$(this).filter(':not(:animated)').animate({ left: "0px", opacity: 1  });
 +
}, function() {
 +
    $(this).animate({ left: "25px", opacity: 0.8 });
 +
});
 +
$('#notebookselector').hover(function(e)
 +
{
 +
$(this).filter(':not(:animated)').animate({  opacity: 1  });
 +
}, function() {
 +
    $(this).animate({  opacity: 0.8 });
 +
});
 +
$('#protocolselector').hover(function(e)
 +
{
 +
$(this).filter(':not(:animated)').animate({  opacity: 1  });
 +
}, function() {
 +
    $(this).animate({ opacity: 0.8 });
 +
});
-
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.
+
</script>
 +
</body>

Latest revision as of 18:09, 16 August 2012

Control
Notebook
Protocols

Notebook - Week 1

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • Protocol Content