Team:Queens Canada/Notebook/Week1

From 2012.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Queens_Canada/Notebook}}
+
{{Template:Queens_Canada/Header}}
<html>
<html>
<head>
<head>
<style type="text/css">
<style type="text/css">
-
#labcontent
+
#NotebookNav .menu .primary-menu #w3 a{
-
{
+
-
z-index: 5;
+
-
}
+
-
#NotebookNav .menu .primary-menu #w1 a{
+
     background: none repeat scroll 0 0 #00438F;
     background: none repeat scroll 0 0 #00438F;
}
}
-
#NotebookNav .menu .primary-menu #w1 a:hover{
+
#NotebookNav .menu .primary-menu #w3 a:hover{
     background: none repeat scroll 0 0 #00438F;
     background: none repeat scroll 0 0 #00438F;
}
}
-
#notebookselector
+
#navtoggle
{
{
-
position:relative;
+
height:75px;
-
left:1000px;
+
width:75px;
-
height: 100px;
+
position:absolute;
-
width 100px;
+
left:-75 px;
-
background-color: #D84421;
+
margin-left: -75px;
 +
margin-bottom: -75px;
 +
margin-top: 35 px;
 +
text-align: center;
 +
background-color: maroon;
 +
border-radius: 5px 0px 0px 5px;
}
}
-
#protocolselector
+
#navtoggle a
{
{
-
position:relative;
+
color: white;
-
left:1000px;
+
font-size: 1.1em;
-
height: 100px;
+
vertical-align: middle;
-
width 100px;
+
-
background-color: #EF7901;
+
}
}
-
#weekcontainer
 
-
{
 
-
position: relative;
 
-
right: 75px;
 
-
width: 75px;
 
-
background-color: black;
 
-
}
 
-
#weekcontainer li
 
-
{
 
-
height: 25px;
 
-
list-style: none;
 
-
margin-bottom: 5px;
 
-
margin-top: 5px;
 
-
background-color: #F6B402;
 
-
text-align: center;
 
-
width:75px;
 
-
overflow:hidden;
 
-
position:relative;
 
-
left:25px;
 
-
}
 
-
 
</style>
</style>
-
<script type="text/javscript" src="http://dl.dropbox.com/u/46807995/jquery.hoverflow.js"> </script>
 
</head>
</head>
<body>
<body>
-
+
 
<div id="labcontent">
<div id="labcontent">
-
<div id="notebookselector" style="width:100px;">
 
-
Notebook
 
-
</div>
 
-
<div id="protocolselector" style="width:100px;">
 
-
Protocols
 
-
</div>
 
<div id="NotebookTitle">
<div id="NotebookTitle">
<p>Notebook - Week 1</p>
<p>Notebook - Week 1</p>
</div>
</div>
-
<div id="weekcontainer">
+
<div id="notebookmenu">
-
<li>
+
<ul id="gooeymenu1" class="gelbuttonmenu" style="z-index:99;">
-
1
+
Week
-
</li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week1">1</a> </li>
-
<li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week2">2</a> </li>
-
2
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week3">3</a> </li>
-
</li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week4">4</a> </li>
-
<li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week5">5</a> </li>
-
3
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week6">6</a> </li>
-
</li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week7">7</a> </li>
-
<li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week8">8</a> </li>
-
4
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week9">9</a> </li>
-
</li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week10">10</a> </li>
-
<li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week11">11</a> </li>
-
5
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week12">12</a> </li>
-
</li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week13">13</a> </li>
-
<li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week14">14</a> </li>
-
6
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week15">15</a> </li>
-
</li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week16">16</a> </li>
-
<li>
+
<li> <a href="https://2012.igem.org/Team:Queens_Canada/Notebook/Week17">17+</a> </li>
-
7
+
 
-
</li>
+
</ul>
-
<li>
+
<div class="kwicks_container">
-
8
+
  <ul class="kwicks">
-
</li>
+
  <li id="kwick_1">
-
<li>
+
  <a href="" id="notebook">Project Diary
-
9
+
 
-
</li>
+
    </a>
-
<li>
+
  </li>
-
10
+
  <li id="kwick_2">
-
</li>
+
  <a href="" id="protocols"> Lab Work
-
<li>
+
 
-
11
+
      </a>
-
</li>
+
  </li>
-
<li>
+
 
-
12
+
  </ul>
-
</li>
+
-
<li>
+
-
13
+
-
</li>
+
-
<li>
+
-
14
+
-
</li>
+
-
<li>
+
-
15
+
-
</li>
+
-
<li>
+
-
16
+
-
</li>
+
-
<li>
+
-
17
+
-
</li>
+
-
<li>
+
-
18
+
-
</li>
+
</div>
</div>
-
         <div id="protocolcontent">Protocol Content</div>
+
</div>
 +
<script>
 +
gooeymenu.setup({id:'gooeymenu1', selectitem:0})
 +
</script>
 +
 
 +
         <div id="protocolcontent"><p style="font-size: 2em; text-align:middle'"> Given that we have not started lab work yet, we will not be posting anything until we get into the lab (week 3) </p></div>
  <div id="notebookcontent">
  <div id="notebookcontent">
<h1> Monday, April 30 </h1>
<h1> Monday, April 30 </h1>
Line 141: Line 98:
<h1> Friday, May 4 </h1>
<h1> Friday, May 4 </h1>
-
<h2> <p> Today was spent focused on one thing: narrowing down our list of potential projects. After long hours of debate and many pros and cons charts we finally narrowed it down to 6 possible projects to research in further detail next week. </p> </h2>
+
<h2> <p> Today was spent focused on one thing: narrowing down our list of potential projects. After long hours of debate and many pros and cons charts we finally narrowed it down to 6 possible projects to research in further detail next week. </p> </h2>
-
</div>
+
 
-
   
+
     
<script>
<script>
         $("#notebook").click(function () {
         $("#notebook").click(function () {
-
           $("#protocolcontent").fadeOut(250, function () {
+
           $("#protocolcontent").fadeOut(400, function () {
-
             $("#notebookcontent").fadeIn(250);
+
             $("#notebookcontent").fadeIn(400);
});                   
});                   
return false;
return false;
Line 156: Line 113:
<script>
<script>
         $("#protocols").click(function () {
         $("#protocols").click(function () {
-
           $("#notebookcontent").fadeOut(250, function () {
+
           $("#notebookcontent").fadeOut(400, function () {
-
             $("#protocolcontent").fadeIn(250);
+
             $("#protocolcontent").fadeIn(400);
});       
});       
                   return false;
                   return false;
Line 163: Line 120:
       </script>
       </script>
-
 
+
<script>
-
</div>
+
$('#navtoggle').click(function() {
-
<script type="text/javascript">
+
  $('#notebookmenu').toggle('slow', function() {
-
$('#weekcontainer li').hover(function(e)
+
     $(this).slideUp();
-
{
+
  });
-
$(this).filter(':not(:animated)').animate({ left: "0px"  });
+
-
}, function() {
+
-
     $(this).animate({ left: "25px" });
+
});
});
</script>
</script>
 +
<script>
 +
        $(function() {
 +
            var offset = $("#navtoggle").offset();
 +
            var topPadding = 15;
 +
            $(window).scroll(function() {
 +
                if ($(window).scrollTop() > offset.top) {
 +
                    $("#navtoggle").stop().animate({
 +
                        marginTop: $(window).scrollTop() - offset.top + topPadding
 +
                    });
 +
                } else {
 +
                    $("#navtoggle").stop().animate({
 +
                        marginTop: 0
 +
                    });
 +
                };
 +
            });
 +
        });
 +
</script>
 +
</div>
</body>
</body>

Latest revision as of 03:19, 4 October 2012

Control

Notebook - Week 1

Given that we have not started lab work yet, we will not be posting anything until we get into the lab (week 3)

Monday, April 30

The first day! After some introductions and icebreaker activities, Kevin (our Team Manager) gave us a brief introduction of the team structure and showed us how to make our iGEM accounts. After that, we started off our iGEM adventure by researching some past iGEM teams and we each gave a short presentations on the iGEM team that we chose, just to get everyone up to speed with iGEM and get some really cool ideas from past iGEM teams!

In the afternoon, we continued brainstorming from a list that we had come up with during the school year. We also came up with some new project ideas. To finish off the day, Kevin showed us an old iGEM jamboree presentation.

Tuesday, May 1

In the morning, we continued brainstorming and went through all our ideas page-by-page. In the afternoon one of our past team members came in to give a presentation about sponsorship, and get us off on the right foot.

Wednesday, May 2

Today we focused more on brainstorming, and went through our ideas to try and narrow them down to only the most awesome ones. We also started our research into possible sources of sponsorship.

Thursday, May 3

In the morning we spent some time looking at past posters and wikis by various teams and brainstormed some ideas for our own. Also, one of our advisors, Dr. Chin-Sang, dropped by and we chatted about recent synbio headlines, including making 4-letter codons in E. coli. That night we had our first QGEM social: trivia night at the Grad Club! We didn't win anything, but our team (named C. elegance FTW) was awesome and we had a great time.

Friday, May 4

Today was spent focused on one thing: narrowing down our list of potential projects. After long hours of debate and many pros and cons charts we finally narrowed it down to 6 possible projects to research in further detail next week.