|
|
Line 13: |
Line 13: |
| var refreshIntervalId = ""; | | var refreshIntervalId = ""; |
| $("#button_right").mousedown(function() { | | $("#button_right").mousedown(function() { |
- | refreshIntervalId = setInterval(move_right,10); | + | alert('test'); |
| }); | | }); |
- | $("#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" && window.location.href != "https://2010.igem.org/Team:TU_Delft/test#page=Notebook/timeline" && 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> | | </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 {
| + | <a href="javascript:return false;" id="button_right"><img src="https://static.igem.org/mediawiki/2010/5/5e/TU_Delft_timeline-reverse.jpg" border="0"></a> |
- | 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="javascript:return false;" id="back" class="fastlink">Reverse to the Start</a></td>
| |
- | <td align="right"><a href="javascript:return false;" id="forward" class="fastlink">Forward to the End</a></td>
| |
- | <td></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><a href="javascript:return false;" id="button_right"><img src="https://static.igem.org/mediawiki/2010/5/5e/TU_Delft_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="javascript:return false;" id="button_left"><img src="https://static.igem.org/mediawiki/2010/1/14/TU_Delft_timeline-forward.jpg" border="0"></a>
| |
- | </td>
| |
- | </tr>
| |
- | </table>
| |
| <!-- Timeline END /--> | | <!-- Timeline END /--> |
| </html> | | </html> |
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.