Team:Queens Canada/Notebook

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(12 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/Notebook&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;
 +
}
 +
p{
 +
margin:10px;
 +
}
 +
body{
 +
background:#d9e8f5;
 +
background-size:cover;
 +
z-index:-999;
 +
}
 +
.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;
 +
}
-
</tr>
 
 +
/**---------HEADER----------**/
 +
.header-bg{
 +
        width:100%;
 +
background-color:#333366;
 +
padding:0px;
 +
        padding-left:0px;
 +
        padding-right:0px;
 +
        width:100%
 +
        min-width:1000px;
 +
}
-
</tr>
+
.header-logo{
-
+
width:800px;
 +
padding-top:10px;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
}
 +
/**-----HEADER-ANIMATION------**/
 +
.menuc {
 +
width: 100%;
 +
margin: 0;
 +
overflow: hidden;
 +
position:relative;
 +
padding-bottom:0px;
 +
text-align:center;
 +
display:inline-block;
 +
}
-
</td>
+
#panel {
 +
width:100%;
 +
list-style:none;
 +
padding-top:0px;
 +
        padding-bottom:0px;
 +
display:inline-block;
 +
}
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
#panel li {  
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
margin: 0px;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
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);
 +
}
-
<!--requirements section -->
+
#panel li.animation:hover {
-
<tr><td colspan="3"> <h3>Notebook</h3></td></tr>
+
-moz-transform:translateY(10px);
-
</tr>
+
-o-transform:translateY(10px);
 +
-webkit-transform:Y(10px);
 +
}
 +
#panel li a {
 +
color:#304269;
 +
display:inline-block;
 +
padding:0px;
 +
}
-
<tr>
+
#panel li a:hover {
-
<td width="45%"  valign="top">
+
color:#ffffff;
-
<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>
+
}
-
</td>
+
-
<td></td>
+
/**---------FONT----------**/
-
<td></td>
+
@font-face{
-
</tr>
+
font-family:bebasN;
 +
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
 +
}
 +
/**----------SPONSORSHIP--------**/
-
</table>
+
.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/5/5e/Notebook_Head.jpg" class="img-head"></a>
 +
    </div>
 +
 
 +
<div class="body-text">
 +
</br>
 +
<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>
 +
 
 +
</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"