Team:Queens Canada/Project

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(26 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<title>QGEM</title>
 +
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
<script src="http://code.jquery.com/jquery.js"></script>
 +
</script>
-
{{CSS/Main}}
+
<style>
 +
/* ----------------Display:none---------------- */
 +
#p-logo {
 +
display: none;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
-
<html>
+
.firstHeading {
 +
display: none;
 +
}
-
<!--main content -->
+
#catlinks {
-
<table width="70%" align="center">
+
display: none;
 +
}
 +
#footer-box {
 +
display: none;
 +
}
-
<!--welcome box -->
+
#contentSub {
-
<tr>
+
display: none;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
}
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Queens_Canada/Project&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#globalWrapper{
-
<!-- end welcome box -->
+
    margin:0;
-
<tr>
+
    padding:0;
 +
    background-color:#999999
 +
}
-
<!--navigation menu -->
+
#content{
-
<td align="center" colspan="3">
+
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
-
<table  width="100%">
+
#bodyContent{
-
<tr heigth="15px"></tr>
+
    margin:0;
-
<tr heigth="75px">
+
    padding:0;
 +
    width:100%;
 +
}
 +
/**---------TOP-SECTION----**/
 +
#top-section {
 +
height: 20px;
 +
width: 100%;
 +
background-color:#343838; /*per Page*/
 +
        margin:0;
 +
        padding:0;
 +
font-size:0.7em;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#menubar {
-
<a href="https://2014.igem.org/Team:Queens_Canada"style="color:#000000">Home </a> </td>
+
top: 1px;
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
/* ----------------TopSection_left-menu---------------- */
 +
.left-menu,.left-menu a {
 +
color: white;
 +
left: 0px;
 +
text-transform: capitalize;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Team"style="color:#000000"> Team </a> </td>
+
background-color: transparent;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu:hover a {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Queens_Canada"style="color:#000000"> Official Team Profile </a></td>
+
color: white;
 +
text-decoration: none !important;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.left-menu li a:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Project"style="color:#000000"> Project</a></td>
+
color: #ff6669;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/* ----------------TopSection_right-menu---------------- */
-
<a href="https://2014.igem.org/Team:Queens_Canada/Parts"style="color:#000000"> Parts</a></td>
+
.right-menu li {
 +
background-color: transparent;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu,.right-menu a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Modeling"style="color:#000000"> Modeling</a></td>
+
color: white;
 +
right: 0;
 +
text-align: right;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.right-menu:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Notebook"style="color:#000000"> Notebook</a></td>
+
background-color: transparent;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu:hover a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Safety"style=" color:#000000"> Safety </a></td>
+
color: white;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu li a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Attributions"style="color:#000000"> Attributions </a></td>
+
background-color: transparent;
 +
color: white;
 +
}
 +
.right-menu li a:hover {
 +
        text-decoration:none;
 +
color: #ff6669;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
/**---------PAGE------------**/
-
</tr>
+
#fullpage{
-
</table>
+
color:white;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
height:100%;
 +
position:fixed;
 +
}
 +
body{
 +
background:white;
 +
background-size:cover;
 +
z-index:-999;
-
</tr>
+
}
-
</tr>
+
.bodya{
-
</td>
+
        background-color:#d9e8f5;
 +
}
 +
.body-text{
 +
        width:90%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
        border-radius: 20px;
 +
        background-color:#91bed4;
 +
        box-shadow: 10px 10px 5px #888888;
 +
}
 +
td{
 +
        text-align:center;
 +
}
 +
.team-photos{
 +
        width:90%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
        border-radius: 20px;
 +
        background-color:#d9e8f5;
 +
        box-shadow: 10px 10px 5px #888888;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
 +
/**---------HEADER----------**/
 +
.header-bg{
 +
        width:100%;
 +
background-color:#333366;
 +
padding:0px;
 +
        padding-left:0px;
 +
        padding-right:0px;
 +
        width:100%
 +
        min-width:1000px;
 +
}
 +
.header-logo{
 +
width:800px;
 +
padding-top:10px;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
}
-
<!--Project content  -->
+
/**-----HEADER-ANIMATION------**/
-
<tr><td > <h3> Project Description </h3></td>
+
-
<td ></td >
+
-
<td > <h3> Content</h3></td>
+
-
</tr>
+
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs) </p>
 
-
<br>
 
-
<h3>References </h3>
 
-
<p>
 
-
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>
 
-
</td>
 
-
<td></td>
+
.menuc {
-
<td  width="45%"  valign="top">
+
width: 100%;
-
<p> You can use these subtopics to further explain your project</p>
+
margin: 0;
 +
overflow: hidden;
 +
position:relative;
 +
padding-bottom:0px;
 +
text-align:center;
 +
display:inline-block;
 +
}
-
<ol>
+
#panel {
-
<li>Overall project summary</li>
+
width:100%;
-
<li>Project Details</li>
+
list-style:none;
-
<li>Materials and Methods</li>
+
padding-top:0px;
-
<li>The Experiments</li>
+
        padding-bottom:0px;
-
<li>Results</li>
+
display:inline-block;
-
<li>Data analysis</li>
+
}
-
<li>Conclusions</li>
+
-
</ol>
+
-
<p>
+
#panel li { 
-
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.
+
margin: 0px;
-
</p>
+
padding: 0px;
 +
display:inline-block;
 +
width:125px;
 +
background: #99cccc;
 +
}
-
<p>
+
#panel li.animation {
-
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.  
+
-moz-transition: all 0.4s ease-in-out;
-
</p>
+
-moz-transform:translateY(0px);
 +
-o-transition: all 0.4s ease-in-out;
 +
-o-transform:translateY(0px);
 +
-webkit-transition: all 0.4s ease-in-out;
 +
-webkit-transform:translateY(0px);
 +
}
-
</td>
+
#panel li.animation:hover {
 +
-moz-transform:translateY(10px);
 +
-o-transform:translateY(10px);
 +
-webkit-transform:Y(10px);
 +
}
-
</tr>
+
#panel li a {
 +
color:#304269;
 +
display:inline-block;
 +
padding:0px;
 +
}
 +
#panel li a:hover {
 +
color:#ffffff;
 +
}
 +
 +
/**---------FONT----------**/
 +
@font-face{
 +
font-family:bebasN;
 +
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
 +
}
 +
/**----------SPONSORSHIP--------**/
 +
.graphiclink{
 +
Background-color:#304269;
 +
width:250px;
 +
height:50px;
 +
text-align:center;
 +
border-radius:10px;
 +
}
 +
 +
.menuc{
 +
background-color:#99cccc;
 +
        text-align:center;
 +
        padding-top:0px;
 +
        padding-bottom:0px;
 +
        border:10px solid #333366;
 +
        border-left:0px;
 +
        border-right:0px;
 +
        border-top:0px;
 +
}
 +
.menuc li{
 +
margin: 0px;
 +
padding: 0px;
 +
        height:30px;
 +
display:inline-block;
 +
font-size:0.9em;
 +
font-family:bebasN;
 +
}
 +
.menuc li a:link{
 +
        text-align: center;
 +
        vertical-align: middle;
 +
 +
color:#333366;
 +
text-decoration:none;
 +
}
 +
.menuc li a:hover{
 +
color:white;
 +
}
 +
.menuc li a:visited{
 +
color:#bf3f3e;
 +
text-decoration:none;
 +
}
 +
 +
 +
<!-----MEET THE TEAM------>
 +
.white{
 +
        background-color:white;
 +
}
 +
}
 +
.bio{
 +
overflow:auto;
 +
word-wrap:break-word;
 +
}
 +
.span5{
 +
overflow:hidden;
 +
        font-size:0.9em;
 +
        margin:10px 5px;
 +
}
 +
.right{
 +
float:right;
 +
padding:5px;
 +
}
 +
.left{
 +
float:left;
 +
padding:5px;
 +
}
 +
.photo-right{
 +
float:left;
 +
margin:5px;
 +
width:200px;
 +
        border-radius:10px;
 +
}
 +
.photo-left{
 +
float:right;
 +
width:200px;
 +
margin:5px;
 +
        border-radius:10px;
 +
 +
}
 +
.img-rounded{
 +
        width:150px;
 +
margin:5px;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
<div class="bodya">
 +
<div class="menuc" style="font-size:1.3em;">
 +
<ul id="panel" class="animation">
 +
    <li id="home" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada">HOME</a></li>
 +
        <li id="team" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
 +
        <li id="project" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Project">PROJECT</a></li>
 +
        <li id="outreach" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Outreach">OUTREACH</a></li>
 +
<li id="notebook" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 +
        <li id="safety" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
 +
        <li id="attributions" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Attributions">ATTRIBUTIONS</a></li>
 +
       
 +
    </ul>
 +
</div>
 +
 +
<div class="header-logo">
 +
              <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" class="img-circle" style="height:60px;min-width:60px;float:right;"></a>
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Project_Head.jpg" class="img-head"></a>
 +
    </div>
 +
 +
<div class="body-text">
 +
<div class="row">
 +
<div class="col-md-4"></div>
 +
<div class="graphiclink col-md-4">
 +
<a href="https://2014.igem.org/Team:Queens_Canada/infographic">INFOGRAPHIC</a>
 +
</div>
 +
<div class="col-md-4"></div>
 +
</div>
 +
<p>
 +
<em>
 +
QGEM’s 2014 project is titled “Inteins: Inspired by Nature, Accessible by Design.” Inteins are self-splicing
 +
amino acid sequences within host proteins that are able to excise themselves out auto-catalytically and
 +
ligate the flanking host protein sequences, or exteins. This relatively unknown technology has huge
 +
potential in the area of post-translational modification because of its speed and modularity. QGEM is
 +
working with inteins on two main levels to show their use as a foundation tool in synthetic biology, as
 +
well as a solution to a real world problem. </em></p>
 +
 +
<div class="row">
 +
<div class="col-md-2"></div>
 +
<img src="https://static.igem.org/mediawiki/2014/1/1d/LASTproject.jpg">
 +
</div>
 +
 +
<p>
 +
<h1>Project 1: Photo-intein</h1>
 +
Unlike inteins that are found in nature, some inteins have separate C and N terminus domains that only
 +
splice when they are in close proximity to each other. These inteins are called trans-inteins. Our photo-
 +
intein project was inspired by the work of Tyszkiewicz and Muir in 2008; they created a light-activated
 +
protein splicing system using two chromoproteins, Phytochrome B (PhyB) and Phytochrome Associated
 +
Factor 3 (PIF3) and the VMA intein, naturally found in S. cerevisiae. After splitting the VMA intein, PhyB
 +
and PIF3 were attached to the C and N termini of the intein respectively. PhyB and PIF3, which associate
 +
when exposed to 660nm light, are able to bring the N and C termini of the intein together and initiate
 +
the splicing reaction. We aim to improve upon this with another intein, the NPU intein. The NPU intein,
 +
which is found in the cyanobacterium N. punctiforme, is up to 60x faster and may be able to speed the
 +
reaction time from 5 hours to 5 minutes. This reaction speed coupled with the ability to control the
 +
process with light can give researchers a valuable new tool to control protein expression at the post-
 +
translational level.
 +
</p>
 +
<div class="row">
 +
<div class="col-md-2"></div>
 +
<img src="https://static.igem.org/mediawiki/2014/6/6d/Project1.jpg">
 +
</div>
 +
<p>
 +
<h1>Project 2: Mito-intein</h1>
 +
Mitochondrial disease often stems from defective mitochondrial genes. Most mitochondrial genes have
 +
migrated to the nuclear genome, but there are still several mitochondrial proteins which are coded by
 +
the mitochondrial genome. When the mitochondrial genes are mutated and unable to be rescued by
 +
the nuclear genome, mitochondrial disease can arise. Several studies have attempted to allotopically
 +
express mitochondrial genes in the nucleus and transport them back into them mitochondria, but we
 +
are the first to attempt this with inteins. Using a trans-intein, we will try to create a proof-of-concept
 +
project that shows the ability of inteins to transport proteins into the mitochondria. We are using a
 +
split GFP protein, attaching each portion to a trans-intein part. By attaching mitochondrial targeting
 +
sequences (MTS) to each portion of the trans intein and its respective split GFP part, we will inhibit
 +
intein splicing until the immature peptide is transported to the mitochondria and the MTS is cleaved
 +
off. At this point, the intein’s N and C termini will associate and splice out, bringing together the GFP
 +
fragments; at this point, the GFP will fluoresce. With this project, we hope to show the applicability of
 +
inteins in medicine and disease.</p>
-
</table>
+
<div class="row">
 +
<div class="col-md-2"></div>
 +
<img src="https://static.igem.org/mediawiki/2014/d/d1/Project2.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
</body>
</html>
</html>

Latest revision as of 03:52, 18 October 2014

QGEM

QGEM’s 2014 project is titled “Inteins: Inspired by Nature, Accessible by Design.” Inteins are self-splicing amino acid sequences within host proteins that are able to excise themselves out auto-catalytically and ligate the flanking host protein sequences, or exteins. This relatively unknown technology has huge potential in the area of post-translational modification because of its speed and modularity. QGEM is working with inteins on two main levels to show their use as a foundation tool in synthetic biology, as well as a solution to a real world problem.

Project 1: Photo-intein

Unlike inteins that are found in nature, some inteins have separate C and N terminus domains that only splice when they are in close proximity to each other. These inteins are called trans-inteins. Our photo- intein project was inspired by the work of Tyszkiewicz and Muir in 2008; they created a light-activated protein splicing system using two chromoproteins, Phytochrome B (PhyB) and Phytochrome Associated Factor 3 (PIF3) and the VMA intein, naturally found in S. cerevisiae. After splitting the VMA intein, PhyB and PIF3 were attached to the C and N termini of the intein respectively. PhyB and PIF3, which associate when exposed to 660nm light, are able to bring the N and C termini of the intein together and initiate the splicing reaction. We aim to improve upon this with another intein, the NPU intein. The NPU intein, which is found in the cyanobacterium N. punctiforme, is up to 60x faster and may be able to speed the reaction time from 5 hours to 5 minutes. This reaction speed coupled with the ability to control the process with light can give researchers a valuable new tool to control protein expression at the post- translational level.

Project 2: Mito-intein

Mitochondrial disease often stems from defective mitochondrial genes. Most mitochondrial genes have migrated to the nuclear genome, but there are still several mitochondrial proteins which are coded by the mitochondrial genome. When the mitochondrial genes are mutated and unable to be rescued by the nuclear genome, mitochondrial disease can arise. Several studies have attempted to allotopically express mitochondrial genes in the nucleus and transport them back into them mitochondria, but we are the first to attempt this with inteins. Using a trans-intein, we will try to create a proof-of-concept project that shows the ability of inteins to transport proteins into the mitochondria. We are using a split GFP protein, attaching each portion to a trans-intein part. By attaching mitochondrial targeting sequences (MTS) to each portion of the trans intein and its respective split GFP part, we will inhibit intein splicing until the immature peptide is transported to the mitochondria and the MTS is cleaved off. At this point, the intein’s N and C termini will associate and splice out, bringing together the GFP fragments; at this point, the GFP will fluoresce. With this project, we hope to show the applicability of inteins in medicine and disease.