Difference between revisions of "Team:Kent/Improve"

(Prototype team page)
 
 
(10 intermediate revisions by the same user not shown)
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/3c/T--Kent--Futureideasbkg.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:8%;
 +
margin-right:8%;
 +
margin-bottom:100px;
 +
        width:280px;
 +
        }
 +
#title #header2{
 +
display:inline-block;
 +
margin-left:8%;
 +
margin-right:8%;
 +
margin-bottom:100px;
 +
        width:250px;
 +
        }
 +
#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: 10pt;
 +
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/Model"><li>Modelling</li></a>
 +
                      <a href="https://2017.igem.org/Team:Kent/Results"><li>Results</li></a>
 +
                       
 +
                    </ul>
 +
                <li>
 +
                    <a href="#">Parts</a>
 +
                    <ul class="drop-menu menu-2">
 +
 +
                        <a href="https://2017.igem.org/Team:Kent/Basic_Part"><li>Basic Parts</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>
 +
                       
 +
                    </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/1/12/T--Kent--FutureHeader.png/800px-T--Kent--FutureHeader.png" id="header1">
 +
<span>Future Ideas</span>
 +
<img src = "https://static.igem.org/mediawiki/2017/thumb/7/7e/T--Kent--FutureHeader2v2.png/603px-T--Kent--FutureHeader2v2.png" id="header2">
 +
        </div>
 +
        <nav class="droptext arrows">
 +
<header class="hull">
 +
<label for="acc-close" class="hull-title">Due to the simple nature of our dCas13a protein construct, it can be utilized and ‘personalized’ for a
 +
variety of purposes. Our main objectives range from ‘near’ future, to ‘future’.</label>
 +
</header>
 +
<input type="radio" name="droptext" id="cb1" />
 +
<section class="hull">
 +
<label class="hull-title" for="cb1">Near Future</label>
 +
<label class="hull-close" for="acc-close"></label>
 +
<div class="hull-content">Although the processes within the central dogma have been studied and thoroughly characterized,
 +
recent studies suggest mRNA localization is a way of controlling and regulating protein production. ¹ This
 +
mechanism appears to be similar to an induced suppressor that binds to DNA, thereby preventing its
 +
transcription, except there are significantly more (regulating) factors involved. Unfortunately, our
 +
knowledge is very limited as mRNA’s dynamic nature makes it significantly more difficult to study.
 +
As our protein, LuCAS, has the ability to attach to, and track any RNA, given it has its complementary
 +
crRNA sequence, the main objective is to track and investigate mRNA localization. LuCAS is sensitive and
 +
selective to singular basepairs, making it a reliable tracking tool without altering the cell and its
 +
intracellular function itself.
 +
<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">Future</label>
 +
<label class="hull-close" for="acc-close"></label>
 +
<div class="hull-content">In a variety of disease states, mRNA could be used as a ‘biomarker’ and therapeutic target. Oncogenes
 +
for example, such as Epidermal growth factor receptor (EGFR), are often overexpressed early in cancers
 +
and treatment courses based on the type of mutations causing the cancer have been shown to be
 +
crucial to treatment success; in this case for example, tyrosine kinase inhibitors or monoclonal
 +
antibodies. Tools like LuCAS could potentially quantify and elucidate hyperproliferation and even qualify
 +
mRNA as therapeutic target to halt hyper proliferation of key ‘driver’ genes by targeting their mRNA.
 +
Furthermore, monitoring mRNA expression in patients suffering chronic viral infections, such as HIV or
 +
hepatitis B, can help pinpoint disease progression and aid in treatment path selection, as disease
 +
progression varies individually. HIV genes can be classified in early and late expression, with their
 +
detection of corresponding mRNA, via LuCAS, helping to narrow down the stage of disease.
 +
The possible applications of LuCAS are many, as we simply propose a reliable and selective way to target
 +
mRNA in vivo without altering cellular functions; be it for research, diagnostics or therapeutics.
 +
~ LuCas is still a toddler and these are his first baby steps, we can’t wait to see him prosper and grow
 +
into a young man that will change the world for the better</div>
 +
</section>
 +
 +
<input type="radio" name="droptext" id="acc-close" />
 +
<input type="radio" name="droptext" id="cb3" />
 +
<section class="hull">
 +
<label class="hull-title" for="cb3">References</label>
 +
<label class="hull-close" for="acc-close"></label>
 +
<div class="hull-content">Kejiou, N. S. and Palazzo, A. F. (2017), mRNA localization as a rheostat to regulate subcellular gene
 +
expression. WIREs RNA, 8: n/a, e1416. doi:10.1002/wrna.1416</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>

Latest revision as of 03:21, 16 December 2017


Future Ideas