m (Added Calendars) |
m |
||
(134 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <style> | ||
− | + | /* Slideshow container */ | |
+ | .slideshow-container { | ||
+ | //max-width: 1000px; | ||
+ | position: relative; | ||
+ | margin: 40px; | ||
+ | float:right; | ||
+ | width: 40vw; | ||
+ | outline: solid 2px grey; | ||
+ | overflow:scroll; | ||
+ | } | ||
− | + | p { | |
+ | padding: 20px 0px 0px 20px; | ||
+ | font-family: 'MartelReg'; | ||
+ | font-size: 16px; | ||
+ | } | ||
− | + | /* Next & previous buttons */ | |
+ | .prev, .next { | ||
+ | cursor: pointer; | ||
+ | //position: relative; | ||
+ | top: 0; | ||
+ | top: 50%; | ||
+ | //width: auto; | ||
+ | margin-top: -22px; | ||
+ | padding: 16px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | transition: 0.6s ease; | ||
+ | border-radius: 3px 3px 3px 3px; | ||
+ | } | ||
− | + | /* Position the "next button" to the right */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .prev { | |
+ | float: left; | ||
+ | } | ||
+ | .next { | ||
+ | //right: 0; | ||
+ | border-radius: 3px 3px 3px 3px; | ||
+ | float: right; | ||
+ | } | ||
− | + | /* On hover, add a black background color with a little bit see-through */ | |
− | + | .prev:hover, .next:hover { | |
− | + | background-color: rgba(0,0,0,0.8); | |
+ | } | ||
− | + | /* Caption text */ | |
− | + | .text { | |
− | + | //color: #f2f2f2; | |
− | < | + | font-size: 15px; |
− | < | + | padding: 8px 12px; |
− | </ | + | position: absolute; |
+ | bottom: 8px; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | |||
+ | transform: translateY(100%); | ||
+ | -ms-transform: translateY(100%); | ||
+ | -moz-transform: translateY(100%x); | ||
+ | -webkit-transform: translateY(100%); | ||
+ | -o-transform: translateY(100%); | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Number text (1/3 etc) */ | ||
+ | .numbertext { | ||
+ | //color: #f2f2f2; | ||
+ | font-size: 12px; | ||
+ | padding: 8px 12px; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | /* The dots/bullets/indicators */ | ||
+ | .dot { | ||
+ | cursor:pointer; | ||
+ | height: 13px; | ||
+ | width: 13px; | ||
+ | margin: 0 2px; | ||
+ | background-color: #bbb; | ||
+ | border-radius: 50%; | ||
+ | display: inline-block; | ||
+ | transition: background-color 0.6s ease; | ||
+ | } | ||
+ | |||
+ | .active, .dot:hover { | ||
+ | background-color: #717171; | ||
+ | } | ||
+ | |||
+ | /* Fading animation */ | ||
+ | .fade { | ||
+ | -webkit-animation-name: fade; | ||
+ | -webkit-animation-duration: 1.5s; | ||
+ | animation-name: fade; | ||
+ | animation-duration: 1.5s; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | |||
+ | @keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | |||
+ | |||
+ | .month-calendar { | ||
+ | |||
+ | width: 400px; | ||
+ | //float:left; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | //display: none; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | .button-wrapper { | ||
+ | |||
+ | width: 200px; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | //display: none; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | display:block; | ||
+ | background:grey; | ||
+ | padding: 30px 50px 30px 50px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | tr { | ||
+ | line-height: 0px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .selected-date { | ||
+ | background-color: #72c9b6; | ||
+ | } | ||
+ | |||
+ | .date { | ||
+ | |||
+ | } | ||
+ | |||
+ | td { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .mySlides { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .calendar-wrapper { | ||
+ | display:table; | ||
+ | float:left; | ||
+ | width: 45vw; | ||
+ | position: relative; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <div class = "column full_size"> | ||
+ | |||
+ | <div class = "title2"></div> | ||
+ | <!--<div class="action"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--WashU_StLouis--Action.png" style="width:100%;"></div>--> | ||
+ | <div class = "speech"><img src="https://static.igem.org/mediawiki/2016/0/05/T--WashU_StLouis--Speech.png" style="width:100%;"></div> | ||
+ | |||
+ | <h1 class="actionwords">Notebook</h1> | ||
+ | <h2 class="speechwords">Reading about labwork is <i> almost </i> as fun as doing labwork</h2> | ||
− | |||
− | <div class="month-calendar"> | + | <div class = "calendar-wrapper"> |
+ | <div class="month-calendar june" style = "display:block;"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
Line 42: | Line 193: | ||
<td></td> | <td></td> | ||
<td></td> | <td></td> | ||
− | <td>1</td> | + | <td class = "date selected-date">1</td> |
− | <td>2</td> | + | <td class = "date">2</td> |
− | <td>3</td> | + | <td class = "date">3</td> |
− | <td>4</td> | + | <td class = "date">4</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>5</td> | + | <td class = "date">5</td> |
− | <td>6</td> | + | <td class = "date">6</td> |
− | <td>7</td> | + | <td class = "date">7</td> |
− | <td>8</td> | + | <td class = "date">8</td> |
− | <td>9</td> | + | <td class = "date">9</td> |
− | <td>10</td> | + | <td class = "date">10</td> |
− | <td>11</td> | + | <td class = "date">11</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>12</td> | + | <td class = "date">12</td> |
− | <td>13</td> | + | <td class = "date">13</td> |
− | <td>14</td> | + | <td class = "date">14</td> |
− | <td>15</td> | + | <td class = "date">15</td> |
− | <td>16</td> | + | <td class = "date">16</td> |
− | <td>17</td> | + | <td class = "date">17</td> |
− | <td>18</td> | + | <td class = "date">18</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>19</td> | + | <td class = "date">19</td> |
− | <td>20</td> | + | <td class = "date">20</td> |
− | <td>21</td> | + | <td class = "date">21</td> |
− | <td>22</td> | + | <td class = "date">22</td> |
− | <td>23</td> | + | <td class = "date">23</td> |
− | <td>24</td> | + | <td class = "date">24</td> |
− | <td>25</td> | + | <td class = "date">25</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>26</td> | + | <td class = "date">26</td> |
− | <td>27</td> | + | <td class = "date">27</td> |
− | <td>28</td> | + | <td class = "date">28</td> |
− | <td>29</td> | + | <td class = "date">29</td> |
− | <td>30</td> | + | <td class = "date">30</td> |
<td></td> | <td></td> | ||
<td></td> | <td></td> | ||
Line 93: | Line 244: | ||
</tr> | </tr> | ||
</table> | </table> | ||
+ | </div> | ||
+ | <div class="month-calendar july" style = "display:none;"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
Line 104: | Line 257: | ||
<td></td> | <td></td> | ||
<td></td> | <td></td> | ||
− | <td>1</td> | + | <td class = "date">1</td> |
− | <td>2</td> | + | <td class = "date">2</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>3</td> | + | <td class = "date">3</td> |
− | <td>4</td> | + | <td class = "date">4</td> |
− | <td>5</td> | + | <td class = "date">5</td> |
− | <td>6</td> | + | <td class = "date">6</td> |
− | <td>7</td> | + | <td class = "date">7</td> |
− | <td>8</td> | + | <td class = "date">8</td> |
− | <td>9</td> | + | <td class = "date">9</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>10</td> | + | <td class = "date">10</td> |
− | <td>11</td> | + | <td class = "date">11</td> |
− | <td>12</td> | + | <td class = "date">12</td> |
− | <td>13</td> | + | <td class = "date">13</td> |
− | <td>14</td> | + | <td class = "date">14</td> |
− | <td>15</td> | + | <td class = "date">15</td> |
− | <td>16</td> | + | <td class = "date">16</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>17</td> | + | <td class = "date">17</td> |
− | <td>18</td> | + | <td class = "date">18</td> |
− | <td>19</td> | + | <td class = "date">19</td> |
− | <td>20</td> | + | <td class = "date">20</td> |
− | <td>21</td> | + | <td class = "date">21</td> |
− | <td>22</td> | + | <td class = "date">22</td> |
− | <td>23</td> | + | <td class = "date">23</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>24</td> | + | <td class = "date">24</td> |
− | <td>25</td> | + | <td class = "date">25</td> |
− | <td>26</td> | + | <td class = "date">26</td> |
− | <td>27</td> | + | <td class = "date">27</td> |
− | <td>28</td> | + | <td class = "date">28</td> |
− | <td>29</td> | + | <td class = "date">29</td> |
− | <td>30</td> | + | <td class = "date">30</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>31</td> | + | <td class = "date">31</td> |
<td></td> | <td></td> | ||
<td></td> | <td></td> | ||
Line 153: | Line 306: | ||
</tr> | </tr> | ||
</table> | </table> | ||
− | + | </div> | |
+ | |||
+ | <div class="month-calendar august" style = "display:none;"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
Line 160: | Line 315: | ||
<tr> | <tr> | ||
<td></td> | <td></td> | ||
− | <td>1</td> | + | <td class = "date">1</td> |
− | <td>2</td> | + | <td class = "date">2</td> |
− | <td>3</td> | + | <td class = "date">3</td> |
− | <td>4</td> | + | <td class = "date">4</td> |
− | <td>5</td> | + | <td class = "date">5</td> |
− | <td>6</td> | + | <td class = "date">6</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>7</td> | + | <td class = "date">7</td> |
− | <td>8</td> | + | <td class = "date">8</td> |
− | <td>9</td> | + | <td class = "date">9</td> |
− | <td>10</td> | + | <td class = "date">10</td> |
− | <td>11</td> | + | <td class = "date">11</td> |
− | <td>12</td> | + | <td class = "date">12</td> |
− | <td>13</td> | + | <td class = "date">13</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>14</td> | + | <td class = "date">14</td> |
− | <td>15</td> | + | <td class = "date">15</td> |
− | <td>16</td> | + | <td class = "date">16</td> |
− | <td>17</td> | + | <td class = "date">17</td> |
− | <td>18</td> | + | <td class = "date">18</td> |
− | <td>19</td> | + | <td class = "date">19</td> |
− | <td>20</td> | + | <td class = "date">20</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>21</td> | + | <td class = "date">21</td> |
− | <td>22</td> | + | <td class = "date">22</td> |
− | <td>23</td> | + | <td class = "date">23</td> |
− | <td>24</td> | + | <td class = "date">24</td> |
− | <td>25</td> | + | <td class = "date">25</td> |
− | <td>26</td> | + | <td class = "date">26</td> |
− | <td>27</td> | + | <td class = "date">27</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>28</td> | + | <td class = "date">28</td> |
− | <td>29</td> | + | <td class = "date">29</td> |
− | <td>30</td> | + | <td class = "date">30</td> |
− | <td>31</td> | + | <td class = "date">31</td> |
<td></td> | <td></td> | ||
<td></td> | <td></td> | ||
Line 213: | Line 368: | ||
</tr> | </tr> | ||
</table> | </table> | ||
+ | </div> | ||
+ | <div class="month-calendar september" style = "display:none;"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
Line 223: | Line 380: | ||
<td></td> | <td></td> | ||
<td></td> | <td></td> | ||
− | <td>1</td> | + | <td class = "date">1</td> |
− | <td>2</td> | + | <td class = "date">2</td> |
− | <td>3</td> | + | <td class = "date">3</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>4</td> | + | <td class = "date">4</td> |
− | <td>5</td> | + | <td class = "date">5</td> |
− | <td>6</td> | + | <td class = "date">6</td> |
− | <td>7</td> | + | <td class = "date">7</td> |
− | <td>8</td> | + | <td class = "date">8</td> |
− | <td>9</td> | + | <td class = "date">9</td> |
− | <td>10</td> | + | <td class = "date">10</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>11</td> | + | <td class = "date">11</td> |
− | <td>12</td> | + | <td class = "date">12</td> |
− | <td>13</td> | + | <td class = "date">13</td> |
− | <td>14</td> | + | <td class = "date">14</td> |
− | <td>15</td> | + | <td class = "date">15</td> |
− | <td>16</td> | + | <td class = "date">16</td> |
− | <td>17</td> | + | <td class = "date">17</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>18</td> | + | <td class = "date">18</td> |
− | <td>19</td> | + | <td class = "date">19</td> |
− | <td>20</td> | + | <td class = "date">20</td> |
− | <td>21</td> | + | <td class = "date">21</td> |
− | <td>22</td> | + | <td class = "date">22</td> |
− | <td>23</td> | + | <td class = "date">23</td> |
− | <td>24</td> | + | <td class = "date">24</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>25</td> | + | <td class = "date">25</td> |
− | <td>26</td> | + | <td class = "date">26</td> |
− | <td>27</td> | + | <td class = "date">27</td> |
− | <td>28</td> | + | <td class = "date">28</td> |
− | <td>29</td> | + | <td class = "date">29</td> |
− | <td>30</td> | + | <td class = "date">30</td> |
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
<td></td> | <td></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
+ | </div> | ||
+ | <div class="month-calendar october" style = "display:none;"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
Line 276: | Line 444: | ||
<td></td> | <td></td> | ||
<td></td> | <td></td> | ||
− | <td>1</td> | + | <td class = "date">1</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>2</td> | + | <td class = "date">2</td> |
− | <td>3</td> | + | <td class = "date">3</td> |
− | <td>4</td> | + | <td class = "date">4</td> |
− | <td>5</td> | + | <td class = "date">5</td> |
− | <td>6</td> | + | <td class = "date">6</td> |
− | <td>7</td> | + | <td class = "date">7</td> |
− | <td>8</td> | + | <td class = "date">8</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>9</td> | + | <td class = "date">9</td> |
− | <td>10</td> | + | <td class = "date">10</td> |
− | <td>11</td> | + | <td class = "date">11</td> |
− | <td>12</td> | + | <td class = "date">12</td> |
− | <td>13</td> | + | <td class = "date">13</td> |
− | <td>14</td> | + | <td class = "date">14</td> |
− | <td>15</td> | + | <td class = "date">15</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>16</td> | + | <td class = "date">16</td> |
− | <td>17</td> | + | <td class = "date">17</td> |
− | <td>18</td> | + | <td class = "date">18</td> |
− | <td>19</td> | + | <td class = "date">19</td> |
− | <td>20</td> | + | <td class = "date">20</td> |
− | <td>21</td> | + | <td class = "date">21</td> |
− | <td>22</td> | + | <td class = "date">22</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>23</td> | + | <td class = "date">23</td> |
− | <td>24</td> | + | <td class = "date">24</td> |
− | <td>25</td> | + | <td class = "date">25</td> |
− | <td>26</td> | + | <td class = "date">26</td> |
− | <td>27</td> | + | <td class = "date">27</td> |
− | <td>28</td> | + | <td class = "date">28</td> |
− | <td>29</td> | + | <td class = "date">29</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td>30</td> | + | <td class = "date">30</td> |
− | <td>31</td> | + | <td class = "date">31</td> |
<td></td> | <td></td> | ||
<td></td> | <td></td> | ||
Line 324: | Line 492: | ||
</tr> | </tr> | ||
</table> | </table> | ||
− | <div class=" | + | |
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class = "button-wrapper"> | ||
+ | <a class="prev" onclick="changeMonth(-1)">❮❮</a> | ||
+ | <a class="prev" onclick="plusSlides(-1)">❮</a> | ||
+ | <a class="next" onclick="changeMonth(1)">❯❯</a> | ||
+ | <a class="next" onclick="plusSlides(1)">❯</a> | ||
+ | |||
+ | <div style="clear: both;"></div> | ||
+ | |||
+ | <!--<div style="text-align:center"> | ||
+ | <span class="dot" onclick="currentSlide(1)"></span> | ||
+ | <span class="dot" onclick="currentSlide(2)"></span> | ||
+ | <span class="dot" onclick="currentSlide(3)"></span> | ||
+ | </div>--> | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- ************************* CONTENT FOR EACH DAY ************************* --> | ||
+ | |||
+ | <div class="slideshow-container"> | ||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>First day in lab!</li> | ||
+ | <li>Made 1L of LB Media</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Performed gDNA Extraction on E. Coli MG1655 and Synechocystis 6803</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Designed PCR primers for <i>pgk</i>, <i>pck</i>, <i>fldA</i>, <i>petF</i>, ATP Synthase 1, and ATP Synthase 2</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Primers Arrived</li> | ||
+ | <li>Ran PCR on ATP Synthase 2 , <i><i>pgk</i></i>, <i><i>fldA</i></i>, <i><i>petF</i></i>, and pdCas9 plasmid</li> | ||
+ | <li>Ran all PCR products on gel and recovered ATP Synthase 2, <i><i>fldA</i></i>, and <i><i>petF</i></i></li> | ||
+ | <li>Ran gradient PCR on pdCas9 plasmid</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | |||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | |||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li> Made and ran gel for pdCas9</li> | ||
+ | <li>Ran PCR on ATP Synthase 1, <i><i>pgk</i></i>, and <i><i>pck</i></i></li> | ||
+ | <li>Performed gel extraction on yesterday’s ATP Synthase 2</li> | ||
+ | <li>Ran <i><i>pck</i></i>, <i><i>pgk</i></i>, and yesterday’s gradient pdCas9 PCR products on gel and recovered all genes</li> | ||
+ | <li>Performed gel extraction on pdCas9, <i>fldA</i>, <i>petF</i></li> | ||
+ | <li>Ran PCR on psc101 and psc102 plasmid</li> | ||
+ | <li>Ran psc101 and psc102 PCR products on gel - were recovered</li> | ||
+ | <li>Ran gradient PCR on ATP Synthase 1</li> | ||
+ | <li>Made agar plates (forgot the antibiotic)</li> | ||
+ | <li>Ran golden gate one pot assembly for <i>fldA</i> <i>petF</i> genes and the pdCas9 plasmid</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran ATP Synthase 1 PCR products on gel - no bands seen</li> | ||
+ | <li>Gel Extraction for <i>pgk</i>, <i>pck</i>, psc101, and psc102 plasmid</li> | ||
+ | <li>Ran PCR on ATP Synthase 1 (3rd times the charm)</li> | ||
+ | <li>Ran PCR products on gel - WE SAW BANDS! ATP SYNTHASE 1 RECOVERED</li> | ||
+ | <li>Reran PCR on <i>pgk</i>, <i>pck</i>, psc101, and psc102 plasmid because we did not get high enough concentration during gel Extraction</li> | ||
+ | <li>Made new agar plates (with the chloramphenicol)</li> | ||
+ | <li>Transformed the <i>petF</i>, <i>fldA</i> plasmids into competent cells</li> | ||
+ | <li>Plated colonies on agar plates and set in incubator</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Checked for colonies (both genes were successful)</li> | ||
+ | <li>Picked colonies and incubated overnight</li> | ||
+ | <li>Ran yesterday’s PCR products on gel - bands were light but all were recovered</li> | ||
+ | <li>Gel Extraction for <i>pgk</i>, <i>pck</i>, psc101, and psc102 plasmid</li> | ||
+ | <li>Reran PCR on <i>pgk</i>, <i>pck</i>, psc101, and psc102 plasmid because we did not get high enough concentration during gel extraction</li> | ||
+ | <li>Ran PCR products on gel - all were recovered</li> | ||
+ | <li>Gel Extraction for <i>pgk</i>, <i>pck</i>, psc101, and psc102 plasmid</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Miniprepped plasmids for <i>fldA</i>, <i>petF</i></li> | ||
+ | <li>Ran sequence PCR on both plasmids</li> | ||
+ | <li>Ran PCR product on gel to confirm</li> | ||
+ | <li>Clean and Concentrated PCR product</li> | ||
+ | <li>Reran PCR on <i>pgk</i>, <i>pck</i>, psc101, and psc102 plasmid because we did not get high enough concentration during gel extraction (for the fourth time)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Prepared DNA for sequencing</li> | ||
+ | <li>Delivered DNA to WashU Med School</li> | ||
+ | <li>Added DPnI to psc101 and psc102 gel extract products, incubated for an hour, did Clean and Concentrate, measured conc</li> | ||
+ | <li>Ran Golden Gate assembly on <i>pck</i>, <i>pgk</i>, and ATP Synthase</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Electroporation with golden gate products</li> | ||
+ | <li>Redid golden gate for <i>pck</i>, <i>pgk</i>, ATP synthase (did not run properly first time)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Electroporation with better golden gate products</li> | ||
+ | <li>Picked colonies for worse golden gate for <i>pck</i>, <i>pgk</i>, ATP synthase</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Miniprep worse ATP, <i>pck</i>, <i>pgk</i> golden gate</li> | ||
+ | <li>Seq PCR worse ATP, <i>pck</i>, <i>pgk</i> golden gate</li> | ||
+ | <li>Picked colonies for better golden gate for <i>pck</i>, <i>pgk</i>, ATP synthase</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Made frozen stock of better golden gate <i>pck</i>, <i>pgk</i>, ATP synthase</li> | ||
+ | <li>Miniprepped better golden gate <i>pck</i>, <i>pgk</i>, ATP synthase (low concentration)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran sequencing PCR for <i>pgk</i>, <i>pck</i> (4 colonies each)</li> | ||
+ | <li>Gel Extraction for <i>pgk</i>, <i>pck</i> PCR product (no bands)</li> | ||
+ | </ul> </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran sequencing PCR for <i>pck</i> and <i>pgk</i> on a gradient</li> | ||
+ | <li>Gel Extraction for <i>pck</i> PCR product was successful, not <i>pgk</i></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran sequencing PCR for <i>pgk</i> on a different gradient</li> | ||
+ | <li>Gel Extraction for <i>pgk</i> PCR product was not successful</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Picked four new colonies of <i>pgk</i></li> | ||
+ | <li>Started 4 new cultures from frozen stock</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Made frozen stock of the 4 new colonies</li> | ||
+ | <li>Miniprepped all 8 <i>pgk</i> cultures and measured concentrations</li> | ||
+ | <li>Ran gradient PCR on all 8 <i>pgk</i> plasmids</li> | ||
+ | <li>Prepped and sent ATP synthase and <i>pck</i> in for sequencing</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Mixed new <i>pgk</i> sequencing primers</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran gradient PCR on all 8 <i>pgk</i> plasmids</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> 4th of July! </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Sequencing results for ATP and <i>pck</i> were not good</li> | ||
+ | <li>Reran seq PCR on ATP Synthase (bad results)</li> | ||
+ | <li>Picked new ATP colonies</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Miniprepped overnight cultures of ATP 5-8 and forgot to make frozen stock</li> | ||
+ | <li>Ran PCR on ATP plasmids 5-8</li> | ||
+ | <li>PCR for <i>pgk</i> with new primers with gradient</li> | ||
+ | <li>Ran <i>pgk</i> PCR product on gels</li> | ||
+ | <li>Ran golden gate on <i>pgk</i> PCR gel extract</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Electroporation with golden gate <i>pgk</i> product</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Picked 4 <i>pgk</i> products and inoculated them overnight</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Made frozen stock of new 4 <i>pgk</i> cultures</li> | ||
+ | <li>Miniprepped cultures</li> | ||
+ | <li>Seq PCR on new cultures</li> | ||
+ | <li>All 4 cultures showed correct bands</li> | ||
+ | <li>Clean and Concentrate <i>pgk</i> PCR product</li> | ||
+ | <li>Prepped <i>pgk</i> for sequencing</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Delivered <i>pgk</i> for sequencing</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>New ATP synthase sequencing primers and <i>pck</i> regular primers came in</li> | ||
+ | <li>Seq PCR of ATP synthase plasmids with new sequencing primers. No bands</li> | ||
+ | <li>Picked 4 new ATP synthase colonies (again)</li> | ||
+ | <li>Inoculated MG1655 from frozens stock to make more genomic DNA</li> | ||
+ | </ul> </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Extracted genomic DNA from MG1655</li> | ||
+ | <li>Miniprepped new ATP cultures</li> | ||
+ | <li>Ran sequencing PCR on new ATP and got no bands at all. Will use newly transformed cells tomorrow</li> | ||
+ | <li>Ran PCR with <i>pck</i> primers, got light bands</li> | ||
+ | <li>Reran PCR with <i>pck</i> products</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran <i>pck</i> on gel</li> | ||
+ | <li>Gel extracted <i>pck</i> and combined gel extracts to improve concentration</li> | ||
+ | <li>Golden gate ligation on <i>pck</i></li> | ||
+ | <li>Ran ATP sequencing PCR again with different backbone primers</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran gel from yesterday’s ATP PCR. No bands</li> | ||
+ | <li>Ran PCR for <i>pfo</i></li> | ||
+ | <li>Incubated <i>pck</i> and BioBrick cells</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Miniprepped <i>pck</i> and biobrock genes (HSP)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran ATP seq PCR gradient again. No bands. Done with ATP</li> | ||
+ | <li>BioBrick digestion, ligation, transformation with HSP and GFP</li> | ||
+ | <li>Ran PCR seq for <i>pck</i> and gel extract</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Delivered <i>pck</i> sequence to med school</li> | ||
+ | <li>Ligated backbone for BioBrick</li> | ||
+ | <li>Extracted more genomic DNA from MG1655</li> | ||
+ | <li>Gradient PCR on <i>pfo</i></li> | ||
+ | <li>Received 𝛥<i>aceE</i> cells from Yale</li> | ||
+ | <li>Rehydrated and incubated 𝛥<i>aceE</i> cells</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran PCR and gel extract for <i>fldA</i> backbone and <i>petF</i> backbone</li> | ||
+ | <li>DPn1 the two backbones</li> | ||
+ | <li>golden gate ligation on <i>pfo</i> gene and two backbones</li> | ||
+ | <li>Streaked colony from 𝛥<i>aceE</i> plate onto LB/kan plate</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Making media for competent cell protocol</li> | ||
+ | <li>Made new LB with MgSO4 for chemical transformation</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Digested BioBrick miniprep to check length</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Chemically competent cell protocol with 𝛥<i>aceE</i></li> | ||
+ | <li>Miniprepped <i>pfo</i>-<i>petF</i> and <i>fldA</i>-<i>petF</i></li> | ||
+ | <li>Seq PCR miniprepped <i>pfo</i>-<i>petF</i> and <i>fldA</i>=<i>petF</i></li> | ||
+ | <li>Remade LB with MgSO4 with correct concentration</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Restarted comp cell protocol (3rd times the charm)</li> | ||
+ | <li>Clean and Concentrate junction 2 for <i>pfo</i>-<i>fldA</i></li> | ||
+ | <li>Conducted HSP test in LB</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Redid HSP test in minimal media M9</li> | ||
+ | <li>Recultured BioBrick and DH10B control</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Reset up BioBrick experiment but grew diluted cells with LB instead of M9, so we have to do it again</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Redid HSP test in minimal media M9</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Chemical transformation of <i>pfo</i>-<i>petF</i>, <i>pfo</i>-<i>fldA</i>, <i>petF</i>, <i>fldA</i> into knockout strain, plated 80 and 240 ul, also control</li> | ||
+ | <li>Part 1 of interlab study (LUDOX)</li> | ||
+ | <li>Transforming 5 interlab plasmids</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Picked and incubated electron donor colonies plated yesterday</li> | ||
+ | <li>Picked and incubated interlab colonies plated yesterday (2 per construct)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p><ul> | ||
+ | <li>Made frozen stock of incubated colonies and interlab parts</li> | ||
+ | <li>Redid BioBrick experiment at 37C</li> | ||
+ | </ul></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Started induction but had to stop bc no frozen stock of <i>fldA</i>-<i>pfo</i> or <i>petF</i>-<i>fldA</i> in DH10B</li> | ||
+ | <li>Transformed <i>fldA</i>-<i>pfo</i> and <i>petF</i>-<i>pfo</i> into DH10B</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Made frozen stock of 𝛥<i>aceE</i></li> | ||
+ | <li>Made 60% ethanol</li> | ||
+ | <li>Incubated 8 constructs for biotin assay w/ methanol extraction (4 constructs and blank in DH10B and 𝛥<i>aceE</i>)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Methanol extraction assay (grew cells and froze pellets)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Assayed <i>petF</i>-<i>aceE</i> cells. Absorbance was too low to be meaningful</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran preliminary sonication test</li> | ||
+ | <li>Incubated large volume of DH10B</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran large sonication test on DH10B to decide protocol</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Incubated large volume of DH10B</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>More sonication tests</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Made ATP standards from assay instructions</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Made more LB</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Inoculated <i>pgk</i>, <i>pck</i>, DH10B for assay tomorrow</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>ATP luminescence assay</li> | ||
+ | <li>Inoculated 4 constructs and blank in 𝛥<i>aceE</i> cells for tomorrow</li> | ||
+ | </ul> </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Nothing grew, couldn’t do induction</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Inoculated DH10B constructs and control from frozen stock</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>DH10B electron donor induction, froze pellets, measured OD600</li> | ||
+ | <li>Re-transformed constructs into 𝛥<i>aceE</i> cells</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Sonicated and assayed pellets for biotin (1 minute, 40 amp, 1mL PBS)</li> | ||
+ | <li>Reinoculated 𝛥<i>aceE</i> constructs in all antibiotic combinations to determine problem, in LB and plates</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Visited Monsanto</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Measured absorbance data from biotin in DH10B cells</li> | ||
+ | <li>Did ATP Assay and got luminescence data</li> | ||
+ | <li>Incubated all four 𝛥<i>aceE</i> electron donor constructs from frozen stock plates and original plates and incubated 𝛥<i>aceE</i> and DH10B</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Nothing grew from yesterday's inoculations</li> | ||
+ | <li>Interlab study</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Remade competent cells</li> | ||
+ | <li>Finished interlab study (FITC) and sent to iGEM HQ</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Picked colonies from 4 new 𝛥<i>aceE</i> plates and incubated</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>𝛥<i>aceE</i> cell induction</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Incubated <i>pck</i>, <i>pgk</i>, DH10B from frozen stock</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran ATP assay</li> | ||
+ | <li>BioBrick digestion and ligation</li> | ||
+ | <li>Sonicated 𝛥<i>aceE</i> pellets</li> | ||
+ | <li>Ran 𝛥<i>aceE</i> cell absorbance scan</li> | ||
+ | <li>Ran biotin assay on 𝛥<i>aceE</i> cells</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Transformed ligated <i>petF</i> and <i>pck</i> BioBrick plasmids into DH10B (wrong antibiotic)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Transformed ligated <i>petF</i> and <i>pck</i> BioBrick plasmids into DH10B (kan = right)</li> | ||
+ | <li>Wrapped <i>pck</i> and <i>pgk</i> plasmids to be sent to Cardiff University iGEM</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Small colonies grew on all plates</li> | ||
+ | <li>Picked colonies and inoculated</li> | ||
+ | <li>Sent plasmids to Cardiff University iGEM</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Miniprep on <i>pck</i> and <i>petF</i> BioBrick</li> | ||
+ | <li>Reusupended TetR-pTet gBlocks</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Digestion/Ligation/Transformation of pSB1C3 and tetr-ptet BioBrick</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>TetR-pTet colonies grew, picked colonies</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Miniprepped TetR-pTet BioBrick</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>digested BioBricks to check bands sizes</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>No lab work done</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran PCR on BioBrick plasmids</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran PCR products on gel</li> | ||
+ | <li>Only <i>petF</i> showed up</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>digestion of <i>pck</i>, TetR-pTet, and pSB1C3 with EcoRI</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Digestion of <i>pck</i>, TetR-pTet, and pSB1C3 with PstI</li> | ||
+ | <li>Ligated <i>pck</i> and TetR-pTet to pSB1C3</li> | ||
+ | <li>Transformed into DH10B</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Only TetR-pTet grew</li> | ||
+ | <li>Ran colony PCR with 8 <i>pck</i> colonies and 8 TetR-pTet colonies</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Ran colony PCR products on a gel but got no bands</li> | ||
+ | <li>Miniprepped pTet1-8</li> | ||
+ | <li>Ran PCR on pTet 1-8 plasmids to check if insert was present</li> | ||
+ | <li>Ran PCR product on gel, got the band!</li> | ||
+ | <li>Prepped <i>petF</i>, <i>pck</i>, and TetR-pTet to be sent to iGEM HQ</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <ul> | ||
+ | <li>Last day in lab!</li> | ||
+ | <li>Sent parts to iGEM!</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>WIKIFREEZE</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>Done in lab</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> Prepping for Jamboree </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> Prepping for Jamboree </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>Prepping for Jamboree</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> Prepping for Jamboree </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> Prepping for Jamboree </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> Prepping for Jamboree </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>Fly to Boston for Jamboree</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> GIANT JAMBOREE</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>GIANT JAMBOREE</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p>PRESENTATION</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div style="height: 200px; width: 100%;"> | ||
+ | </br></br> | ||
+ | <p> Fly back to St. Louis</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | var slideIndex = 1; | ||
+ | var monthIndex = 0; | ||
+ | var monthNames = [ | ||
+ | " june", | ||
+ | " july", | ||
+ | " august", | ||
+ | " september", | ||
+ | " october" | ||
+ | ]; | ||
+ | var acc = document.getElementsByClassName("date"); | ||
+ | var i; | ||
+ | var j; | ||
+ | showMonth(monthIndex); | ||
+ | showSlides(slideIndex); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | function plusSlides(n) { | ||
+ | console.log("slideIndex start " + slideIndex); | ||
+ | //showSlides(slideIndex += n); | ||
+ | //console.log("plus " + slideIndex + (n -1)); | ||
+ | switch (n) { | ||
+ | case -1: | ||
+ | if (slideIndex == 1 || slideIndex == 31 || slideIndex == 62 || slideIndex == 93 || slideIndex == 123) { | ||
+ | var oldIndex = slideIndex; | ||
+ | changeMonth(n); | ||
+ | console.log("first day, back button"); | ||
+ | slideIndex = oldIndex; | ||
+ | console.log("slideIndex after switch " + slideIndex); | ||
+ | slideIndex += (n+152); | ||
+ | slideIndex %= 153; | ||
+ | choseDate(slideIndex); | ||
+ | console.log("slideIndex final " + slideIndex); | ||
+ | } | ||
+ | else { | ||
+ | console.log("slideIndex after switch " + slideIndex); | ||
+ | slideIndex += (n+152); | ||
+ | slideIndex %= 153; | ||
+ | choseDate(slideIndex); | ||
+ | console.log("slideIndex final " + slideIndex); | ||
+ | } | ||
+ | break; | ||
+ | case 1: | ||
+ | if(slideIndex == 30 || slideIndex == 61 || slideIndex == 92 || slideIndex == 122 || slideIndex == 153) { | ||
+ | changeMonth(n); | ||
+ | break; | ||
+ | } | ||
+ | else { | ||
+ | console.log("slideIndex after switch " + slideIndex); | ||
+ | slideIndex += (n+152); | ||
+ | slideIndex %= 153; | ||
+ | choseDate(slideIndex); | ||
+ | console.log("slideIndex final " + slideIndex); | ||
+ | } | ||
+ | default: | ||
+ | break; | ||
+ | } | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | function currentSlide(n) { | ||
+ | showSlides(slideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showSlides(n) { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("mySlides"); | ||
+ | //var dots = document.getElementsByClassName("dot"); | ||
+ | if (n > slides.length) { | ||
+ | slideIndex = 1; | ||
+ | } | ||
+ | if (n < 1) { | ||
+ | slideIndex = slides.length; | ||
+ | } | ||
+ | for (i = 0; i < slides.length; ++i) { | ||
+ | slides[i].style.display = "none"; | ||
+ | } | ||
+ | |||
+ | //for (i = 0; i < dots.length; ++i) { | ||
+ | //dots[i].className = dots[i].className.replace(" active", ""); | ||
+ | //} | ||
+ | |||
+ | slides[slideIndex - 1].style.display = "block"; | ||
+ | //dots[slideIndex - 1].className += " active"; | ||
+ | |||
+ | } | ||
+ | |||
+ | function showMonth(n) { | ||
+ | var months = document.getElementsByClassName("month-calendar"); | ||
+ | |||
+ | switch (n) { | ||
+ | case 0: | ||
+ | slideIndex = 0; | ||
+ | //choseDate(slideIndex); | ||
+ | break; | ||
+ | case 1: | ||
+ | slideIndex = 30; | ||
+ | //choseDate(0); | ||
+ | break; | ||
+ | case 2: | ||
+ | slideIndex = 61; | ||
+ | //choseDate(1); | ||
+ | break; | ||
+ | case 3: | ||
+ | slideIndex = 92; | ||
+ | //choseDate(1); | ||
+ | break; | ||
+ | case 4: | ||
+ | slideIndex = 122; | ||
+ | //choseDate(1); | ||
+ | break; | ||
+ | default: | ||
+ | slideIndex = 145; | ||
+ | //choseDate(1); | ||
+ | break; | ||
+ | } | ||
+ | choseDate(slideIndex); | ||
+ | |||
+ | |||
+ | |||
+ | for (k = 0; k < months.length; ++k) { | ||
+ | //console.log(monthNames[k] + " has " + monthNames[n] + "?: " + months[k].className); | ||
+ | if(months[k].className.indexOf(monthNames[n]) > -1) { | ||
+ | months[k].style.display = "block"; | ||
+ | } | ||
+ | else { | ||
+ | months[k].style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function changeMonth(n) { | ||
+ | monthIndex += (n+5); | ||
+ | monthIndex %= 5; | ||
+ | showMonth(monthIndex); | ||
+ | } | ||
+ | |||
+ | |||
+ | for (i = 0; i < acc.length; ++i) { | ||
+ | |||
+ | acc[i].onclick = function () { | ||
+ | for (j = 0; j < acc.length; ++j) { | ||
+ | if (this == acc[j]) { | ||
+ | //console.log("clicked " + j); | ||
+ | choseDate(j); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function choseDate(n) { | ||
+ | //console.log("choosing date " + n); | ||
+ | acc[n].classList.add("selected-date"); | ||
+ | for (j = 0; j < acc.length; ++j) { | ||
+ | if (n != j) { | ||
+ | acc[j].classList.remove("selected-date"); | ||
+ | } else { | ||
+ | //console.log("setting current slide to " +(n+1)); | ||
+ | currentSlide(n+1); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> | ||
+ | {{Team:WashU_StLouis/Footer}} |
Latest revision as of 03:10, 20 October 2016
Notebook
Reading about labwork is almost as fun as doing labwork
June | ||||||
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | ||