Team:Queens Canada/Notebook

From 2014.igem.org

(Difference between revisions)
 
(11 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 {
-
<!-- Latest compiled and minified CSS -->
+
display: none;
-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
}
 +
 
 +
#catlinks {
 +
display: none;
 +
}
 +
 
 +
#footer-box {
 +
display: none;
 +
}
 +
 
 +
#contentSub {
 +
display: none;
 +
}
 +
 
 +
#globalWrapper{
 +
    margin:0;
 +
    padding:0;
 +
    background-color:#999999
 +
}
 +
 
 +
#content{
 +
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
 +
 
 +
#bodyContent{
 +
    margin:0;
 +
    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;
 +
}
 +
 
 +
#menubar {
 +
top: 1px;
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
/* ----------------TopSection_left-menu---------------- */
 +
.left-menu,.left-menu a {
 +
color: white;
 +
left: 0px;
 +
text-transform: capitalize;
 +
}
 +
 
 +
.left-menu:hover {
 +
background-color: transparent;
 +
}
 +
 
 +
.left-menu:hover a {
 +
color: white;
 +
text-decoration: none !important;
 +
}
-
<!--main content -->
+
.left-menu li a:hover {
-
<table width="70%" align="center">
+
color: #ff6669;
 +
}
 +
/* ----------------TopSection_right-menu---------------- */
 +
.right-menu li {
 +
background-color: transparent;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
.right-menu,.right-menu a {
-
<!-- end welcome box -->
+
color: white;
-
<tr>
+
right: 0;
 +
text-align: right;
 +
}
-
<!--navigation menu -->
+
.right-menu:hover {
-
<td align="center" colspan="3">
+
background-color: transparent;
 +
}
-
<table  width="100%">
+
.right-menu:hover a {
-
<tr heigth="15px"></tr>
+
color: white;
-
<tr heigth="75px">
+
}
 +
.right-menu li a {
 +
background-color: transparent;
 +
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:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada"style="color:#000000">Home </a> </td>
+
        text-decoration:none;
 +
color: #ff6669;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/**---------PAGE------------**/
-
<a href="https://2014.igem.org/Team:Queens_Canada/Team"style="color:#000000"> Team </a> </td>
+
#fullpage{
 +
color:white;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
height:100%;
 +
position:fixed;
 +
}
 +
p{
 +
margin:10px;
 +
}
 +
body{
 +
background:#d9e8f5;
 +
background-size:cover;
 +
z-index:-999;
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Queens_Canada"style="color:#000000"> Official Team Profile </a></td>
+
.bodya{
 +
        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;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:Queens_Canada/Project"style="color:#000000"> Project</a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/**---------HEADER----------**/
-
<a href="https://2014.igem.org/Team:Queens_Canada/Parts"style="color:#000000"> Parts</a></td>
+
.header-bg{
 +
        width:100%;
 +
background-color:#333366;
 +
padding:0px;
 +
        padding-left:0px;
 +
        padding-right:0px;
 +
        width:100%
 +
        min-width:1000px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.header-logo{
-
<a href="https://2014.igem.org/Team:Queens_Canada/Modeling"style="color:#000000"> Modeling</a></td>
+
width:800px;
 +
padding-top:10px;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/**-----HEADER-ANIMATION------**/
-
<a href="https://2014.igem.org/Team:Queens_Canada/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Queens_Canada/Safety"style=" color:#000000"> Safety </a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.menuc {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Attributions"style="color:#000000"> Attributions </a></td>
+
width: 100%;
 +
margin: 0;
 +
overflow: hidden;
 +
position:relative;
 +
padding-bottom:0px;
 +
text-align:center;
 +
display:inline-block;
 +
}
 +
#panel {
 +
width:100%;
 +
list-style:none;
 +
padding-top:0px;
 +
        padding-bottom:0px;
 +
display:inline-block;
 +
}
-
<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>
+
#panel li { 
-
</tr>
+
margin: 0px;
-
</table>
+
padding: 0px;
 +
display:inline-block;
 +
width:125px;
 +
background: #99cccc;
 +
}
 +
#panel li.animation {
 +
-moz-transition: all 0.4s ease-in-out;
 +
-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);
 +
}
-
</tr>
+
#panel li.animation:hover {
 +
-moz-transform:translateY(10px);
 +
-o-transform:translateY(10px);
 +
-webkit-transform:Y(10px);
 +
}
 +
#panel li a {
 +
color:#304269;
 +
display:inline-block;
 +
padding:0px;
 +
}
-
</tr>
+
#panel li a:hover {
-
+
color:#ffffff;
 +
}
 +
/**---------FONT----------**/
 +
@font-face{
 +
font-family:bebasN;
 +
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
 +
}
 +
/**----------SPONSORSHIP--------**/
 +
.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;
-
</td>
+
color:#333366;
 +
text-decoration:none;
 +
}
 +
.menuc li a:hover{
 +
color:white;
 +
}
 +
.menuc li a:visited{
 +
color:#bf3f3e;
 +
text-decoration:none;
 +
}
-
<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>
 
 +
<!-----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;
-
<!--requirements section -->
+
}
-
<tr><td colspan="3"> <h3>Notebook</h3></td></tr>
+
.img-rounded{
-
</tr>
+
        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>
-
<tr>
+
<div class="header-logo">
-
<td width="45%" valign="top">  
+
              <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>
-
<p>You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well. </p>
+
<img src="https://static.igem.org/mediawiki/2014/5/5e/Notebook_Head.jpg" class="img-head"></a>
-
</td>
+
    </div>
-
<td></td>
+
<div class="body-text">
-
<td></td>
+
</br>
-
</tr>
+
<p>
 +
<em>Through work over the summer the QGEM team documented the preliminary parts for the mitochondrial project. The parts were developed as a proof of concept, in order to test the transport of hydrophobic proteins across a hydrophilic membrane. Rather than using a mitochondrial protein, GFP was used for easy characterization. Future steps include characterization of the parts. This would be testing the effectiveness of the intein in E.coli, as well as its efficiency using time-course Western Blots. Following preliminary characterizations, the part would be transferred in a shuttle vector into Yeast where assays would determine the effectiveness of the entry into the mitochondria. Below is a block illustration of the parts characterized. If you would like to see our parts on the parts wiki, please follow this links: <a href="http://parts.igem.org/Part:BBa_K1435001">His-tagged split GFP w/ MTS </a> <a href="http://parts.igem.org/Part:BBa_K1435002">N-terminal GFP w/ an N-terminal Intein</a></em></p>
 +
</br>
 +
<img src="https://static.igem.org/mediawiki/2014/5/5c/Results_Picture.jpg">
 +
<h1>Lab Book</h1>
 +
<iframe  width="800" height="600" style="margin-left:10%;margin-bottom:5%;" scrolling="yes" src="https://synbiota.ca/projects/665/show_as_embedded"></iframe>
-
</table>
+
</div>
 +
</div>
 +
</body>
</html>
</html>

Latest revision as of 01:48, 18 October 2014

QGEM


Through work over the summer the QGEM team documented the preliminary parts for the mitochondrial project. The parts were developed as a proof of concept, in order to test the transport of hydrophobic proteins across a hydrophilic membrane. Rather than using a mitochondrial protein, GFP was used for easy characterization. Future steps include characterization of the parts. This would be testing the effectiveness of the intein in E.coli, as well as its efficiency using time-course Western Blots. Following preliminary characterizations, the part would be transferred in a shuttle vector into Yeast where assays would determine the effectiveness of the entry into the mitochondria. Below is a block illustration of the parts characterized. If you would like to see our parts on the parts wiki, please follow this links: His-tagged split GFP w/ MTS N-terminal GFP w/ an N-terminal Intein


Lab Book

Retrieved from "http://2014.igem.org/Team:Queens_Canada/Notebook"