Difference between revisions of "Team:Bio Without Borders/Notebook"

(ran code through a formatter so I can debug it)
 
(12 intermediate revisions by the same user not shown)
Line 18: Line 18:
 
         margin: 37.79527559055118px 37.79527559055118px 37.79527559055118px 37.79527559055118px;
 
         margin: 37.79527559055118px 37.79527559055118px 37.79527559055118px 37.79527559055118px;
 
       }
 
       }
 +
      .mediocre-noteEditable-indenter, .step-checkbox { float:left; }
 
</style>
 
</style>
 
<div>
 
<div>
Line 45: Line 46:
 
                                             <div class="hiddenFocusEditable js-focusBearer" contenteditable="true" tabindex="-1"></div>
 
                                             <div class="hiddenFocusEditable js-focusBearer" contenteditable="true" tabindex="-1"></div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay858">
 
                                             <div class="daySeparator" data-scroll-id="entryDay858">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Friday, 5/24/19</span>
+
                                                <span class="daySeparator-date">Friday, 5/24/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 157: Line 158:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay860">
 
                                             <div class="daySeparator" data-scroll-id="entryDay860">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Friday, 5/31/19</span>
+
                                                <span class="daySeparator-date">Friday, 5/31/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 175: Line 176:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay862">
 
                                             <div class="daySeparator" data-scroll-id="entryDay862">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Friday, 6/7/19</span>
+
                                                <span class="daySeparator-date">Friday, 6/7/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 203: Line 204:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay864">
 
                                             <div class="daySeparator" data-scroll-id="entryDay864">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Friday, 6/14/19</span>
+
                                                <span class="daySeparator-date">Friday, 6/14/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 249: Line 250:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay866">
 
                                             <div class="daySeparator" data-scroll-id="entryDay866">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Friday, 6/21/19</span>
+
                                                <span class="daySeparator-date">Friday, 6/21/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 342: Line 343:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay868">
 
                                             <div class="daySeparator" data-scroll-id="entryDay868">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Friday, 6/28/19</span>
+
                                                <span class="daySeparator-date">Friday, 6/28/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 382: Line 383:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay870">
 
                                             <div class="daySeparator" data-scroll-id="entryDay870">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Monday, 7/8/19</span>
+
                                                <span class="daySeparator-date">Monday, 7/8/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 428: Line 429:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay872">
 
                                             <div class="daySeparator" data-scroll-id="entryDay872">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Tuesday, 7/9/19</span>
+
                                                <span class="daySeparator-date">Tuesday, 7/9/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 516: Line 517:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay874">
 
                                             <div class="daySeparator" data-scroll-id="entryDay874">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Friday, 7/12/19</span>
+
                                                <span class="daySeparator-date">Friday, 7/12/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 553: Line 554:
 
                                                                                                 <div class="pull-right"></div>
 
                                                                                                 <div class="pull-right"></div>
 
                                                                                                 <div class="pull-right"><span></span></div><span class="glyphicon glyphicon-paperclip note-icon u-small-spacing-right pull-left" icon="paperclip"></span>
 
                                                                                                 <div class="pull-right"><span></span></div><span class="glyphicon glyphicon-paperclip note-icon u-small-spacing-right pull-left" icon="paperclip"></span>
                                                                                                 <div class="note-itemName">iGEM_Meeting_Notebook.pdf</div>
+
                                                                                                  
 
                                                                                             </h5>
 
                                                                                             </h5>
 
                                                                                             <div class=""></div>
 
                                                                                             <div class=""></div>
Line 574: Line 575:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay876">
 
                                             <div class="daySeparator" data-scroll-id="entryDay876">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Tuesday, 7/16/19</span>
+
                                                <span class="daySeparator-date">Tuesday, 7/16/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 614: Line 615:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay878">
 
                                             <div class="daySeparator" data-scroll-id="entryDay878">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Thursday, 7/18/19</span>
+
                                                <span class="daySeparator-date">Thursday, 7/18/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 654: Line 655:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay880">
 
                                             <div class="daySeparator" data-scroll-id="entryDay880">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Monday, 7/22/19</span>
+
                                                <span class="daySeparator-date">Monday, 7/22/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 700: Line 701:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay882">
 
                                             <div class="daySeparator" data-scroll-id="entryDay882">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Thursday, 7/25/19</span>
+
                                                <span class="daySeparator-date">Thursday, 7/25/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 808: Line 809:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay884">
 
                                             <div class="daySeparator" data-scroll-id="entryDay884">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Tuesday, 7/30/19</span>
+
                                                <span class="daySeparator-date">Tuesday, 7/30/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 824: Line 825:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay886">
 
                                             <div class="daySeparator" data-scroll-id="entryDay886">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Wednesday, 7/31/19</span>
+
                                                <span class="daySeparator-date">Wednesday, 7/31/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 852: Line 853:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay888">
 
                                             <div class="daySeparator" data-scroll-id="entryDay888">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Thursday, 8/1/19</span>
+
                                                <span class="daySeparator-date">Thursday, 8/1/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 874: Line 875:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay890">
 
                                             <div class="daySeparator" data-scroll-id="entryDay890">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Monday, 8/12/19</span>
+
                                                <span class="daySeparator-date">Monday, 8/12/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 884: Line 885:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay892">
 
                                             <div class="daySeparator" data-scroll-id="entryDay892">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Tuesday, 8/13/19</span>
+
                                                <span class="daySeparator-date">Tuesday, 8/13/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,020: Line 1,021:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay894">
 
                                             <div class="daySeparator" data-scroll-id="entryDay894">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Wednesday, 8/14/19</span>
+
                                                <span class="daySeparator-date">Wednesday, 8/14/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,042: Line 1,043:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay896">
 
                                             <div class="daySeparator" data-scroll-id="entryDay896">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Thursday, 8/15/19</span>
+
                                                <span class="daySeparator-date">Thursday, 8/15/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,106: Line 1,107:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay898">
 
                                             <div class="daySeparator" data-scroll-id="entryDay898">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Monday, 8/19/19</span>
+
                                                <span class="daySeparator-date">Monday, 8/19/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,135: Line 1,136:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay900">
 
                                             <div class="daySeparator" data-scroll-id="entryDay900">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Tuesday, 8/20/19</span>
+
                                                <span class="daySeparator-date">Tuesday, 8/20/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,205: Line 1,206:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay902">
 
                                             <div class="daySeparator" data-scroll-id="entryDay902">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Tuesday, 8/27/19</span>
+
                                                <span class="daySeparator-date">Tuesday, 8/27/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,239: Line 1,240:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay904">
 
                                             <div class="daySeparator" data-scroll-id="entryDay904">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Tuesday, 9/3/19</span>
+
                                                <span class="daySeparator-date">Tuesday, 9/3/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,277: Line 1,278:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay906">
 
                                             <div class="daySeparator" data-scroll-id="entryDay906">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Wednesday, 9/4/19</span>
+
                                                <span class="daySeparator-date">Wednesday, 9/4/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,377: Line 1,378:
 
                                             </div>
 
                                             </div>
 
                                             <div class="daySeparator" data-scroll-id="entryDay908">
 
                                             <div class="daySeparator" data-scroll-id="entryDay908">
                                                <div class="daySeparator-inputWrapper"><input class="daySeparator-inputWrapper-hiddenInput" type="input" /></div><span class="daySeparator-date">Thursday, 9/5/19</span>
+
                                                <span class="daySeparator-date">Thursday, 9/5/19</span>
 
                                                 <div class="daySeparator-line"></div>
 
                                                 <div class="daySeparator-line"></div>
 
                                             </div>
 
                                             </div>
Line 1,639: Line 1,640:
 
                                                                                 <tbody>
 
                                                                                 <tbody>
 
                                                                                     <tr>
 
                                                                                     <tr>
                                                                                         <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--header"></td>
+
                                                                                          
                                                                                         <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--col">
+
                                                                                         <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-0-0" data-namespace="table-ns1718"><span><b>Component</b></span></td>
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                         <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-0-1" data-namespace="table-ns1718"><span><b>Volume (µl)</b></span></td>
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible mediocre-tableEditable-axisCell--header">A</div>
+
                                                                                          
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                                <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                    <div class="u-flex-display"></div>
+
                                                                                                </div>
+
                                                                                            </div>
+
                                                                                        </td>
+
                                                                                         <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--col">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible mediocre-tableEditable-axisCell--header">B</div>
+
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                                <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                    <div class="u-flex-display"></div>
+
                                                                                                </div>
+
                                                                                            </div>
+
                                                                                        </td>
+
                                                                                         <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--col">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible mediocre-tableEditable-axisCell--header">C</div>
+
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                                <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                    <div class="u-flex-display"></div>
+
                                                                                                </div>
+
                                                                                            </div>
+
                                                                                        </td>
+
 
                                                                                     </tr>
 
                                                                                     </tr>
 
                                                                                     <tr>
 
                                                                                     <tr>
                                                                                        <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                                <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-1-0" data-namespace="table-ns1718"><span>Buffer (10x)</span></td>
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">1</div>
+
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                                <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                    <div class="u-flex-display"></div>
+
                                                                                                </div>
+
                                                                                            </div>
+
                                                                                        </td>
+
                                                                                        <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-0-0" data-namespace="table-ns1718"><span></span></td>
+
                                                                                        <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-0-1" data-namespace="table-ns1718"><span>Volume (µl)</span></td>
+
                                                                                        <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-0-2" data-namespace="table-ns1718"><span></span></td>
+
                                                                                    </tr>
+
                                                                                    <tr>
+
                                                                                        <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">2</div>
+
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                                <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                    <div class="u-flex-display"></div>
+
                                                                                                </div>
+
                                                                                            </div>
+
                                                                                        </td>
+
                                                                                        <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-1-0" data-namespace="table-ns1718"><span>Buffer (10x)</span></td>
+
 
                                                                                         <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1142-1-1" data-namespace="table-ns1718"><span>5</span></td>
 
                                                                                         <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1142-1-1" data-namespace="table-ns1718"><span>5</span></td>
                                                                                         <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-1-2" data-namespace="table-ns1718"><span></span></td>
+
                                                                                          
 
                                                                                     </tr>
 
                                                                                     </tr>
 
                                                                                     <tr>
 
                                                                                     <tr>
                                                                                         <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                          
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">3</div>
+
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                                <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                    <div class="u-flex-display"></div>
+
                                                                                                </div>
+
                                                                                            </div>
+
                                                                                        </td>
+
 
                                                                                         <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-2-0" data-namespace="table-ns1718"><span>DNA *</span></td>
 
                                                                                         <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-2-0" data-namespace="table-ns1718"><span>DNA *</span></td>
 
                                                                                         <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-2-1" data-namespace="table-ns1718" style="color: rgb(0, 0, 0); background-color: rgb(79, 203, 125);"><span>Input Volume for ng</span></td>
 
                                                                                         <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-2-1" data-namespace="table-ns1718" style="color: rgb(0, 0, 0); background-color: rgb(79, 203, 125);"><span>Input Volume for ng</span></td>
                                                                                        <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-2-2" data-namespace="table-ns1718"><span></span></td>
+
                                                                                                                                                                            </tr>
                                                                                    </tr>
+
 
                                                                                     <tr>
 
                                                                                     <tr>
                                                                                        <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                              <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-3-0" data-namespace="table-ns1718"><span>Restriction Enzyme #1 **</span></td>
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">4</div>
+
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                            </div>
+
                                                                                        </td>
+
                                                                                        <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-3-0" data-namespace="table-ns1718"><span>Restriction Enzyme #1 **</span></td>
+
 
                                                                                         <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1142-3-1" data-namespace="table-ns1718"><span>1</span></td>
 
                                                                                         <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1142-3-1" data-namespace="table-ns1718"><span>1</span></td>
                                                                                         <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-3-2" data-namespace="table-ns1718"><span></span></td>
+
                                                                                          
 
                                                                                     </tr>
 
                                                                                     </tr>
 
                                                                                     <tr>
 
                                                                                     <tr>
                                                                                        <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                              <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-4-0" data-namespace="table-ns1718"><span>Deionized Water (μl)</span></td>
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">5</div>
+
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                            </div>
+
                                                                                        </td>
+
                                                                                        <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-4-0" data-namespace="table-ns1718"><span>Deionized Water (μl)</span></td>
+
 
                                                                                         <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1142-4-1" data-namespace="table-ns1718"><span>1</span></td>
 
                                                                                         <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1142-4-1" data-namespace="table-ns1718"><span>1</span></td>
                                                                                         <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-4-2" data-namespace="table-ns1718"><span></span></td>
+
                                                                                          
 
                                                                                     </tr>
 
                                                                                     </tr>
 
                                                                                     <tr>
 
                                                                                     <tr>
                                                                                        <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                              <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-5-0" data-namespace="table-ns1718"><span>Total Volume (μl)</span></td>
                                                                                            <div class="errorTriangle aggregateValidationIndicator errorTriangle--illegal" data-original-title="" title=""></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                                <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">6</div>
+
                                                                                                <div class="u-flex-display invisible"></div>
+
                                                                                            </div>
+
                                                                                        </td>
+
                                                                                        <td class="cell is-text is-bold is-alignLeft cell-contents" data-cid="table-s1142-5-0" data-namespace="table-ns1718"><span>Total Volume (μl)</span></td>
+
 
                                                                                         <td class="cell is-text is-alignLeft cell--error" data-cid="table-s1142-5-1" data-namespace="table-ns1718">
 
                                                                                         <td class="cell is-text is-alignLeft cell--error" data-cid="table-s1142-5-1" data-namespace="table-ns1718">
 
                                                                                             <div class="cell-innerWrapper">
 
                                                                                             <div class="cell-innerWrapper">
 
                                                                                                 <div class="errorTriangle cellValidationIndicator errorTriangle--illegal" data-original-title="" title=""></div>
 
                                                                                                 <div class="errorTriangle cellValidationIndicator errorTriangle--illegal" data-original-title="" title=""></div>
                                                                                                 <div class="cell-contents"><span>#VALUE!</span></div>
+
                                                                                                 <div class="cell-contents"><span></span></div>
 
                                                                                             </div>
 
                                                                                             </div>
 
                                                                                         </td>
 
                                                                                         </td>
                                                                                         <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1142-5-2" data-namespace="table-ns1718"><span></span></td>
+
                                                                                          
 
                                                                                     </tr>
 
                                                                                     </tr>
 
                                                                                 </tbody>
 
                                                                                 </tbody>
Line 1,787: Line 1,713:
 
                                                                     <div class="mediocre-tableEditable-tableName u-pointer">
 
                                                                     <div class="mediocre-tableEditable-tableName u-pointer">
 
                                                                         <div class="u-flex-grow u-overflow-hidden u-verticalCenterItems">
 
                                                                         <div class="u-flex-grow u-overflow-hidden u-verticalCenterItems">
                                                                             <div class="u-ellipsis-text"><span class="u-ellipsis-text">Table1</span></div>
+
                                                                             <div class="u-ellipsis-text"><span class="u-ellipsis-text"></span></div>
 
                                                                         </div>
 
                                                                         </div>
 
                                                                         <div class="u-flex-none"></div>
 
                                                                         <div class="u-flex-none"></div>
Line 1,862: Line 1,788:
 
                                                         <div class="timer-outer">
 
                                                         <div class="timer-outer">
 
                                                             <div>
 
                                                             <div>
                                                                 <div class="timer-editable-wrapper"><span><span class="step-timer inline-step-timer"><div class="time-display">01:00<span class="time-small">:00</span></div>
+
                                                                 <div class="timer-editable-wrapper"><span><span class="step-timer inline-step-timer"><div class="time-display"><span class="time-small"></span></div>
 
                                                                 <div class="time-controls"><a><span class="glyphicon glyphicon-play" icon="play"></span></a></div>
 
                                                                 <div class="time-controls"><a><span class="glyphicon glyphicon-play" icon="play"></span></a></div>
 
                                                                 </span>
 
                                                                 </span>
Line 2,111: Line 2,037:
 
                                                                             <tbody>
 
                                                                             <tbody>
 
                                                                                 <tr>
 
                                                                                 <tr>
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--header"></td>
+
                                                                                                                                                        <td class="cell is-text is-bold is-alignLeft header-cell cell-contents" data-cid="table-s1173-0-0" data-namespace="table-ns1724"><span><b>Component</b></span></td>
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--col">
+
                                                                                     <td class="cell is-text is-bold is-alignLeft header-cell cell-contents" data-cid="table-s1173-0-1" data-namespace="table-ns1724"><span><b>Volume (μl)</b></span></td>
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible mediocre-tableEditable-axisCell--header">A</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                <div class="u-flex-display"></div>
+
                                                                                            </div>
+
                                                                                        </div>
+
                                                                                    </td>
+
                                                                                     <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--col">
+
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible mediocre-tableEditable-axisCell--header">B</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                <div class="u-flex-display"></div>
+
                                                                                            </div>
+
                                                                                        </div>
+
                                                                                    </td>
+
 
                                                                                 </tr>
 
                                                                                 </tr>
 
                                                                                 <tr>
 
                                                                                 <tr>
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                        <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-1-0" data-namespace="table-ns1724"><span>10X T4 DNA Ligase Buffer</span></td>
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">1</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                <div class="u-flex-display"></div>
+
                                                                                            </div>
+
                                                                                        </div>
+
                                                                                    </td>
+
                                                                                    <td class="cell is-text is-bold is-alignLeft header-cell cell-contents" data-cid="table-s1173-0-0" data-namespace="table-ns1724"><span>Component</span></td>
+
                                                                                    <td class="cell is-text is-bold is-alignLeft header-cell cell-contents" data-cid="table-s1173-0-1" data-namespace="table-ns1724"><span>Volume (μl)</span></td>
+
                                                                                </tr>
+
                                                                                <tr>
+
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">2</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                <div class="u-flex-display"></div>
+
                                                                                            </div>
+
                                                                                        </div>
+
                                                                                    </td>
+
                                                                                    <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-1-0" data-namespace="table-ns1724"><span>10X T4 DNA Ligase Buffer</span></td>
+
 
                                                                                     <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1173-1-1" data-namespace="table-ns1724"><span>2</span></td>
 
                                                                                     <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1173-1-1" data-namespace="table-ns1724"><span>2</span></td>
 
                                                                                 </tr>
 
                                                                                 </tr>
 
                                                                                 <tr>
 
                                                                                 <tr>
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                      <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-2-0" data-namespace="table-ns1724"><span>Vector DNA: 50 ng (0.020 pmol)</span></td>
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">3</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                        </div>
+
                                                                                    </td>
+
                                                                                    <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-2-0" data-namespace="table-ns1724"><span>Vector DNA: 50 ng (0.020 pmol)</span></td>
+
 
                                                                                     <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-2-1" data-namespace="table-ns1724"><span></span></td>
 
                                                                                     <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-2-1" data-namespace="table-ns1724"><span></span></td>
 
                                                                                 </tr>
 
                                                                                 </tr>
 
                                                                                 <tr>
 
                                                                                 <tr>
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                        <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-3-0" data-namespace="table-ns1724"><span>Insert DNA: 37.5 ng (0.060 pmol)</span></td>
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">4</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                <div class="u-flex-display"></div>
+
                                                                                            </div>
+
                                                                                        </div>
+
                                                                                    </td>
+
                                                                                    <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-3-0" data-namespace="table-ns1724"><span>Insert DNA: 37.5 ng (0.060 pmol)</span></td>
+
 
                                                                                     <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-3-1" data-namespace="table-ns1724"><span></span></td>
 
                                                                                     <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-3-1" data-namespace="table-ns1724"><span></span></td>
 
                                                                                 </tr>
 
                                                                                 </tr>
 
                                                                                 <tr>
 
                                                                                 <tr>
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                        <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-4-0" data-namespace="table-ns1724"><span>Nuclease-free water</span></td>
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">5</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                <div class="u-flex-display"></div>
+
                                                                                            </div>
+
                                                                                        </div>
+
                                                                                    </td>
+
                                                                                    <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-4-0" data-namespace="table-ns1724"><span>Nuclease-free water</span></td>
+
 
                                                                                     <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1173-4-1" data-namespace="table-ns1724"><span>17</span></td>
 
                                                                                     <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1173-4-1" data-namespace="table-ns1724"><span>17</span></td>
 
                                                                                 </tr>
 
                                                                                 </tr>
 
                                                                                 <tr>
 
                                                                                 <tr>
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                        <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-5-0" data-namespace="table-ns1724"><span>T4 DNA Ligase</span></td>
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">6</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                <div class="u-flex-display"></div>
+
                                                                                            </div>
+
                                                                                        </div>
+
                                                                                    </td>
+
                                                                                    <td class="cell is-text is-alignLeft cell-contents" data-cid="table-s1173-5-0" data-namespace="table-ns1724"><span>T4 DNA Ligase</span></td>
+
 
                                                                                     <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1173-5-1" data-namespace="table-ns1724"><span>1</span></td>
 
                                                                                     <td class="cell is-value is-alignRight cell-contents" data-cid="table-s1173-5-1" data-namespace="table-ns1724"><span>1</span></td>
 
                                                                                 </tr>
 
                                                                                 </tr>
 
                                                                                 <tr>
 
                                                                                 <tr>
                                                                                    <td class="mediocre-tableEditable-axisCell mediocre-tableEditable-axisCell--row">
+
                                                                                                                                                        <td class="cell is-text is-underline is-alignLeft cell-contents" data-cid="table-s1173-6-0" data-namespace="table-ns1724"><span>Total</span></td>
                                                                                        <div class="mediocre-tableEditable-axisCell-labelWrapper">
+
                                                                                            <div class="mediocre-tableEditable-axisCell-labelSizer u-overflow-wrap-break-word invisible">7</div>
+
                                                                                            <div class="u-flex-display invisible"></div>
+
                                                                                            <div class="mediocre-tableEditable-axisCell-label u-verticalCenterItems">
+
                                                                                                <div class="u-flex-display"></div>
+
                                                                                            </div>
+
                                                                                        </div>
+
                                                                                    </td>
+
                                                                                    <td class="cell is-text is-underline is-alignLeft cell-contents" data-cid="table-s1173-6-0" data-namespace="table-ns1724"><span>Total</span></td>
+
 
                                                                                     <td class="cell is-value is-underline is-alignRight cell-contents" data-cid="table-s1173-6-1" data-namespace="table-ns1724"><span>20</span></td>
 
                                                                                     <td class="cell is-value is-underline is-alignRight cell-contents" data-cid="table-s1173-6-1" data-namespace="table-ns1724"><span>20</span></td>
 
                                                                                 </tr>
 
                                                                                 </tr>
Line 2,260: Line 2,105:
 
                                                                 <div class="mediocre-tableEditable-tableName u-pointer">
 
                                                                 <div class="mediocre-tableEditable-tableName u-pointer">
 
                                                                     <div class="u-flex-grow u-overflow-hidden u-verticalCenterItems">
 
                                                                     <div class="u-flex-grow u-overflow-hidden u-verticalCenterItems">
                                                                         <div class="u-ellipsis-text"><span class="u-ellipsis-text">Table1</span></div>
+
                                                                         <div class="u-ellipsis-text"><span class="u-ellipsis-text"></span></div>
 
                                                                     </div>
 
                                                                     </div>
 
                                                                     <div class="u-flex-none"></div>
 
                                                                     <div class="u-flex-none"></div>
Line 2,308: Line 2,153:
 
                                                     <div class="timer-outer">
 
                                                     <div class="timer-outer">
 
                                                         <div>
 
                                                         <div>
                                                             <div class="timer-editable-wrapper"><span><span class="step-timer inline-step-timer"><div class="time-display">00:10<span class="time-small">:00</span></div>
+
                                                             <div class="timer-editable-wrapper"><span><span class="step-timer inline-step-timer"><div class="time-display"><span class="time-small"></span></div>
 
                                                             <div class="time-controls"><a><span class="glyphicon glyphicon-play" icon="play"></span></a></div>
 
                                                             <div class="time-controls"><a><span class="glyphicon glyphicon-play" icon="play"></span></a></div>
 
                                                             </span>
 
                                                             </span>

Latest revision as of 04:27, 14 December 2019

BwoB iGEM 2019 · Benchling
dropdown-up