|
|
| Line 281: |
Line 281: |
| | | | |
| | | | |
| − | .droptext { | + | |
| − | box-shadow: 0px 0px 0px 5px #F37524;
| + | |
| − | border-radius:10px;
| + | |
| − | margin: auto;
| + | |
| − | margin-bottom:200px;
| + | |
| − | margin-top:50px;
| + | |
| − | width: 1200px;
| + | |
| − | opacity:0.85;
| + | |
| − | | + | |
| − | }
| + | |
| − | .droptext input {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .hull {
| + | |
| − | position: relative;
| + | |
| − | height: 100px;
| + | |
| − | background: transparent;
| + | |
| − | transition: all .25s ease-in-out;
| + | |
| − | }
| + | |
| − | .hull::before {
| + | |
| − | content: '';
| + | |
| − | position: absolute;
| + | |
| − | display: block;
| + | |
| − | top: 0;
| + | |
| − | bottom: 0;
| + | |
| − | left: 0;
| + | |
| − | right: 0;
| + | |
| − | pointer-events: none;
| + | |
| − | }
| + | |
| − | header.hull {
| + | |
| − | border-radius:10px 10px 0px 0px;
| + | |
| − | border: 3px solid #455057;
| + | |
| − | border-style:solid;
| + | |
| − | border-bottom-color: #F37524;
| + | |
| − | background: #455057;
| + | |
| − | z-index: 50;
| + | |
| − | cursor: initial;
| + | |
| − | | + | |
| − | }
| + | |
| − | header .hull-title {
| + | |
| − | margin: 0;
| + | |
| − | font-weight: normal;
| + | |
| − | font-size: 25pt;
| + | |
| − | color: #F37524;
| + | |
| − | cursor: initial;
| + | |
| − | | + | |
| − | }
| + | |
| − | .hull-title {
| + | |
| − | color:#f4ccb2;
| + | |
| − | font-size: 20px;
| + | |
| − | width: calc(100% - 40px);
| + | |
| − | height: 50px;
| + | |
| − | line-height: 50px;
| + | |
| − | padding: 20px 0 0 50px;
| + | |
| − | display: inline-block;
| + | |
| − | cursor: pointer;
| + | |
| − | -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
| + | |
| − | }
| + | |
| − | .hull-content {
| + | |
| − | width: calc(100% - 40px);
| + | |
| − | padding: 30px 0 20px 20px;
| + | |
| − | font-size: 11pt;
| + | |
| − | color: #455057;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .hull-close {
| + | |
| − | position: absolute;
| + | |
| − | height: 64px;
| + | |
| − | width: 100%;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | cursor: pointer;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | input:checked + .hull {
| + | |
| − | height: auto;
| + | |
| − | color:#455057;
| + | |
| − | background:#f4ccb2;
| + | |
| − | border-top: 2.5px solid #F37524;
| + | |
| − | | + | |
| − | }
| + | |
| − | input:checked + .hull .hull-title {
| + | |
| − | color:#455057;
| + | |
| − | }
| + | |
| − | | + | |
| − | input:checked + .hull .hull-content,
| + | |
| − | input:checked + .hull .hull-close {
| + | |
| − | display: inline-block;
| + | |
| − | border-bottom: 2.5px solid #F37524;
| + | |
| − | }
| + | |
| − | | + | |
| − | .arrows section .hull-title {
| + | |
| − | padding-left: 44px;
| + | |
| − | width: calc(100% - 80px);
| + | |
| − | }
| + | |
| − | input:checked + .arrows section .hull-title{
| + | |
| − | color:#455057;
| + | |
| − | }
| + | |
| − | | + | |
| − | .arrows section .hull-title:before {
| + | |
| − | position: absolute;
| + | |
| − | display: block;
| + | |
| − | content: '\203a';
| + | |
| − | font-size: 28pt;
| + | |
| − | left: 20px;
| + | |
| − | top: 17px;
| + | |
| − | color: #F37524;
| + | |
| − | transition: transform .5s ease-in-out;
| + | |
| − |
| + | |
| − | }
| + | |
| − | input:checked + section.hull .hull-title:before {
| + | |
| − | transform: rotate(270deg);
| + | |
| − | }
| + | |
| | | | |
| | | | |
| Line 667: |
Line 555: |
| | </ul> | | </ul> |
| | | | |
| − | <nav class="droptext arrows">
| + | |
| − | <header class="hull">
| + | |
| − | <label for="acc-close" class="hull-title">Basic Protocols</label>
| + | |
| − | </header>
| + | |
| − | <input type="radio" name="droptext" id="cb1" />
| + | |
| − | <section class="hull">
| + | |
| − | <label class="hull-title" for="cb1">Production of Lysogeny broth (LB)</label>
| + | |
| − | <label class="hull-close" for="acc-close"></label>
| + | |
| − | <div class="hull-content">For 1 litre of LB a mixture of 10g of sodium chloride, 10g peptone, 5g of yeast extract as well as 1
| + | |
| − | litre of distilled water in a glass bottle. We then used a magnetic spinner to help mix the powders
| + | |
| − | with the water, we avoided shaking the glass bottle as it would cause froth and waste some of the
| + | |
| − | LB.
| + | |
| − | <br>
| + | |
| − | When making the LB we also made another litre batch and added 15g of agar extract to be able to
| + | |
| − | grow bacteria on plates.</div>
| + | |
| − | </section>
| + | |
| − | <input type="radio" name="droptext" id="cb2" />
| + | |
| − | <section class="hull">
| + | |
| − | <label class="hull-title" for="cb2">Production of SOB medium and magnesium stock</label>
| + | |
| − | <label class="hull-close" for="acc-close"></label>
| + | |
| − | <div class="hull-content">Bringing together 20g of tryptone, 5g of yeast extract, 0.584g of NaCl, 0.186g of KCl and mixing it
| + | |
| − | with 990ml of millipure water (using the magnetic mixer again) which was then put in to autoclave
| + | |
| − | to sterilise it, after it was taken out and let for it to cool down to below 60 o C.
| + | |
| − | <br>
| + | |
| − | 10ml of 2M Mg 2+ stock was then added and then brought to 100ml with millipure water, 0.2mm
| + | |
| − | filter sterilize was then used</div>
| + | |
| − | </section>
| + | |
| − | <input type="radio" name="droptext" id="cb3" />
| + | |
| − | <section class="hull">
| + | |
| − | <label class="hull-title" for="cb3">Production of SOC medium and glucose stock</label>
| + | |
| − | <label class="hull-close" for="acc-close"></label>
| + | |
| − | <div class="hull-content">Once again bring 20g of tryptone, 5g of yeast of extract, 0.584g of NaCl, 0.186g of KCL, and then
| + | |
| − | bring 970 ml with millipure water and use the magnetic mixer once again, this was also then put in
| + | |
| − | to autoclave.
| + | |
| − | <br>
| + | |
| − | 10ml of 2M Mg 2+ stock and then bring it to 100ml with milllipure water, filter sterilize it with 0.2m
| + | |
| − | and then final add 20ml of 1M glucose stock.</div>
| + | |
| − | </section>
| + | |
| − | <input type="radio" name="droptext" id="acc-close" />
| + | |
| − | <input type="radio" name="droptext" id="cb4" />
| + | |
| − | <section class="hull">
| + | |
| − | <label class="hull-title" for="cb4">Production of Glycerol stock</label>
| + | |
| − | <label class="hull-close" for="acc-close"></label>
| + | |
| − | <div class="hull-content">If you wish to store bacteria long term, you will need to create a Glycerol Stock after
| + | |
| − | inoculating an overnight liquid culture
| + | |
| − | <br>
| + | |
| − | <ul><li>Once bacterial growth has been achieved, 500μL of the overnight liquid
| + | |
| − | culture needs to be added to 500μL of 50% glycerol in a 2mL tube where it
| + | |
| − | should be gently mixed</li>
| + | |
| − | <li>The glycerol stock should then be frozen at -80 o C<ul>
| + | |
| − | <li> Successive freeze and thaw cycles will reduce the stocks shelf life</li></ul>
| + | |
| − | </li></ul></div>
| + | |
| − | </section>
| + | |
| − | <input type="radio" name="droptext" id="acc-close" />
| + | |
| − | <input type="radio" name="droptext" id="cb5" />
| + | |
| − | <section class="hull">
| + | |
| − | <label class="hull-title" for="cb5">Running Agarose Gel</label>
| + | |
| − | <label class="hull-close" for="acc-close"></label>
| + | |
| − | <div class="hull-content">After the cells have been miniprepped and the plasmid put through a restriction digest, the agarose gel can be run.
| + | |
| − | <br>
| + | |
| − | <ul><li>Make up some agarose. This is done by taking 0.5g of agarose powder and putting it in a
| + | |
| − | 250ml sterile conical flask, with 50ml of TAE buffer, then microwaving it in small pulses (20
| + | |
| − | seconds then swirling it around) until it is dissolved. Don’t overheat it or it will evaporate too
| + | |
| − | much. Make up the evaporated volume to 50ml with distilled water.</li>
| + | |
| − | <li>Add 1 vial of cybersafe (ask technical services for a tube of it and add all of it)</li>
| + | |
| − | <li>Line the white sides of the tank with the agarose solution, to seal it and prevent leakage. Use
| + | |
| − | a p1000 pipette set to 1ml. Let it dry (about 5 mins max)</li>
| + | |
| − | <li>Then pour all the agarose/sybrsafe solution into the tank and put in the comb. Let it set and
| + | |
| − | solidify (maximum 30 mins)</li>
| + | |
| − | <li>When the gel has set, remove the comb from the tank (gently!) and then cover the whole
| + | |
| − | tank with TAE buffer, so there’s at least half a centimetre of TAE covering the gel.</li>
| + | |
| − | <li>Now, the samples need to be loaded. Load some DNA markers (ask technical services for a
| + | |
| − | tube of this and load the whole tube) into well 1( left hand side) and then choose what you
| + | |
| − | load into wells 2, 3, and 4 etc. (make sure you note what’s in each lane!)</li>
| + | |
| − | <li>Load all of your digests into the wells 2,3, and 4.</li>
| + | |
| − | <li>Plug into a power supply and put the cover on. Run for 40 mins to an hour at 80v. The amps
| + | |
| − | don’t matter.</li>
| + | |
| − | <li>Once the visible markers have reached the half way point of the tank, turn off the power
| + | |
| − | supply and drain the TAE buffer form the tank. Remove the gel with a spatula and place in a
| + | |
| − | UV imaging box. Take an image of the gel under UV light, save it onto a USB stick.</li></ul></div>
| + | |
| − | </section>
| + | |
| − | <input type="radio" name="droptext" id="acc-close" />
| + | |
| − | </nav>
| + | |
| | | | |
| | <div id="foot"> | | <div id="foot"> |
Meet the Team
