Difference between revisions of "Team:Dundee Schools/Results"

Line 1: Line 1:
 
<html>
 
<html>
 +
 
<style>
 
<style>
−
 
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
−
 
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
−
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
#content { padding:0px; width:100%; margin:-1.25vh 0vw 0vh -1vw;}
−
 
+
−
 
+
−
/********************************* RESPONSIVE STYLING ********************************/
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 1000PX */
+
−
 
+
−
@media only screen and (max-width: 1000px) {
+
−
 
+
−
#content {width:100%; }
+
−
.menu_wrapper {width:15%;}
+
−
.content_wrapper {margin-left: 15%;}
+
−
.menu_item {display:block;}
+
−
.icon {display:none;}
+
−
.highlight {padding:10px 0px;}
+
−
}
+
−
 
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 680PX */
+
−
 
+
−
@media only screen and (max-width: 680px) {
+
−
.collapsable_menu_control { display:block;}
+
−
.menu_item {display:none;}
+
−
.menu_wrapper { width:100%; height: 15%; position:relative;}
+
−
.content_wrapper {width:100%; margin-left:0px;}
+
−
.column.half_size {width:100%; }
+
−
.column img { width: 100%; padding: 5px 0px;}
+
−
.icon {display:block;}
+
−
.highlight {padding:15px 5px;}
+
−
}
+
−
 
+
−
 
+
 
</style>
 
</style>
−
 
−
<!-------------------------------------------------OWN CODE--------------------------------------------------------->
 
−
 
−
<!--iGEM HS Wiki HTML:Results-->
 
−
<!--Darryl Sime, started 2/8/16-->
 
  
 
<head>
 
<head>
Line 48: Line 10:
 
   <title>Dundee Schools: Results</title>
 
   <title>Dundee Schools: Results</title>
 
</head>
 
</head>
−
 
−
<body>
 
−
  <!--CSS-->
 
−
  <style>
 
−
/* Wrapper for the menu */
 
−
.menu_wrapper {
 
−
width:16vw;
 
−
height:100vh;
 
−
position:fixed;
 
−
padding:0px;
 
−
float:left;
 
−
background-color:#ffffff;
 
−
text-align:left;
 
−
}
 
−
 
−
/* styling for the menu items */
 
−
.menu_item {
 
−
width:100%;
 
−
margin:-2px 0px 0px -20px;
 
−
padding: 10px 10px; 
 
−
border-bottom: 1px solid #d3d3d3;
 
−
font-weight:bold;
 
−
color:#2d305a;
 
−
cursor: pointer;
 
−
}
 
−
 
−
/* when hovering on a menu item */
 
−
.menu_item:hover {
 
−
color:#2d305a;
 
−
background-color: #f1f89b;
 
−
}
 
−
 
−
/* decoration icon for the menu buttons*/
 
−
.icon {
 
−
float:right; 
 
−
font-size:16px;
 
−
font-weight:bold;
 
−
}
 
−
 
−
/* this is the icon for when the content is collapsed */
 
−
.plus::before {
 
−
content: "+";
 
−
}
 
−
/* this is the icon for when the content is expanded */
 
−
.less::before {
 
−
content: "–";
 
−
}
 
−
 
−
/* styling for the ul that creates the buttons */
 
−
ul.menu_items {
 
−
width:100%;
 
−
margin-left:0px;
 
−
padding:0px;
 
−
list-style: none;
 
−
}
 
−
 
−
/* styling for the li that are the menu items */
 
−
.menu_items li {
 
−
width:90%;
 
−
margin-top:-2px;
 
−
padding: 15px 0px 15px 15px ;
 
−
display:block;
 
−
border-bottom: 1px solid #34878f; 
 
−
text-align:left;
 
−
font-weight:bold;
 
−
text-decoration:none;
 
−
color:#2d305a;
 
−
list-style-type:none;
 
−
cursor:pointer;
 
−
-webkit-transition: all 0.4s ease;
 
−
-moz-transition: all 0.4s ease;
 
−
-ms-transition: all 0.4s ease;
 
−
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 
−
}
 
−
 
−
.menu_item a {
 
−
width: 100%;
 
−
margin-left: -20px;
 
−
padding: 11px 90px 12px 20px;
 
−
text-decoration: none;
 
−
color:black;
 
−
}
 
−
 
−
/* When hovering on a menu item */
 
−
.menu_items li:hover {
 
−
background-color:#26d2c6;
 
−
color: #2d305a;
 
−
}
 
−
 
−
/* styling for the submenus */
 
−
.submenu {
 
−
width:100%;
 
−
display: none; 
 
−
font-weight:bold;
 
−
cursor:pointer;
 
−
 
−
}
 
−
 
−
/* moving the margin for the submenu ul list */
 
−
ul.submenu {
 
−
width: 100%;
 
−
margin: 10px 0px -11px 0px;
 
−
list-style: none;
 
−
}
 
−
 
−
/*styling for the submenu buttons */
 
−
.submenu li {
 
−
width: 100%;
 
−
margin-left: 10px;
 
−
margin-bottom: 0px;
 
−
}
 
−
 
−
 
−
/* hover state for the submenu buttons */
 
−
.submenu li a {
 
−
width: 100%;
 
−
padding: 5px 10px;
 
−
display: inline-block;
 
−
border-bottom: 1px solid #d3d3d3;
 
−
background-color:white;
 
−
text-decoration:none;
 
−
color:#2d305a;
 
−
}
 
−
 
−
 
−
 
−
.submenu li a:hover  {
 
−
background-color:#26d2c6;
 
−
color: #ffffff;
 
−
}
 
−
 
−
 
−
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
 
−
.collapsable_menu_control {
 
−
width:100%;
 
−
padding: 15px 0px;
 
−
display:none;
 
−
background-color:#000000;
 
−
text-align:center; 
 
−
font-weight:bold;
 
−
color:#72c9b6;
 
−
cursor:pointer;
 
−
-webkit-transition: all 0.4s ease;
 
−
-moz-transition: all 0.4s ease;
 
−
-ms-transition: all 0.4s ease;
 
−
-o-transition: all 0.4s ease;
 
−
transition: all 0.4s ease;
 
−
}
 
−
 
−
/* when hovering on that button */
 
−
.collapsable_menu_control:hover {
 
−
background-color: #72c9b6;
 
−
color:#000000; 
 
−
}
 
  
  
 +
<style>
  
−
    body {
+
  body {
 
padding:0px;
 
padding:0px;
 
margin:0px;
 
margin:0px;
 +
        list-style-type:none;
 +
        list-style:none;
 +
        text-decoration:none;
 
background-color:white;
 
background-color:white;
 
overflow-y:scroll;
 
overflow-y:scroll;
 
overflow-x:hidden;
 
overflow-x:hidden;
 
font-family:Helvetica;
 
font-family:Helvetica;
−
height:auto;
+
        opacity:1; filter:alpha(opacity=100);
−
width:100vw;
+
 
     }
 
     }
  
−
    p {
+
#nav_bar {
−
margin-left:17vw;
+
    background-color:#2b3990;
−
height:auto;
+
    opacity:0.6; filter:alpha(opacity=60);
−
width:81vw;
+
    width:100vw;
−
     }
+
     height:11vh;
 +
    margin-top:0px;
 +
    position:fixed;
 +
}
  
−
</style>
+
.ul {
 +
    height:10vh;
 +
    width:100vw;
 +
    display:inline-block;
 +
    list-style-type:none;
 +
    list-style:none;
 +
    overflow:hidden;
 +
    position:fixed;
 +
}
  
 +
li {
 +
    float:right;
 +
    opacity:1; filter:alpha(opacity=100);
 +
}
  
−
<!--HTML-->
+
#logos {
 +
    height:9.5vh;
 +
    margin:.25vh 0vw .25vh .25vw;
 +
    width:auto;
 +
    max-width:35vw;
 +
    opacity:1.0; filter:alpha(opacity=100);
 +
    z-index:200;
 +
}
  
−
<div class="menu_wrapper" >
 
  
 +
li .a {
 +
    color: white;
 +
    padding:1vh .5vw 1vh .5vw;
 +
    text-decoration:none;
 +
    z-index:200;
 +
    opacity:1; filter:alpha(opacity=100);
 +
}
  
 +
.dropbtn, li.dropdown {
 +
    list-style-type:none;
 +
    float:right;
 +
    max-width:20vw;
 +
    margin-top:7vh;
 +
    padding-bottom:1vh;
 +
    font-size:2.5vh;
 +
    text-decoration:none;
 +
}
  
 +
li .a:hover, .dropdown:hover .dropbtn {
 +
    background-color:#a8bce1;
 +
    color:black;
 +
    list-style-type:none;
 +
    z-index:201;
 +
    opacity:1; filter:alpha(opacity=100);
 +
}
  
−
<div class="collapsable_menu_control"> MENU ▤ </div>
+
.dropdown-content {
 +
    display:none;
 +
    position:fixed;
 +
    list-style-type:none;
 +
    background-color:#2b3990;
 +
    opacity:0.6; filter:alpha(opacity=60);
 +
}
  
−
<ul id="accordion" class="accordion">
+
.dropdown-content .a {
 +
    color:white;
 +
    margin:0px;
 +
    padding:1.5vh .25vw .5vh .25vw;
 +
    text-decoration:none;
 +
    display:block;
 +
    list-style-type:none;
 +
    text-align:left;
 +
}
  
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools">HOME </a> </li>
+
.dropdown-content .a:hover {
 +
    background-color:#a8bce1;
 +
    color:black;
 +
    list-style-type:none;
 +
    opacity:1; filter:alpha(opacity=100);
 +
}
  
 +
.dropdown:hover .dropdown-content {
 +
    display:block;
 +
    z-index:200;
 +
    list-style-type:none;
 +
    opacity:1; filter:alpha(opacity=100);
 +
}
  
−
<li class="menu_item"> <div class="icon plus"></div> TEAM
+
</style>
−
<ul class="submenu">
+
<body>
−
<li> <a href=" https://2016.igem.org/Team:Dundee_Schools/Team"> Team  </a> </li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Collaborations">★  Collaborations </a> </li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
+
−
<ul class="submenu">
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Description"> ★  Description </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Design"> ★ Design </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Experiments"> Experiments </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Proof"> ★ Proof of Concept </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Demonstrate"> ★ Demonstrate </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Results"> Results </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Notebook"> Notebook </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> PARTS 
+
−
<ul class="submenu">
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Parts">Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Basic_Part"> ★ Basic Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Composite_Part"> ★ Composite Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Part_Collection"> ★ Part Collection </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools/Safety"> SAFETY </a> </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools/Attributions">★  ATTRIBUTIONS </a></li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
+
−
<ul class="submenu">
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Human_Practices"> Human Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/HP/Silver">★ Silver </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/HP/Gold">★ Gold </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Integrated_Practices"> ★ Integrated Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Engagement">★ Engagement </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> AWARDS
+
−
<ul class="submenu">
+
−
<li><a href="https://2016.igem.org/Team:Dundee_Schools/Entrepreneurship"> ★ Entrepreneurship </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Hardware"> ★ Hardware </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Software">★ Software </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Measurement">★  Measurement </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Model">★ Model </a></li>
+
−
 
+
−
                    </ul>
+
−
                </li>
+
−
</ul>
+
−
 
+
−
</div>
+
−
 
+
−
<p>Background Information:<br></br>
+
−
 
+
−
The hfq is a RNA binding protein and it is specific to <em>Vibrio cholerae</em> and <em>Shigella</em> which means it targets these bacteria.<br></br>
+
−
 
+
−
osmY is a protein often secreted by <em>E. coli</em>. This means that we can attach a specific sRNA sequence which will be formed by a plasmid in the <em>E. coli</em>. The osmY will then escort the sRNA out of the cell. However, the sRNA cannot bind to the osmY therefore we made an osmY – hfq fusion so it can bind to the sRNA.<br></br>
+
−
 
+
−
sRNA is made by the expression system, Ec-sRNA <em>E. coli</em> and Sma-sRNA S.marcescens.
+
−
 
+
−
Once the sRNA is outside of the <em>E. coli</em> we want the <em>Vibrio cholerae</em> and <em>Shigella</em> to take up the sRNA so that it can block a vital DNA sequence which stops translation of a protein which makes up the tail of the <em>vibrio cholera</em>. The protein is called fliC.<br></br>
+
−
 
+
−
To test the ability of the sRNA we plan to run <em>E. coli</em> cells that have been inhibited by the sRNA on protein gel. Normally when <em>E. coli</em> is run on a protein gel a large band would be found at 37 kBa which would represent the huge amounts of fliC which is used to make up the tail of the <em>E. coli</em>. However once the translation of the fliC protein have been inhibited by the sRNA a really small band of different proteins would be found at 37 kBa, and no fliC should be found. We can also check the two samples and compare them under a microscope to see if the inhibited sample is swimming, since it has no tail it should be unable to move. Another method of testing the sRNA’s efficiency will be to plate the inhibited cells along with normal cells as a control, once plated the normal cells will be able to grow outwards as they have the ability to move due to their tail, however the inhibited cells will stay close to where they were put on as they can’t move without their tails.<br></br>
+
−
 
+
−
The first experiment performed to characterise our system is a western blot. The western blot will separate and let us identify proteins. For the western blot we are using our system, responsible for producing the osmY – hfq fusion, which was left in an overnight culture before. Both the super-native and the cells were loaded as a sample to see if the osmY – hfq fusion was indeed being secreted from the <em>E. coli</em>. However to be able to see the fusion on a gel we need to add a HA tag to it.<br></br>
+
  
−
Since osmY (BBa_K892008) has already been submitted as a BioBrick to the registry before, we plan to improve it to qualify for the gold medal award. We have added a sequence which allows the expression of a HA tag to the osmY BioBrick, which in turn allows antibodies to be able to attach itself to it and provide a good method for the detection and purification of tagged target proteins.</p>
+
<!--navigation bar-->
 +
<div id="nav_bar"></div>
 +
  <p style="position:fixed;float:right;height:3.25vh;width:auto;color:white;margin:1.5vh 2vw 0vh 52vw;font-weight:bold;font-size:3.25vh;">DUNDEE SCHOOLS: FIGHTING BACTERIAL INFECTIONS</p>
 +
<ul class="ul">
 +
<img id="logos" src="https://static.igem.org/mediawiki/2016/2/20/T--Dundee_Schools--nav_logos.png"/>
 +
  <li><a style="height:2.5vh;width:auto;float:right;margin:6vh 2vw 0vh 0vw;padding:1vh .5vw 1vh .5vw;font-size:2.5vh;display:inline;" class="a" class="active" href="https://2016.igem.org/Team:Dundee_Schools/Attributions">ATTRIBUTIONS</a></li>
 +
  <li class="dropdown">
 +
    <a class="a" href="#" class="dropbtn">PARTS</a>
 +
    <div class="dropdown-content">
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Parts">Parts</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Basic">Basic</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Composite">Composite</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Part_collection">Collection</a>
 +
    </div>
 +
  </li>
 +
  <li class="dropdown">
 +
    <a class="a" href="#" class="dropbtn">LAB WORK</a>
 +
    <div class="dropdown-content">
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Experiments">Experiments</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Results">Results</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Safety">Safety</a>
 +
    </div>
 +
  </li>
 +
  <li class="dropdown">
 +
    <a class="a" href="#" class="dropbtn">HUMAN PRACTICES</a>
 +
    <div class="dropdown-content">
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Human_Practices">Human Practices</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/HP/Silver">Silver</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/HP/Gold">Gold</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Integrated_Practices">Integrated Practices</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Engagement">Engagement</a>
 +
    </div>
 +
  </li>
 +
  <li class="dropdown">
 +
    <a class="a" href="#" class="dropbtn">PROJECT</a>
 +
    <div class="dropdown-content">
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Description">Description</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Design">Design</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Proof">Proof of concept</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Medals">Medals</a>
 +
    </div>
 +
  </li>
 +
  <li class="dropdown">
 +
    <a class="a" href="#" class="dropbtn">TEAM</a>
 +
    <div class="dropdown-content">
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Team">Meet the agents</a>
 +
      <a class="a" href="https://2016.igem.org/Team:Dundee_Schools/Collaborations">Collaborations</a>
 +
    </div>
 +
  </li>
 +
  <li><a style="height:2.5vh;width:auto;float:right;margin:6vh 0vw 0vh 0vw;padding:1.25vh .5vw 1.25vh .5vw;font-size:2.5vh;" class="a" class="active" href="https://2016.igem.org/Team:Dundee_Schools">HOME</a></li>
 +
</ul>
  
 
</body>
 
</body>
Line 365: Line 224:
  
  
−
$(".collapsable_menu_control").click(function() {
 
−
$(".menu_item").toggle();
 
−
});
 
  
−
$( window ).resize(function() {
 
−
$(".menu_item").show();
 
−
});
 
  
  
Line 380: Line 233:
 
$("#wpTextbox1").css( 'margin-top', '440px');
 
$("#wpTextbox1").css( 'margin-top', '440px');
 
}
 
}
 +
 +
 +
 +
 +
  
  
 
</script>
 
</script>
 +
 +
  
 
</html>
 
</html>

Revision as of 20:03, 17 October 2016

Dundee Schools: Results

DUNDEE SCHOOLS: FIGHTING BACTERIAL INFECTIONS