Difference between revisions of "Team:Kent/Improve"

(Prototype team page)
 
Line 1: Line 1:
−
{{Kent}}
+
 
 +
 
 
<html>
 
<html>
 +
    <head>
 +
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
 +
        <meta charset="utf-8">
 +
    </head>
 +
    <style>
 +
        .logo_2017 a img{
 +
        display:none;
 +
        }
 +
        #firstHeading{
 +
        display:none;
 +
        }
 +
        #sideMenu{
 +
        display: none;
 +
        }
 +
        @font-face {
 +
        font-family: 'KentExo2';
 +
        src: url(https://static.igem.org/mediawiki/2017/7/76/T--Kent--Exo2.ttf) format('truetype');
 +
        }
 +
        #globalWrapper, #content { /*-- changes default wiki settings --*/
 +
        margin: 0px;
 +
        padding: 0px;
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background: #272e33 url(https://static.igem.org/mediawiki/2017/3/3d/T--Kent--Logbookbkg.png) no-repeat center center fixed;
 +
        -webkit-background-size: cover;
 +
        -moz-background-size: cover;
 +
        -o-background-size: cover;
 +
        background-size: cover;
 +
        }
  
 +
        *{
 +
        padding: 0;
 +
        margin: 0;
 +
font-family: 'KentExo2';
 +
        }
  
−
<div class="column full_size judges-will-not-evaluate">
+
        #navdiv{
−
<h3>★  ALERT! </h3>
+
        color: #FFFFFF;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
        left:0px;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
        padding: 30px;
−
</div>
+
        text-align: center;
−
<div class="clear"></div>
+
        font-family:KentExo2;
 +
        position:fixed;
 +
        top:10px;
 +
        z-index:100;
 +
        }
  
−
<div class="column full_size">
+
        #navdiv h1 img {
−
<h1>Improve</h1>
+
        width:150px;
−
<p>For teams seeking to improve upon a previous part or project, you should document all of your work on this page. Please remember to include all part measurement and characterization data on the part page on the Regisrty. Please include a link to your improved part on this page.</p>
+
        }
  
−
<h3>Gold Medal Criterion #2</h3>
+
#navdiv h1 {
−
<p><b>Standard Tracks:</b> Improve the function of an existing BioBrick Part. The original part must NOT be from your 2017 part number range. If you change the original part sequence, you must submit a new part. In addition, both the new and original part pages must reference each other. This working part must be different from the part documented in bronze #4 and silver #1.
+
line-height: 150px;
 +
margin-top:-25px;
 +
}
  
−
<br><br>
+
        #navdiv ul{
−
<b>Special Tracks:</b> Improve the function of an existing iGEM project (that your current team did not originally create) and display your achievement on your wiki.</p>
+
background: transparent;
 +
        text-align: center;
 +
        list-style: none;
 +
        padding: 0;
 +
        margin: 0;
 +
        display: block;
 +
                }
  
 +
        #navdiv ul a{
 +
        text-decoration: none;
 +
        color: #FFFFFF;
  
−
</div>
+
        }
 +
        #navdiv ul li{
 +
margin-top: 30px;
 +
        float: left;
 +
        width: 169px;
 +
        height: 50px;
 +
        line-height: 50px;
 +
        position: relative;
 +
        text-transform: uppercase;
 +
        font-size: 16px;
 +
        color:#D0FEDC;
 +
        cursor: pointer;
 +
        opacity:0.8;
 +
border-radius: 10px;
 +
        }
  
 +
#navdiv ul #teamLogo{
 +
margin-top:-10px;
 +
margin-left: 20px;
 +
margin-right: 20px;
 +
        float: left;
 +
        width: 150px;
 +
        height: 120px;
 +
        position: relative;
 +
        opacity:0.8;
 +
        }
  
 +
        #navdiv ul li:hover{
 +
border-radius:10px;
 +
        background: #71C05C;
 +
        transition:all 0.3s;
 +
        opacity:0.9;
 +
        }
  
 +
 +
#navdiv ul #teamLogo:hover{
 +
border-radius:10px;
 +
        background: #455057;
 +
        transition:all 0.3s;
 +
        opacity:0.8;
 +
        }
 +
 +
 +
        #navdiv ul li:hover a{
 +
        color:#455057;
 +
        }
 +
 +
        #navdiv ul.drop-menu {
 +
        position: absolute;
 +
        top: 100%;
 +
        left: 0%;
 +
        width: 100%;
 +
        padding: 0;
 +
        z-index:100;
 +
        }
 +
 +
        #navdiv ul.drop-menu li {
 +
        background: #455057;
 +
        color: #FFFFFF;
 +
       
 +
        }
 +
        #navdiv ul.drop-menu li:hover {
 +
color:#455057;
 +
        background: #89d875;
 +
 +
        }
 +
#navdiv ul.drop-menu li ul{
 +
        border-radius: 10px;
 +
        }
 +
     
 +
        #navdiv ul.drop-menu li {
 +
        display: none;
 +
        }
 +
 +
        #navdiv li:hover > ul.drop-menu{
 +
        perspective: 1000px;
 +
        }
 +
 +
        #navdiv li:hover > ul.drop-menu li {
 +
margin-top: 5px;
 +
        display: block;
 +
        text-align: center;
 +
        }
 +
 +
#title{
 +
margin-top:150px;
 +
}
 +
 +
        #title #header1{
 +
display:inline-block;
 +
margin-left:10%;
 +
margin-right:13%;
 +
margin-bottom:100px;
 +
        width:250px;
 +
        }
 +
#title #header2{
 +
display:inline-block;
 +
margin-left:13%;
 +
margin-right:7%;
 +
margin-bottom:100px;
 +
        width:180px;
 +
        }
 +
#title span{
 +
position:absolute:
 +
margin-top:500px;
 +
display: inline-block;
 +
color:#70C05B;
 +
font-size:50px;
 +
}
 +
 +
        .droptext {
 +
box-shadow: 0px 0px 0px 5px #70C05B;
 +
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: #70C05B;
 +
background: #455057;
 +
z-index: 50;
 +
cursor: initial;
 +
 +
}
 +
header .hull-title {
 +
margin: 0;
 +
font-weight: normal;
 +
font-size: 25pt;
 +
color: #70C05B;
 +
cursor: initial;
 +
 +
}
 +
.hull-title {
 +
color:#BEDEA6;
 +
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:#BEDEA6;
 +
border-top: 2.5px solid #70C05B;
 +
 +
}
 +
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 #70C05B;
 +
}
 +
 +
.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: #70C05B;
 +
transition: transform .5s ease-in-out;
 +
 +
}
 +
input:checked + section.hull .hull-title:before {
 +
transform: rotate(270deg);
 +
 +
}
 +
        #foot ul{
 +
        display: flex;
 +
        position: fixed;
 +
        top:92%;
 +
        left:50%;
 +
        transform: translate(-50%,-50%);
 +
        }
 +
        #foot ul li{
 +
        list-style: none;
 +
        }
 +
        #foot ul li span{
 +
        width:50px;
 +
        height:50px;
 +
        background: #455057;
 +
        text-align:center;
 +
        line-height:50px;
 +
        font-size: 25px;
 +
        margin: 0 15px;
 +
        display: block;
 +
        border-radius: 50%;
 +
        position: relative;
 +
        overflow:hidden;
 +
        border: 4px solid #455057;
 +
        z-index:50;
 +
        }
 +
        #foot ul li span .fa{
 +
        margin:25%;
 +
        position:relative;
 +
        color:white;
 +
        transition: 0.5s;
 +
}
 +
 +
        #foot ul li span:hover .fa
 +
        {
 +
        color:#25343D;
 +
        transform: rotateY(360deg);
 +
        }
 +
        #foot ul li span:before
 +
        {
 +
        content:'';
 +
        position: absolute;
 +
        top:100%;
 +
        left:0;
 +
        width:100%;
 +
        height:100%;
 +
        background: #1AE195;
 +
        transition: 0.5s;
 +
        }
 +
        #foot ul li span:hover:before{
 +
        top:0;
 +
        }
 +
        #foot ul li:nth-child(1) span:before{
 +
        background: #E10C2B;
 +
        }
 +
        #foot ul li:nth-child(2) span:before{
 +
        background: #AA5EE7;
 +
        }
 +
        #foot ul li:nth-child(3) span:before{
 +
        background: #09F99E;
 +
        }
 +
        #foot ul li:nth-child(4) span:before{
 +
        background: #0367A6;
 +
        }
 +
        #foot ul li:nth-child(5) span:before{
 +
        background: #299CE4;
 +
        }
 +
        #foot ul li:nth-child(6) span:before{
 +
        background: #5BBBF7;
 +
        }
 +
 +
#sponsors{
 +
margin-left:50px;
 +
}
 +
#sponsors img{
 +
width:150px;
 +
}
 +
 +
#sponsorsdown #snapg img{
 +
margin-left:750px;
 +
}
 +
 +
    </style>
 +
 +
 +
 +
    <body>
 +
        <nav id="navdiv">
 +
            <ul>
 +
                <li>
 +
                    <a href="#">Project</a>
 +
                    <ul class="drop-menu menu-1">
 +
                        <a href="https://2017.igem.org/Team:Kent/Description"><li>Description</li></a>
 +
<a href="https://2017.igem.org/Team:Kent/Design"><li> Design </li></a>
 +
                      <a href="https://2017.igem.org/Team:Kent/Results"><li>Results</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Model"><li>Modelling</li></a>
 +
<a href="https://2017.igem.org/Team:Kent/Demonstrate"><li>Demonstrate</li></a>
 +
                    </ul>
 +
                <li>
 +
                    <a href="#">Parts</a>
 +
                    <ul class="drop-menu menu-2">
 +
<a href="https://2017.igem.org/Team:Kent/Parts"> <li> Parts </li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Basic_Part"><li>Basic Parts</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Composite_Part"><li>Composite Parts</li></a>
 +
<a href = "https://2017.igem.org/Team:Kent/Part_Collection"><li> Part Collection </li></a>
 +
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#">Notebook</a>
 +
                    <ul class="drop-menu menu-2">
 +
                        <a href="https://2017.igem.org/Team:Kent/Notebook"><li>Logbook</li></a>
 +
<a href="https://2017.igem.org/Team:Kent/Experiments"><li>Experiments</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Improve"><li>Future Ideas</li></a>
 +
                       
 +
                    </ul>
 +
                </li>
 +
                <li id="teamLogo">
 +
                    <a href="https://2017.igem.org/Team:Kent">
 +
                        <h1><img src="https://static.igem.org/mediawiki/2017/thumb/4/4f/T--Kent--Kenttemplogo.png/667px-T--Kent--Kenttemplogo.png"></h1>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="#">Safety</a>
 +
                    <ul class="drop-menu menu-2">
 +
                        <a href="https://2017.igem.org/Team:Kent/Safety"><li>Project Safety</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Signs"><li>Hazard Signs</li></a>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#">Team</a>
 +
                    <ul class="drop-menu menu-2">
 +
                        <a href="https://2017.igem.org/Team:Kent/Team"><li>Meet the Team</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Contribution"><li>Contribution</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Attributions"><li>Attribution</li></a>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#">Human Practices</a>
 +
                    <ul class="drop-menu menu-2">
 +
                        <a href="https://2017.igem.org/Team:Kent/HP/Silver"><li>Silver</li></a>
 +
<a href="https://2017.igem.org/Team:Kent/HP/Gold_Integrated"><li>Gold</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Engagement"><li>Public Engagement</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/InterLab"><li>Interlab</li></a>
 +
                        <a href="https://2017.igem.org/Team:Kent/Collaborations"><li>Collaboration</li></a>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </nav>
 +
        <div id ="title">
 +
                <img src = "https://static.igem.org/mediawiki/2017/thumb/9/91/T--Kent--LogbookHeader.png/800px-T--Kent--LogbookHeader.png" id="header1">
 +
<span>Logbook</span>
 +
<img src = "https://static.igem.org/mediawiki/2017/thumb/1/13/Logbookheader2.png/385px-Logbookheader2.png" id="header2">
 +
        </div>
 +
        <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">
 +
            <ul>
 +
                <li><span><a href="https://www.youtube.com/channel/UCV4kIcIodwiGjgEX_Rad1Ig"><i class="fa fa-youtube" aria-hidden="true"></i></a></span></li>
 +
                <li><span><a href="https://www.instagram.com/igem_kent2017/?hl=en"><i class="fa fa-instagram" aria-hidden="true"></i></a></span></li>
 +
                <li><span><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a></span></li>
 +
                <li><span><a href="https://www.facebook.com/iGEMkent2017"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></span></li>
 +
                <li><span><a href="https://www.linkedin.com/company/18159542/"><i class="fa fa-linkedin" aria-hidden="true"></i></a></span></li>
 +
                <li><span><a href="https://twitter.com/Kent_iGEM"><i class="fa fa-twitter" aria-hidden="true"></i></a></span></li>
 +
            </ul>
 +
        </div>
 +
<div id="sponsors">
 +
<div id="sponsorstop">
 +
<a href="https://www.kent.ac.uk/" id="ukc">
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/a/a3/T--Kent--UKCwhite.png/800px-T--Kent--UKCwhite.png">
 +
</a>
 +
<a href="http://avokiddo.com/" id="avo">
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/a/a7/T--Kent--avokiddo.png/800px-T--Kent--avokiddo.png">
 +
</a>
 +
</div>
 +
 +
<div id ="sponsorsdown">
 +
<a href="http://www.clicktravel.com" id="clickt">
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/1/1e/T--Kent--clicktravel.png/799px-T--Kent--clicktravel.png">
 +
</a>
 +
<a href="http://www.bbsrc.ac.uk/" id="bbsrc">
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/4/4e/T--Kent--bbsrc.png/800px-T--Kent--bbsrc.png">
 +
</a>
 +
<a href="http://www.snapgene.com/" id="snapg">
 +
<img src="https://static.igem.org/mediawiki/2017/3/36/T--Kent--snapgene.png">
 +
</a>
 +
</div>
 +
</div>
 +
    </body>
 
</html>
 
</html>

Revision as of 23:08, 5 October 2017


Logbook