Difference between revisions of "Team:Aalto-Helsinki/InterLabBook"
(testing background bottom and margins, temporarily no template but all code from there is in this page) |
m |
||
(26 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{Aalto-Helsinki/CSS}} | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <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 129: | Line 35: | ||
position: fixed; | position: fixed; | ||
left: 0; | left: 0; | ||
− | + | bottom: 3%; | |
width: 10%; | width: 10%; | ||
− | |||
} | } | ||
Line 144: | 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 149: | 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="#week3"><h4> | + | <li><a href="#" data-scroll="week3"><h4>Weeks 3-5</h4></a></li> |
− | <li><a href="# | + | <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="# | + | <li><a href="#" data-scroll="week8"><h4>Weeks 8-10</h4></a></li> |
+ | <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> | ||
</ul> | </ul> | ||
+ | |||
<div class="plasmids" style="margin-bottom:0;"> | <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 207: | Line 116: | ||
</td> | </td> | ||
<td class="blue arrow" > | <td class="blue arrow" > | ||
− | <p> | + | <p>MiniPrep</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 226: | 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 241: | 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> | ||
Line 252: | Line 169: | ||
</td> | </td> | ||
<td class="blue arrow" > | <td class="blue arrow" > | ||
− | <p> | + | <p>MiniPrep</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 312: | 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 323: | 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> | ||
Line 346: | 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 413: | 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> | <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 477: | Line 422: | ||
</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/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%;"> | <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 | + | <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