Difference between revisions of "Team:Aalto-Helsinki/InterLabBook"
m (week3&4) |
m |
||
(37 intermediate revisions by 3 users not shown) | |||
Line 4: | Line 4: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | /* Navbar shows in which page group you are on */ | ||
+ | #communitynav { | ||
+ | color:gray !important; | ||
+ | } | ||
/* Styling for our amazing table! */ | /* Styling for our amazing table! */ | ||
Line 30: | Line 35: | ||
position: fixed; | position: fixed; | ||
left: 0; | left: 0; | ||
− | + | bottom: 3%; | |
width: 10%; | width: 10%; | ||
− | |||
} | } | ||
Line 45: | Line 49: | ||
padding-bottom: 1px; | padding-bottom: 1px; | ||
} | } | ||
+ | #sidenav a:hover, | ||
+ | #sidenav a.active { | ||
+ | color: black !important; | ||
+ | } | ||
+ | |||
+ | /* Let's hide the navbar when the device is small! */ | ||
+ | @media screen and (max-width: 760px) { | ||
+ | #sidenav { display: none; } | ||
+ | } | ||
+ | |||
+ | /* styling the background */ | ||
.plasmids { | .plasmids { | ||
background-repeat: repeat-y; | background-repeat: repeat-y; | ||
Line 50: | Line 65: | ||
background-size: 100%; | background-size: 100%; | ||
} | } | ||
+ | |||
</style> | </style> | ||
</p></div> | </p></div> | ||
− | <ul id="sidenav" class="nav nav-stacked" | + | <ul id="sidenav" class="nav nav-stacked"> |
− | <li><a href="#week1"><h4>Week 1</h4></a></li> | + | <li><a href="#" data-scroll="week1"><h4>Week 1</h4></a></li> |
− | <li><a href="#week2"><h4>Week 2</h4></a></li> | + | <li><a href="#" data-scroll="week2"><h4>Week 2</h4></a></li> |
− | <li><a href="# | + | <li><a href="#" data-scroll="week3"><h4>Weeks 3-5</h4></a></li> |
− | + | <li><a href="#" data-scroll="week6"><h4>Week 6</h4></a></li> | |
− | <li><a href="# | + | <li><a href="#" data-scroll="week7"><h4>Week 7</h4></a></li> |
− | + | <li><a href="#" data-scroll="week8"><h4>Weeks 8-10</h4></a></li> | |
− | <li><a href="# | + | <li><a href="#" ><h4 style="border-top:solid;">To the top</h4></a></li> |
− | + | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLab" ><h4>To the Previous Page</h4></a></li> | |
− | <li><a href="# | + | |
− | + | ||
− | <li><a href="# | + | |
− | + | ||
− | <li><a href=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | |||
− | |||
+ | <div class="plasmids" style="margin-bottom:0;"> | ||
− | |||
− | < | + | <div class = "inner-container" > |
+ | <h1>Interlab Measurement Study Lab Book</h1> | ||
+ | <p>Before reading our Interlab lab book, take a look into this <a href="https://static.igem.org/mediawiki/2015/d/d8/Aalto-Helsinki_interlab_spreadsheet.xls">excel file</a> to find the nomenclature we used for our devices.</p> | ||
</div><!-- end inner-container--> | </div><!-- end inner-container--> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <!-- Week 1 below --> |
+ | <section id="week1" class="active" data-anchor="week1" > | ||
+ | <h2>Week 1</h2> | ||
<table > | <table > | ||
<tr> | <tr> | ||
− | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;"> | + | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Worked With</h3></td> |
− | <td class="bottomline"><h3> | + | <td class="bottomline"><h3>WorkFlow</h3></td> |
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
Line 228: | Line 116: | ||
</td> | </td> | ||
<td class="blue arrow" > | <td class="blue arrow" > | ||
− | <p> | + | <p>MiniPrep</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 247: | Line 135: | ||
</td> | </td> | ||
</tr> | </tr> | ||
− | |||
</table> | </table> | ||
− | < | + | <div class="inner-container" style="margin: 5% 20% 5% 25%;"> |
+ | <p style="font-size:16px">Click <a href="https://static.igem.org/mediawiki/2015/8/87/Aalto-Helsinki_interlab1.pdf" target="_blank">here</a> to read the full lab notes of week 1.</p></div> | ||
+ | |||
+ | </section> | ||
+ | <!-- Week 1 above --> | ||
+ | |||
+ | |||
+ | <!-- Week 2 below --> | ||
+ | <section id="week2" data-anchor="week2"> | ||
+ | <h2>Week 2</h2> | ||
<table > | <table > | ||
<tr> | <tr> | ||
− | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;"> | + | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Worked With</h3></td> |
− | <td class="bottomline"><h3> | + | <td class="bottomline"><h3>WorkFlow</h3></td> |
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
Line 262: | Line 158: | ||
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
− | <td class="bottomline"><h3>June 29th - <br/> July | + | <td class="bottomline"><h3>June 29th - <br/> July 3rd</h3></td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
<td class="first rightline"><div class="heightdiv"><h3>Preparations</h3></div></td> | <td class="first rightline"><div class="heightdiv"><h3>Preparations</h3></div></td> | ||
<td class="white arrow" > | <td class="white arrow" > | ||
− | <p>Transform <br/> AHD6 & AHD7 <br/>into TOP10</p> | + | <p style="font-size:12px">Transform <br/> AHD6 & AHD7 <br/>into TOP10</p> |
</td> | </td> | ||
<td class="white arrow" > | <td class="white arrow" > | ||
Line 273: | Line 169: | ||
</td> | </td> | ||
<td class="blue arrow" > | <td class="blue arrow" > | ||
− | <p> | + | <p>MiniPrep</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 333: | Line 229: | ||
</table> | </table> | ||
− | < | + | <div class="inner-container" style="margin: 5% 20% 5% 25%;"> |
+ | <p style="font-size:16px">Click <a href="https://static.igem.org/mediawiki/2015/3/3f/Aalto-Helsinki_interlab2.pdf" target="_blank">here</a> to read the full lab notes of week 2.</p></div> | ||
+ | |||
+ | </section> | ||
+ | <!-- Week 2 above --> | ||
+ | |||
+ | |||
+ | <!-- Weeks 3-5 below --> | ||
+ | <section id="week3" data-anchor="week3"> | ||
+ | <h2>Weeks 3-5</h2> | ||
<table> | <table> | ||
<tr> | <tr> | ||
− | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;"> | + | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Worked With</h3></td> |
− | <td class="bottomline"><h3> | + | <td class="bottomline"><h3>WorkFlow</h3></td> |
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
Line 344: | Line 249: | ||
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
− | <td class="bottomline"><h3>July 6th - <br/> July | + | <td class="bottomline"><h3>July 6th - <br/> July 24th</h3></td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
<td class="first rightline"><div class="heightdiv"><h3>Checking D2</h3></div></td> | <td class="first rightline"><div class="heightdiv"><h3>Checking D2</h3></div></td> | ||
<td class="white arrow" > | <td class="white arrow" > | ||
− | <p>Transform | + | <p>Transform D2 <br/>into TOP10</p> |
</td> | </td> | ||
<td class="blue arrow" > | <td class="blue arrow" > | ||
<p>GFP <br/> expressed</p> | <p>GFP <br/> expressed</p> | ||
</td> | </td> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
Line 378: | Line 266: | ||
</td> | </td> | ||
<td class="white arrow" > | <td class="white arrow" > | ||
− | <p>Stored in -20°C</p> | + | <p>Stored <br/>in -20°C</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 384: | Line 272: | ||
</table> | </table> | ||
− | < | + | <div class="inner-container" style="margin: 5% 20% 5% 25%;"> |
+ | <p style="font-size:16px">Click <a href="https://static.igem.org/mediawiki/2015/f/f7/Aalto-Helsinki_interlab3-4-correct.pdf" target="_blank">here</a> to read the full lab notes of weeks 3-5.</p></div> | ||
+ | |||
+ | </section> | ||
+ | <!-- Weeks 3-5 above --> | ||
+ | |||
+ | |||
+ | <!-- Week 6 below --> | ||
+ | <section id="week6" data-anchor="week6"> | ||
+ | <h2>Week 6</h2> | ||
<table> | <table> | ||
<tr> | <tr> | ||
− | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;"> | + | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Worked With</h3></td> |
− | <td class="bottomline"><h3> | + | <td class="bottomline"><h3>WorkFlow</h3></td> |
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
<td class="bottomline"></td> | <td class="bottomline"></td> | ||
Line 399: | Line 296: | ||
<tr> | <tr> | ||
<td class="first rightline"><div class="heightdiv"><h3>Assembly</h3></div></td> | <td class="first rightline"><div class="heightdiv"><h3>Assembly</h3></div></td> | ||
− | <td class="white arrow" > | + | <td class="white arrow"> |
<p>Ligations <br/>for D1 & D3</p> | <p>Ligations <br/>for D1 & D3</p> | ||
</td> | </td> | ||
− | <td class="red arrow" > | + | <td class="red arrow"> |
<p>Transform <br/> into TOP10</p> | <p>Transform <br/> into TOP10</p> | ||
</td> | </td> | ||
Line 408: | Line 305: | ||
<tr> | <tr> | ||
<td class="first rightline"><div class="heightdiv"><h3>Checking</h3></div></td> | <td class="first rightline"><div class="heightdiv"><h3>Checking</h3></div></td> | ||
− | <td class="white arrow" > | + | <td class="white arrow"> |
− | <p>Check AHD1 <br/>& AHD3-AHD5 <br/> restrictions on gel</p> | + | <p style="font-size:12px">Check AHD1 <br/>& AHD3-AHD5 <br/> restrictions on gel</p> |
</td> | </td> | ||
<td class="blue arrow" > | <td class="blue arrow" > | ||
Line 415: | Line 312: | ||
</td> | </td> | ||
<td class="white arrow" > | <td class="white arrow" > | ||
− | <p>Too little <br/>restriction mix<br/> for new ligation</p> | + | <p style="font-size:12px">Too little <br/>restriction mix<br/> for new ligation</p> |
</td> | </td> | ||
<td class="white arrow" > | <td class="white arrow" > | ||
Line 421: | Line 318: | ||
</td> | </td> | ||
<td class="white arrow" > | <td class="white arrow" > | ||
− | <p>Stored in -20°C</p> | + | <p>Stored <br/>in -20°C</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 437: | Line 334: | ||
<td> | <td> | ||
</td> | </td> | ||
− | <td class=" | + | <td class="reddown arrow" > |
<p>AHD1 & AHD3 <br/> unclear</p> | <p>AHD1 & AHD3 <br/> unclear</p> | ||
</td> | </td> | ||
Line 450: | Line 347: | ||
</table> | </table> | ||
− | < | + | <div class="inner-container" style="margin: 5% 20% 5% 25%;"> |
− | + | <p style="font-size:16px">Click <a href="https://static.igem.org/mediawiki/2015/d/dd/Aalto-Helsinki_interlab6-correct.pdf" target="_blank">here</a> to read the full lab notes of week 6.</p></div> | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | |||
+ | </section> | ||
+ | <!-- Week 6 above --> | ||
+ | |||
+ | |||
+ | <!-- Week 7 below --> | ||
+ | <section id="week7" data-anchor="week7"> | ||
+ | <h2>Week 7</h2> | ||
+ | |||
+ | |||
+ | <table> | ||
+ | <tr> | ||
+ | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Worked With</h3></td> | ||
+ | <td class="bottomline"><h3>WorkFlow</h3></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"><h3>August 3rd - <br/> August 7th</h3></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="first rightline"><div class="heightdiv"><h3>Assembly</h3></div></td> | ||
+ | <td class="white arrow"> | ||
+ | <p>Ligations <br/>for D1 & D3</p> | ||
+ | </td> | ||
+ | <td class="white arrow"> | ||
+ | <p>Transform <br/> into TOP10</p> | ||
+ | </td> | ||
+ | <td class="blue arrow"> | ||
+ | <p>D1 <br/> expressing <br/> GFP</p> | ||
+ | </td> | ||
+ | <td class="white arrow" > | ||
+ | <p>o/n culture</p> | ||
+ | </td> | ||
+ | <td class="blue arrow" > | ||
+ | <p>MiniPrep</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="first rightline"><div class="heightdiv"><h3></h3></div></td> | ||
+ | <td> | ||
+ | </td> | ||
+ | <td class="reddown arrow" > | ||
+ | <p>No GFP <br/> expression <br/> in D3</p> | ||
+ | </td> | ||
+ | <td class="white arrow" > | ||
+ | <p>Re-restrict <br/>AHD3-AHD5</p> | ||
+ | </td> | ||
+ | <td class="white arrow" > | ||
+ | <p>Ligate & <br/> transform <br/> into TOP10</p> | ||
+ | </td> | ||
+ | <td class="red arrow" > | ||
+ | <p>No GFP <br/>expression</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="first rightline"><div class="heightdiv"><h3>Checking</h3></div></td> | ||
+ | |||
+ | <td class="white arrow" > | ||
+ | <p style="font-size:12px">Mistake in AHD4 <br/>restriction <br/>protocol</p> | ||
+ | </td> | ||
+ | <td class="white arrow" > | ||
+ | <p>Check AHD4 <br/>restriction <br/>on gel</p> | ||
+ | </td> | ||
+ | <td class="blue arrow" > | ||
+ | <p>Restriction OK</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | |||
+ | <div class="inner-container" style="margin: 5% 20% 5% 25%;"> | ||
+ | <p style="font-size:16px">Click <a href="https://static.igem.org/mediawiki/2015/0/07/Aalto-Helsinki_interlab7.pdf" target="_blank">here</a> to read the full lab notes of week 7.</p></div> | ||
+ | |||
+ | </section> | ||
+ | <!-- Week 7 above --!> | ||
+ | |||
+ | |||
+ | <!-- Weeks 8-9 below --> | ||
+ | <section id="week8" data-anchor="week8"> | ||
+ | <h2>Weeks 8-10</h2> | ||
+ | |||
+ | |||
+ | <table> | ||
+ | <tr> | ||
+ | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Worked With</h3></td> | ||
+ | <td class="bottomline"><h3>WorkFlow</h3></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"></td> | ||
+ | <td class="bottomline"><h3>August 10th - <br/> August 28th</h3></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="first rightline"><div class="heightdiv"><h3>Measurement</h3></div></td> | ||
+ | <td class="white arrow"> | ||
+ | <p>Transform <br/> D1 & D2 <br/> into TOP10</p> | ||
+ | </td> | ||
+ | <td class="white arrow"> | ||
+ | <p>o/n cultures</p> | ||
+ | </td> | ||
+ | <td class="white arrow"> | ||
+ | <p>Measure GFP</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="first rightline"><div class="heightdiv"><h3>Checking</h3></div></td> | ||
+ | <td class="blue arrow"> | ||
+ | <p>Restrict & check <br/>D1 & D2 <br/>on gel</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | |||
+ | <div class="inner-container" style="margin: 5% 20% 5% 25%;"> | ||
+ | <p style="font-size:16px">Click <a href="https://static.igem.org/mediawiki/2015/7/70/Aalto-Helsinki_weeks8-9.pdf" target="_blank">here</a> to read the full lab notes of weeks 8-10.</p></div> | ||
+ | |||
+ | |||
+ | <!-- Weeks 8-10 above --!> | ||
+ | <div class="inner-container" style="margin:5% 20% 0% 25%;padding-bottom:10%;"> | ||
+ | <p style="font-size:16px">Due to the limited time we had to use for our project, we were only able to construct two devices and measure the GFP from these. We were unable to build the device with J23106 promoter.</p> | ||
+ | |||
+ | <p style="font-size:16px">Our results can be found on our <a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLab">Interlab Study main page</a>.</p></div> | ||
+ | |||
+ | </section> | ||
</div><!-- Background end--> | </div><!-- Background end--> | ||
− | </ | + | |
+ | <!-- here scripts to make the site navigation beautiful and responsive. --> | ||
+ | <!-- NOTE: if you copy this script to other pages you'll likely have to modify it to have .inner-container instead of .plasmids in the lower function!! --> | ||
+ | <script> | ||
+ | |||
+ | $('#sidenav a').on('click', function() { | ||
+ | |||
+ | var scrollAnchor = $(this).attr('data-scroll'), | ||
+ | scrollPoint = $('section[data-anchor="' + scrollAnchor + '"]').offset().top - 28; | ||
+ | |||
+ | $('body,html').animate({ | ||
+ | scrollTop: scrollPoint | ||
+ | }, 500); | ||
+ | |||
+ | return false; | ||
+ | |||
+ | }) | ||
+ | |||
+ | |||
+ | $(window).scroll(function() { | ||
+ | var windscroll = $(window).scrollTop(); | ||
+ | if (windscroll >= 100) { | ||
+ | $('.plasmids section').each(function(i) { | ||
+ | if ($(this).position().top <= windscroll + 140) { | ||
+ | $('#sidenav a.active').removeClass('active'); | ||
+ | $('#sidenav a').eq(i).addClass('active'); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | } else { | ||
+ | |||
+ | $('#sidenav a.active').removeClass('active'); | ||
+ | $('#sidenav a:first').addClass('active'); | ||
+ | } | ||
+ | |||
+ | }).scroll(); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div></div></body> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.--> | ||
+ | <!-- The next starting p is to get rid of the annoying gap at the bottom of the page. There is a closing /p at some kind of ready footer, that can be seen when looking at the page source --><p style="margin:0;"> | ||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 13:35, 17 September 2015