|
|
(40 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | {{Utrecht/Head}}
| |
− | {{Utrecht/Navigation}}
| |
| | | |
− |
| |
− | <html>
| |
− |
| |
− | <style>
| |
− | .customelementM5B{
| |
− | display:none;
| |
− | }
| |
− |
| |
− | .customHeader{
| |
− | border-bottom: none;
| |
− | }
| |
− |
| |
− | #HQ_page table{
| |
− | margin: 1%;
| |
− | }
| |
− |
| |
− | h5{
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | </style>
| |
− |
| |
− | <body>
| |
− |
| |
− | <script>
| |
− | var inactiveJuly, inactiveAugust, inactiveSeptember, activeContent, firstMonth, firstInactive;
| |
− |
| |
− | function changeContent(selector) {
| |
− |
| |
− | $(".monthHeader").hide();
| |
− | $("button").removeClass("active");
| |
− |
| |
− | if(selector == 1){
| |
− | activeContent = 'I';
| |
− | firstMonth = 'A';
| |
− | inactiveJuly = [];
| |
− | inactiveAugust = [1,2,3,4,5,6,7,];
| |
− | inactiveSeptember = [15, 16, 19];
| |
− | firstInactive = inactiveAugust;
| |
− | }
| |
− | else if(selector == 2){
| |
− | activeContent = 'R';
| |
− | firstMonth = 'J';
| |
− | inactiveJuly = [10, 12, 19];
| |
− | inactiveAugust = [11, 14, 29];
| |
− | inactiveSeptember = [15, 16, 19];
| |
− | firstInactive = inactiveJuly;
| |
− | }
| |
− | else if(selector == 3){
| |
− | activeContent = 'B';
| |
− | firstMonth = 'J';
| |
− | inactiveJuly = [10, 12, 19];
| |
− | inactiveAugust = [11, 14, 29];
| |
− | inactiveSeptember = [15, 16, 19];
| |
− | firstInactive = inactiveJuly;
| |
− | }
| |
− | else if(selector == 4){
| |
− | activeContent = 'M';
| |
− | firstMonth = 'J';
| |
− | inactiveJuly = [10, 12, 19];
| |
− | inactiveAugust = [11, 14, 29];
| |
− | inactiveSeptember = [15, 16, 19];
| |
− | firstInactive = inactiveJuly;
| |
− | }
| |
− |
| |
− | // Show the current tab, and add an "active" class to the button that opened the tab
| |
− | $("#monthHeader"+ activeContent).show();
| |
− | $("#tab"+activeContent).addClass("active");
| |
− | createMonth(31, 4, firstInactive, firstMonth);
| |
− | }
| |
− |
| |
− | function createMonth(lengthMonth, emptyDays, inactiveDays, m){
| |
− | var j = 1;
| |
− | var cont = $(".monthContainer");
| |
− | cont.empty();
| |
− | for(var i = 0; i < emptyDays; i++){
| |
− | cont.append('<div class = "emptyDay"></div>');
| |
− | j++;
| |
− | }
| |
− | for(i = 1; i < lengthMonth+1;i++){
| |
− | for(var i = 0; i < emptyDays; i++){
| |
− | cont.append('<div class = "emptyDay"></div>');
| |
− | j++;
| |
− | }
| |
− | for(i = 1; i < lengthMonth+1;i++){
| |
− | if((j+1) % 7) {
| |
− | if(j % 7) {
| |
− | if(inactiveDays.indexOf(i) == -1){
| |
− | cont.append('<div class = "day" id = "day'+ activeContent + m + i + '">'+ i + '</div>');
| |
− | }
| |
− | else{
| |
− | cont.append('<div class = "inactiveDay">'+ i + ' </div>');
| |
− | }
| |
− | }
| |
− | else{
| |
− | cont.append('<div class = "inactiveDay">'+ i + ' </div>');
| |
− | }
| |
− | }
| |
− | else{
| |
− | cont.append('<div class = "inactiveDay">'+ i + ' </div>');
| |
− | }
| |
− | j++
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | $('.month').hide();
| |
− | $('#month'+ activeContent + m).show();
| |
− |
| |
− | resetCalender();
| |
− | }
| |
− |
| |
− | function resetCalender(){
| |
− | $(".day").click(function() {
| |
− | // Declare all variables
| |
− | var i, entryday;
| |
− |
| |
− | entryday = $(this).attr('id');
| |
− |
| |
− | // Get all elements with class="tablinks" and remove the class "active"
| |
− | $(".day").removeClass("active");
| |
− | $(".customelementM5B").hide();
| |
− |
| |
− | // Show the current tab, and add an "active" class to the button that opened the tab
| |
− | $(this).addClass("active");
| |
− | $("#entry"+entryday).show();
| |
− |
| |
− | });
| |
− | }
| |
− |
| |
− | $(document).ready(function(){
| |
− | changeContent(2);
| |
− | resetCalender();
| |
− | });
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− |
| |
− |
| |
− | <div class = "customHeader">
| |
− | PLACEHOLDER
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="anotherWrapper">
| |
− | <!-- Tab links -->
| |
− | <div class="tab">
| |
− | <button id = "tabR" onclick='changeContent(2)'>Receptor Assay</button>
| |
− | <button id = "tabB" onclick='changeContent(3)'>BRET Assay</button>
| |
− | <button id = "tabM" onclick='changeContent(4)'>Methylation Assay</button>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="calenderContainer">
| |
− |
| |
− |
| |
− | <!-- Calender Receptor Assay --------------------------------------------------------------
| |
− | --------------------------------------------------------------------------------------------->
| |
− | <div id="monthHeaderR" class="monthHeader">
| |
− | <h1> Receptor Assay </h1>
| |
− | <div class="month" id = "monthRJ">
| |
− | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="next">❯</div>
| |
− | <div>July</div>
| |
− | </div>
| |
− |
| |
− | <div class="month" id = "monthRA">
| |
− | <div onclick="createMonth(31, 4, inactiveJuly, 'J');" class="prev">❮</div>
| |
− | <div onclick="createMonth(30, 5, inactiveSeptember, 'S');" class="next">❯</div>
| |
− | <div>August</div>
| |
− | </div>
| |
− |
| |
− | <div class="month" id = "monthRS">
| |
− | <div onclick="createMonth(31, 2, inactiveAugust,'A');" class="prev">❮</div>
| |
− | <div>September</div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | <!-- Calender BRET Assay ---------------------------------------------------------------------
| |
− | --------------------------------------------------------------------------------------------->
| |
− |
| |
− | <div id="monthHeaderB" class="monthHeader">
| |
− | <h1> BRET Assay </h1>
| |
− | <div class="month" id = "monthBJ">
| |
− | <div onclick="createMonth(31, 2, inactiveAugust,'A');" class="next">❯</div>
| |
− | <div>July</div>
| |
− | </div>
| |
− |
| |
− | <div class="month" id = "monthBA">
| |
− | <div onclick="createMonth(31, 4, inactiveJuly, 'J');" class="prev">❮</div>
| |
− | <div onclick="createMonth(30, 5, inactiveSeptember, 'S');" class="next">❯</div>
| |
− | <div>August</div>
| |
− | </div>
| |
− |
| |
− | <div class="month" id = "monthBS">
| |
− | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="prev">❮</div>
| |
− | <div>September</div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <!-- Calender Methylation Assay --------------------------------------------------------------
| |
− | --------------------------------------------------------------------------------------------->
| |
− | <div id="monthHeaderM" class="monthHeader">
| |
− | <h1> Methylation Assay </h1>
| |
− | <div class="month" id = "monthMJ">
| |
− | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="next">❯</div>
| |
− | <div>July</div>
| |
− | </div>
| |
− |
| |
− | <div class="month" id = "monthMA">
| |
− | <div onclick="createMonth(31, 4, inactiveJuly, 'J');" class="prev">❮</div>
| |
− | <div onclick="createMonth(30, 5, inactiveSeptember, 'S');" class="next">❯</div>
| |
− | <div>August</div>
| |
− | </div>
| |
− |
| |
− | <div class="month" id = "monthMS">
| |
− | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="prev">❮</div>
| |
− | <div>September</div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class="weekdays">
| |
− | <div class="weekday">Mo</div>
| |
− | <div class="weekday">Tu</div>
| |
− | <div class="weekday">We</div>
| |
− | <div class="weekday">Th</div>
| |
− | <div class="weekday">Fr</div>
| |
− | <div class="weekday">Sa</div>
| |
− | <div class="weekday">Su</div>
| |
− | </div>
| |
− |
| |
− | <div class="monthContainer"></div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | <!-- Notebook Interlab -----------------------------------------------------------------------
| |
− | --------------------------------------------------------------------------------------------->
| |
− |
| |
− | <div class = "notebookContainer">
| |
− |
| |
− | <div class="customelementM5B" id = "entrydayIA8">
| |
− |
| |
− | <h3> Morning </h3>
| |
− |
| |
− | <p>Performed Calibration 1, 2, and 3 according to protocol. All measurements were performed using the plate reader of Seino. </p>
| |
− |
| |
− | <table class="InterlabTable" style = "width: 20%">
| |
− | <caption style = "font-size: 1.5em;background-color: #A4C2F4">Table 1. content 96 wells plate cal.1 and cal.2
| |
− | </caption>
| |
− | <tr><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th><th>11</th><th>12</th></tr>
| |
− | <tr><td>A</td><td>L</td><td>dd</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
| |
− | <tr><td>B</td><td>L</td><td>dd</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
| |
− | <tr><td>C</td><td>L</td><td>dd</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
| |
− | <tr><td>D</td><td>L</td><td>dd</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
| |
− | <tr><td>E</td><td style="color: green"> MS</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green"> dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td>dd</td></tr><tr>
| |
− | <td>F</td><td style="color: green">MS</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green"> dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td>dd</td></tr>
| |
− | <tr><td>G</td><td style="color: green"> MS</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td>dd</td></tr>
| |
− | <tr><td>H</td><td style="color: green"> MS</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td style="color: green">dd</td><td>dd</td></tr>
| |
− | </table>
| |
− |
| |
− |
| |
− | <h5> Calibration 1 </h5>
| |
− | <ul>
| |
− | <li>L= 100 uL Ludox CL-X (stored at 4C)</li>
| |
− | <li>dd= 100 uL ddH20</li>
| |
− | <li>Measurement: Abs600, turn off pathlength correction</li>
| |
− | </ul>
| |
− |
| |
− | <h5>Calibration 2 </h5>
| |
− | <ul>
| |
− | <li>MS= 200 ul Microsphere Stock Solution</li>
| |
− | <li>dd= 100 uL ddH20</li>
| |
− | <li>green= serial dilution was performed with a micropipet from E1,F1,G1,H1 - E11,F11,G11,H11 by a volume of 100uL. Before every transfer solution was pipetted up and down 3x, after every transfer tips were discharged.</li>
| |
− | <li>Measurement: Abs600, re-mix befor putting in plate reader and prevent bubbles, path length correction off</li>
| |
− | </ul>
| |
− |
| |
− | <h5>Calibration 3</h5>
| |
− | <ul>
| |
− | <li>1xFC= 200 mL 1xFC (100uL 10x fluorescein + 900ul 1x PBS pH 7.4, tube was covered with foil</li>
| |
− | <li>P= 100 uL 1x PBS pH 7.4</li>
| |
− | <li>green= serial dilution was performed with a micropipet from A1,B1,C1,D1 - A11,B11,C11,D11 by a volume of 100uL. Before every transfer solution was pipetted up and down 3x, after every transfer tips were discharged. </li>
| |
− | <li>Measurement: FL, 530nm/30nm bandpass, 25-30nm with recommened excitation of 485nm, emission 520-530nm of the filter. Path length correction was turned off</li>
| |
− | </ul>
| |
− |
| |
− | <table class="InterlabTable" style = "width: 20%">
| |
− | <caption style = "font-size: 1.5em;background-color: #A4C2F4">Table 2. content 96 wells plate cal.3</caption>
| |
− | <tr><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th><th>11</th><th>12</th></tr>
| |
− | <tr><td>A</td><td>1xFC</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td></tr>
| |
− | <tr><td>B</td><td>1xFC</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td></tr>
| |
− | <tr><td>C</td><td>1xFC</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td></tr>
| |
− | <tr><td>D</td><td>1xFC</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td><td>P</td></tr>
| |
− | <tr><td>E</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
| |
− | <tr><td>F</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
| |
− | <tr><td>G</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
| |
− | <tr><td>H</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
| |
− | </table>
| |
− |
| |
− | <h3> Afternoon </h3>
| |
− |
| |
− | <h5>LBC plates were made according to the protocol used on the wall</h5>
| |
− | <ul>
| |
− | <li>250ml LB 2x added to melted 250 ml WA 2x using a microwave </li>
| |
− | <li>0.5ml was added to final solution</li>
| |
− | <li>plates were dried in 37C incubator</li>
| |
− | </ul>
| |
− |
| |
− | <h5>Transformation device 3 + negative control interlab study</h5>
| |
− | <ul>
| |
− | <li>Device 3 (number 5) showed a low GFP expression, so it was tried to re-preform the tranformation. Negative control of the interlab (number 1) was not performed last time due to lack of LBC plates so was also performed. </li>
| |
− | <li><a href = "https://2018.igem.org/Team:Utrecht/Protocol#Transformation">Protocol Transformation</a></li>
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− | <div class="customelementM5B" id = "entrydayIJ2">
| |
− | lskdfjslkjgdlkdfjgldkjlakmflsvmclkxmfklmgdmlkcvmblcmkb
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | <!-- Notebook Receptor Assay --------------------------------------------------------------
| |
− | --------------------------------------------------------------------------------------------->
| |
− |
| |
− | <div class="customelementM5B" id = "entryday27">
| |
− | ksjdfljslfkdjlkghjfglhkjflhgkjflhgjflghjflghkjflhj
| |
− | </div>
| |
− |
| |
− | <div class="customelementM5B" id = "entryday2">
| |
− | lskdfjslkjgdlkdfjgldkjlakmflsvmclkxmfklmgdmlkcvmblcmkb
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | <!-- Notebook BRET Assay ---------------------------------------------------------------------
| |
− | --------------------------------------------------------------------------------------------->
| |
− |
| |
− | <div class="customelementM5B" id = "entrydayB177">
| |
− | ksjdfljslfkdjlkghjfglhkjflhgkjflhgjflghjflghkjflhj
| |
− | </div>
| |
− |
| |
− | <div class="customelementM5B" id = "entrydayB27">
| |
− | lskdfjslkjgdlkdfjgldkjlakmflsvmclkxmfklmgdmlkcvmblcmkb
| |
− | </div>
| |
− |
| |
− |
| |
− | <!-- Notebook Methylation Assay --------------------------------------------------------------
| |
− | --------------------------------------------------------------------------------------------->
| |
− |
| |
− |
| |
− | <div class="customelementM5B" id = "entrydayM277">
| |
− | ksjdfljslfkdjlkghjfglhkjflhgkjflhgjflghjflghkjflhj
| |
− | </div>
| |
− |
| |
− | <div class="customelementM5B" id = "entrydayM27">
| |
− | lskdfjslkjgdlkdfjgldkjlakmflsvmclkxmfklmgdmlkcvmblcmkb
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </body>
| |
− |
| |
− |
| |
− | </html>
| |
− |
| |
− | {{Utrecht/Footer}}
| |