|
|
| (38 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;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*Top Bar*/
| |
| − |
| |
| − | .topnav {
| |
| − | height:14%;
| |
| − | width:100%;
| |
| − | background-image: linear-gradient(to right,#A4C2F4, white, #A4C2F4);
| |
| − | position:fixed;
| |
| − | top: 0px; /* Position the navbar at the top of the page */
| |
| − | left:0px;
| |
| − | z-index:1;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Bottom Bar*/
| |
| − |
| |
| − | .submenuM {
| |
| − | position: fixed;
| |
| − | width: 12vw;
| |
| − | top: 14%;
| |
| − | left: 25vh;
| |
| − | z-index: 200;
| |
| − | background-color: #fff;
| |
| − | box-shadow: 5px 20px 20px -10px grey;
| |
| − | border: 0px 0px 1px 1px solid black;
| |
| − | }
| |
| − |
| |
| − | .submenuM:empty{
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .submenuM a {
| |
| − | width: 100%;
| |
| − | color: black;
| |
| − | padding: 5px 0px;
| |
| − | box-sizing: border-box;
| |
| − | text-align: center;
| |
| − | text-decoration: none;
| |
| − | font-size: 2vmin;
| |
| − | border-radius: 0px 0px 0px 15px;
| |
| − | }
| |
| − |
| |
| − | .submenuM a:hover {
| |
| − | background-color: #90EE90;
| |
| − | color: white;
| |
| − | border-radius: 0px;
| |
| − | }
| |
| − |
| |
| − | .submenuM a.active {
| |
| − | background-color: #A4C2F4ff;
| |
| − | border-radius: 0px;
| |
| − | }
| |
| − |
| |
| − | </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}}
| |
