|
|
(29 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 = 'A';
| |
− | inactiveJuly = [10, 12, 19];
| |
− | inactiveAugust = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,29];
| |
− | inactiveSeptember = [15, 16, 19];
| |
− | firstInactive = inactiveAugust;
| |
− | }
| |
− | 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 = "entrydayRA21">
| |
− | <p>The Cu-promotor (pSB1K3) and RFP (pSB1K3) were transformed from the kit according to the protocol. The bacteria were plated in 100% and 500%. The custom receptor was ordered and put in the pBSK vector </p>
| |
− | </div>
| |
− |
| |
− | <div class="customelementM5B" id = "entrydayRA22">
| |
− | <p>Bacteria grown and colonies were picked and inoculated in 5 ml LB with
| |
− | Cu-promotor (pSB1K3) = Kanamycin
| |
− | RFP (pSB1K3) = Kanamycin
| |
− | Custom Receptor pBSK = Ampicillin </p>
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class="customelementM5B" id = "entrydayRA23">
| |
− | <p>Miniprep was performed according to the protocol
| |
− | Cu-promotor → 250
| |
− | Custom receptor → 360
| |
− | RFP → 91.7 </p>
| |
− |
| |
− | <p>The “dirty” method of cloning was used to couple the Cu-Promotor and RFP in one vector. The custom receptor was transformed to another vector (pSBK) </p?
| |
− |
| |
− | <p>For each of the three samples a mastermix was made. For each digestion the DNA concentration was reduced to 25 ng/ul. 4 ul of sample was transferred to a PCR tube with 4 ul of the according restriction mix. The samples were incubated for 1 hour at 37 C. After 1 hour the samples were taken out of the incubator and enzymes were heat inactivated at 80C for 20 min. 1ul of Cu-promotor and 1ul of RFP were added to one PCR tube. Furthermore 1ul DNA T4 ligase buffer and 0.5 ul of T4 ligase were added. The total volume was made up to 10 ul with 3.5 ul dH2O. The samples were incubated for one hour (RT). Enzymes were deactivated with heat kill 80C 20 min. </p>
| |
− |
| |
− | <p>DNA was transformed in DH5a according to the NEB protocol. </p>
| |
− |
| |
− |
| |
− | </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}}
| |