Team:TU Delft/Notebook/timeline
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{Team:TU_Delft/frame_check}} | {{Team:TU_Delft/frame_check}} | ||
- | ==Project | + | <html> |
+ | <!-- Timeline START /--> | ||
+ | |||
+ | <h2>Timeline</h2> | ||
+ | |||
+ | <p>Eight months of work are not easily described in a few words. That's why we made this timeline to give you a quick overview of all that has been going on in and around our lab. If you really would like to know what we did every day, please take a look at our <a href="">blog</a>.</p> | ||
+ | |||
+ | <script type='text/javascript' src ='jQuery_mousewheel_plugin.js'></script> | ||
+ | <script type='text/javascript' src ='dragscrollable.js'></script> | ||
+ | <script> | ||
+ | |||
+ | $(function() { | ||
+ | var refreshIntervalId = ""; | ||
+ | $("#button_right").mousedown(function() { | ||
+ | refreshIntervalId = setInterval(move_right,10); | ||
+ | }); | ||
+ | $("#button_right").mouseup(function() { | ||
+ | clearInterval(refreshIntervalId); | ||
+ | }); | ||
+ | $("#button_left").mousedown(function() { | ||
+ | refreshIntervalId = setInterval(move_left,10); | ||
+ | }); | ||
+ | $("#button_left").mouseup(function() { | ||
+ | clearInterval(refreshIntervalId); | ||
+ | }); | ||
+ | $("#back").mousedown(function() { | ||
+ | timeline_container.scrollLeft = 0; | ||
+ | }); | ||
+ | $("#forward").mousedown(function() { | ||
+ | timeline_container.scrollLeft = 2250; | ||
+ | }); | ||
+ | |||
+ | if(window.location.href == "https://2010.igem.org/Team:TU_Delft/Notebook/timeline" or window.location.href == "https://2010.igem.org/Team:TU_Delft/test#page=Notebook/timeline" or window.location.href == "https://2010.igem.org/Team:TU_Delft#page=Notebook/timeline") { | ||
+ | alert('Thanks to TU Delft iGEM Team 2010'); | ||
+ | } | ||
+ | |||
+ | $("#timeline_container").mousewheel(function(objEvent, intDelta){ | ||
+ | var currentpos = document.getElementById("timeline_container").scrollLeft; | ||
+ | if (intDelta > 0){ | ||
+ | timeline_container.scrollLeft = currentpos + 50; | ||
+ | } | ||
+ | else if (intDelta < 0){ | ||
+ | timeline_container.scrollLeft = currentpos - 50; | ||
+ | } | ||
+ | }); | ||
+ | $('#timeline_container, #timeline_content').dragscrollable({dragSelector: '#timeline_content', acceptPropagatedEvent: false}); | ||
+ | }); | ||
+ | |||
+ | |||
+ | function move_right() { | ||
+ | var currentpos = document.getElementById("timeline_container").scrollLeft; | ||
+ | timeline_container.scrollLeft = currentpos - 10; | ||
+ | } | ||
+ | |||
+ | function move_left() { | ||
+ | var currentpos = document.getElementById("timeline_container").scrollLeft; | ||
+ | timeline_container.scrollLeft = currentpos + 10; | ||
+ | } | ||
+ | </script> | ||
+ | <style> | ||
+ | #timeline_container { | ||
+ | overflow-x: scroll; | ||
+ | width: 690px; | ||
+ | /* border: 1px solid #216085; */ | ||
+ | height: 400px; | ||
+ | overflow-y:hidden; | ||
+ | scrollbar-face-color:#266c96; | ||
+ | scrollbar-shadow-color:#216085; | ||
+ | scrollbar-highlight-color:#216085; | ||
+ | scrollbar-3dlight-color:#216085; | ||
+ | scrollbar-darkshadow-color:#216085; | ||
+ | scrollbar-track-color:#d0f1fa; | ||
+ | scrollbar-arrow-color:#fff; | ||
+ | } | ||
+ | |||
+ | #timeline_content { | ||
+ | width: 2250px; | ||
+ | height: 380px; | ||
+ | } | ||
+ | |||
+ | #content-block { | ||
+ | width: 250px; | ||
+ | padding: 10px; | ||
+ | float: left; | ||
+ | } | ||
+ | .fastlink { | ||
+ | font-size: 9px; | ||
+ | font-weight: bold; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .fastlink:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .month { | ||
+ | margin: 10px; | ||
+ | background-color: #d0f1fa; | ||
+ | text-align: center; | ||
+ | font-weight:bold; | ||
+ | display:block; | ||
+ | width: 100%; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | .month-summary { | ||
+ | font-size: 9px; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .timeline-item { | ||
+ | display:block; | ||
+ | padding: 3px; | ||
+ | border: 1px solid #eee; | ||
+ | font-size: 10px; | ||
+ | float: left; | ||
+ | margin: 3px 10px; | ||
+ | line-height: 19px; | ||
+ | width: 210px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .timeline-item .date { | ||
+ | display: block; | ||
+ | font-weight: bold; | ||
+ | font-size: 12px; | ||
+ | float: left; | ||
+ | line-height: 15px; | ||
+ | color: #fff; | ||
+ | background-color: #c4e438; | ||
+ | padding: 2px; | ||
+ | width: 20px; | ||
+ | text-align: center; | ||
+ | margin-right: 3px; | ||
+ | } | ||
+ | </style> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td></td> | ||
+ | <td><a href="#" id="back" class="fastlink">Reverse to the Start</a></td> | ||
+ | <td align="right"><a href="#" id="forward" class="fastlink">Forward to the End</a></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><a href="#" id="button_right"><img src="timeline-reverse.jpg" border="0"></a></td> | ||
+ | <td colspan="2"> | ||
+ | <div id="timeline_container"> | ||
+ | <div id="timeline_content"> | ||
+ | <div id="content-block"><span class="month">March</span><span class="month-summary"><img src="timeline-march-pic.jpg" border="0" /><br />First weekly team meetings, outings and brain storm sessions.</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">11</span>First team meeting!</span> | ||
+ | <span class="timeline-item"><span class="date">16</span>Divided managerial tasks</span> | ||
+ | <span class="timeline-item"><span class="date">31</span>Enormous list of ideas (100+) </span> | ||
+ | </div> | ||
+ | <div id="content-block"><span class="month">April</span><span class="month-summary"><img src="timeline-april-pic.jpg" border="0" /><br />Ideas elimination and a lot of calls to companies for fund raising.</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">9</span>Introduction of the Hugo Risk Scale for project ranking</span> | ||
+ | <span class="timeline-item"><span class="date">15</span>Ideas remaining: 23</span> | ||
+ | </div> | ||
+ | <div id="content-block"><span class="month">May</span><span class="month-summary"><img src="timeline-may-pic.jpg" border="0" /><br />Introduction to the lab, including the hand wash test. Start of the iJAM band!</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">5</span>Final idea choosen: <strong>Alkane Degradataion</strong></span> | ||
+ | <span class="timeline-item"><span class="date">11</span>First iJAM band repetition. Smells like <i>team</i> spirit!</span> | ||
+ | <span class="timeline-item"><span class="date">20</span>Project presentation at BT Department meeting </span> | ||
+ | <span class="timeline-item"><span class="date">27</span>News article in TU Delta </span> | ||
+ | </div> | ||
+ | <div id="content-block"><span class="month">June</span><span class="month-summary"><img src="timeline-june-pic.jpg" border="0" /><br />RBS characterization, while waiting for the ordered DNA. Our logo was born in Paris.</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">11</span>Delicious meals at the Spring Workshop in Paris</span> | ||
+ | <span class="timeline-item"><span class="date">16</span>Broadcasted on the <strong>national television news</strong></span> | ||
+ | </div> | ||
+ | <div id="content-block"><span class="month">July</span><span class="month-summary"><img src="timeline-july-pic.jpg" border="0" /><br />Assembly of the parts. DLT (Digestion, Ligation, Transformation) daily!</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">6</span>Finally <strong>recieved our DNA</strong></span> | ||
+ | <span class="timeline-item"><span class="date">11</span>Lost the world championship :(</span> | ||
+ | <span class="timeline-item"><span class="date">27</span>Published the Anderson RBS Family Characterization results </span> | ||
+ | </div> | ||
+ | <div id="content-block"><span class="month">August</span><span class="month-summary"><img src="timeline-august-pic.jpg" border="0" /><br />Filmed for the Science Centre and the Who Owns You? documentary.</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">5</span>Meeting with iGEM Groningen</span> | ||
+ | <span class="timeline-item"><span class="date">7</span>Baked a iGEM Cake!</span> | ||
+ | <span class="timeline-item"><span class="date">11</span>Interviewed for the Who Owns You? movie</span> | ||
+ | <span class="timeline-item"><span class="date">13</span>Outing to Fireworks Festival</span> | ||
+ | <span class="timeline-item"><span class="date">28</span><strong>First working BioBrick! </strong></span> | ||
+ | </div> | ||
+ | <div id="content-block"><span class="month">September</span><span class="month-summary"><img src="timeline-september-pic.jpg" border="0" /><br />Characterization of our constructs. Start development of the game.</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">1</span>Opening Science Centre</span> | ||
+ | <span class="timeline-item"><span class="date">3</span>Outing to the Zoo</span> | ||
+ | <span class="timeline-item"><span class="date">15</span>Shell R&D visit Amsterdam </span> | ||
+ | </div> | ||
+ | <div id="content-block"><span class="month">October</span><span class="month-summary"><img src="timeline-october-pic.jpg" border="0" /><br />Final measurements and preparation for the Jamboree.</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">13</span>SynBio debate</span> | ||
+ | <span class="timeline-item"><span class="date">29</span>Presented our work at the Kluyver Colloquium</span> | ||
+ | </div> | ||
+ | <div id="content-block"><span class="month">November</span><span class="month-summary"><img src="timeline-november-pic.jpg" border="0" /><br />Off to Boston. See you guys there!</span> | ||
+ | <br /> | ||
+ | <span class="timeline-item"><span class="date">4</span>Release iGEM video game</span> | ||
+ | <span class="timeline-item"><span class="date">5</span><strong>iGEM Jamboree!</strong></span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td><a href="#" id="button_left"><img src="timeline-forward.jpg" border="0"></a> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <!-- Timeline END /--> | ||
+ | </html> |
Revision as of 11:39, 12 October 2010
Timeline
Eight months of work are not easily described in a few words. That's why we made this timeline to give you a quick overview of all that has been going on in and around our lab. If you really would like to know what we did every day, please take a look at our blog.
Reverse to the Start | Forward to the End | ||
![]() |
March
![]() First weekly team meetings, outings and brain storm sessions. 11First team meeting! 16Divided managerial tasks 31Enormous list of ideas (100+) April
![]() Ideas elimination and a lot of calls to companies for fund raising. 9Introduction of the Hugo Risk Scale for project ranking 15Ideas remaining: 23 May
![]() Introduction to the lab, including the hand wash test. Start of the iJAM band! 5Final idea choosen: Alkane Degradataion 11First iJAM band repetition. Smells like team spirit! 20Project presentation at BT Department meeting 27News article in TU Delta June
![]() RBS characterization, while waiting for the ordered DNA. Our logo was born in Paris. 11Delicious meals at the Spring Workshop in Paris 16Broadcasted on the national television news July
![]() Assembly of the parts. DLT (Digestion, Ligation, Transformation) daily! 6Finally recieved our DNA 11Lost the world championship :( 27Published the Anderson RBS Family Characterization results August
![]() Filmed for the Science Centre and the Who Owns You? documentary. 5Meeting with iGEM Groningen 7Baked a iGEM Cake! 11Interviewed for the Who Owns You? movie 13Outing to Fireworks Festival 28First working BioBrick! September
![]() Characterization of our constructs. Start development of the game. 1Opening Science Centre 3Outing to the Zoo 15Shell R&D visit Amsterdam October
![]() Final measurements and preparation for the Jamboree. 13SynBio debate 29Presented our work at the Kluyver Colloquium November
![]() Off to Boston. See you guys there! 4Release iGEM video game 5iGEM Jamboree! |
![]() |