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

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:Notebook-->
 
−
<!--Darryl Sime, started 2/8/16-->
 
  
 
<head>
 
<head>
Line 47: Line 10:
 
   <title>Dundee Schools: Notebook</title>
 
   <title>Dundee Schools: Notebook</title>
 
</head>
 
</head>
−
 
 
<body>
 
<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 */
+
<style>
−
.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 */
+
  body {
−
.menu_item:hover {
+
padding:0px;
−
color:#2d305a;  
+
margin:0px;
−
background-color: #f1f89b;
+
        list-style-type:none;
−
}
+
        list-style:none;
 +
        text-decoration:none;
 +
background-color:white;
 +
overflow-y:scroll;
 +
overflow-x:hidden;
 +
font-family:Helvetica;
 +
        opacity:1; filter:alpha(opacity=100);
 +
    }
  
−
/* decoration icon for the menu buttons*/
+
#nav_bar {
−
.icon {
+
    background-color:#2b3990;
−
float:right;
+
    opacity:0.6; filter:alpha(opacity=60);
−
font-size:16px;  
+
    width:100vw;
−
font-weight:bold;  
+
    height:11vh;
−
}
+
    margin-top:0px;
−
+
    position:fixed;
−
/* 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 {
−
ul.menu_items {
+
    height:10vh;
−
width:100%;  
+
    width:100vw;
−
margin-left:0px;  
+
    display:inline-block;
−
padding:0px;
+
    list-style-type:none;
−
list-style: none;  
+
    list-style:none;
−
}
+
    overflow:hidden;
 +
    position:fixed;
 +
}
  
−
/* styling for the li that are the menu items */
+
li {
−
.menu_items li {  
+
    float:right;
−
width:90%;
+
    opacity:1; filter:alpha(opacity=100);
−
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 {
+
#logos {
−
width: 100%;
+
    height:9.5vh;
−
margin-left: -20px;
+
    margin:.25vh 0vw .25vh .25vw;
−
padding: 11px 90px 12px 20px;
+
    width:auto;
−
text-decoration: none;
+
    max-width:35vw;
−
color:black;
+
    opacity:1.0; filter:alpha(opacity=100);
−
}
+
    z-index:200;
 +
}
  
−
/* When hovering on a menu item */
 
−
.menu_items li:hover {
 
−
background-color:#26d2c6;
 
−
color: #2d305a;
 
−
}
 
  
−
/* styling for the submenus */
+
li .a {
−
.submenu {
+
    color: white;
−
width:100%;  
+
    padding:1vh .5vw 1vh .5vw;
−
display: none;
+
    text-decoration:none;
−
font-weight:bold;
+
    z-index:200;
−
cursor:pointer;  
+
    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;
 +
}
  
−
/* moving the margin for the submenu ul list */
+
li .a:hover, .dropdown:hover .dropbtn {
−
ul.submenu {  
+
    background-color:#a8bce1;
−
width: 100%;
+
    color:black;
−
margin: 10px 0px -11px 0px;
+
    list-style-type:none;
−
list-style: none;
+
    z-index:201;
−
}
+
    opacity:1; filter:alpha(opacity=100);
 +
}
  
−
/*styling for the submenu buttons */
+
.dropdown-content {
−
.submenu li {  
+
    display:none;
−
width: 100%;  
+
    position:fixed;
−
margin-left: 10px;
+
    list-style-type:none;
−
margin-bottom: 0px;
+
    background-color:#2b3990;
−
}
+
    opacity:0.6; filter:alpha(opacity=60);
 +
}
  
 +
.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;
 +
}
  
−
/* hover state for the submenu buttons */
+
.dropdown-content .a:hover {
−
.submenu li a {
+
    background-color:#a8bce1;
−
width: 100%;
+
    color:black;
−
padding: 5px 10px;
+
    list-style-type:none;
−
display: inline-block;
+
    opacity:1; filter:alpha(opacity=100);
−
border-bottom: 1px solid #d3d3d3;
+
}
−
background-color:white;  
+
−
text-decoration:none;
+
−
color:#2d305a;  
+
−
}
+
  
−
 
+
.dropdown:hover .dropdown-content {
−
 
+
    display:block;
−
.submenu li a:hover {
+
    z-index:200;
−
background-color:#26d2c6;
+
     list-style-type:none;
−
color: #ffffff;
+
     opacity:1; filter:alpha(opacity=100);
−
}
+
}
−
 
+
−
 
+
−
/* 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; 
+
−
}
+
−
 
+
−
     body {
+
−
background-color:#ffffff;
+
−
font-family:Helvetica;
+
−
width:100vw;
+
−
height:auto;
+
−
     }
+
−
 
+
−
    .main_body {
+
−
margin-left:17vw;
+
−
width:82vw;
+
−
    }
+
  
 
</style>
 
</style>
−
 
  
 
  <!--HTML-->
 
  <!--HTML-->
  
−
<div class="menu_wrapper" >
+
<!--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>
  
  
−
 
−
 
−
<div class="collapsable_menu_control"> MENU ▤ </div>
 
−
 
−
<ul id="accordion" class="accordion">
 
−
 
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools">HOME </a> </li>
 
−
 
−
 
−
<li class="menu_item"> <div class="icon plus"></div> TEAM
 
−
<ul class="submenu">
 
−
<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>
 
−
 
−
<div class="main_body">
 
 
<h2>Notebook</h2>
 
<h2>Notebook</h2>
  
Line 454: Line 338:
 
</p>
 
</p>
  
−
</div>
 
  
 
</body>
 
</body>
Line 506: Line 389:
  
  
−
$(".collapsable_menu_control").click(function() {
 
−
$(".menu_item").toggle();
 
−
});
 
  
−
$( window ).resize(function() {
 
−
$(".menu_item").show();
 
−
});
 
  
  
Line 521: Line 398:
 
$("#wpTextbox1").css( 'margin-top', '440px');
 
$("#wpTextbox1").css( 'margin-top', '440px');
 
}
 
}
 +
 +
 +
 +
 +
  
  
 
</script>
 
</script>
 +
 +
  
 
</html>
 
</html>

Revision as of 12:13, 18 October 2016

Dundee Schools: Notebook

DUNDEE SCHOOLS: FIGHTING BACTERIAL INFECTIONS

Notebook

Wet Team

Week 1- Familiarising ourselves with the labs • Transformation + Overnight of PSBIC3 • Mini Prep of PSBIC3 • Restriction Digest of PSB1C3 • PCR’s: o Hfq E.coli- Unsuccessful o Hfq Serratia- Unsuccessful o osmY- Unsuccessul • Mini Prep of PSBIC3 • Restriction Digest of PSB1C3 Week 2- Carried on with cloning • PCR’s: o Hfq E.coli- Unsuccessful o Hfq Serratia – Unsuccessful o osmY- Unsuccessful • 3rd PCR set up: o Hfq E.coli – Successful o Hfq Serratia – Unsuccessful o osmY - Successful • PCR’s: o Hfq Serratia x 2 at 49 degrees - Successful o Hfq Serratia x 1 at 65 degrees - Successful • Ligation into PSBIC3 and transformed • The 3 successful PCR’s were plated at concentrations of 2.1 and 3.1 with vector; no plates grew colonies Week 3- Made our first BioBrick • Redid all 3 PCRS’S – Hfq E.coli and osmY both worked. Hfq Serratia did not. • Colony PCR of the successful PCR’s, overnight, mini prep, sent away for sequencing and then stocked. First 2 BioBricks made: OsmY + Hfq E.coli • PCR of osmY Hfq E.coli fusion and PCR of osmY Hfq Serratia Fusion - successful Digested and Ligated etc.… sequenced then stocked. 2 BioBricks made: osmY Hfq E.coli Fusion + osmY Hfq Serratia Fusion Week 4- Started to make gene fragments • PCR of Serratia - successful • Sequenced and Stocked. 1 Bio brick made: Hfq Serratia • Gene fragments – EC-SRNA and sma-SRNA digested and ligated into PSBIC3 • Digestion of Rhamnose promoter Week 5 – Started to add Ha tags • Ligations: o rbs-osmY-Hfq-E.coli o rbs-osmY-Hfq-Serratia o rbs-osmY-Hfq-E.coli- Ha Tag o rbs-osmY-Hfq-Serratia- Ha Tag • PCR’s: o rbs-osmY- Ha Tag - Successful o rbs-osmY-Hfq E.coli- Ha Tag- Successful o rbs-osmY-Hfq Serratia-Ha Tag – Successful All PCR’s transformed and overnighted. Week 6- Phage outbreak • Overnights of: o rbs-osmY-Hfq- Ha tag o rbs-osmY-Hfq E.coli- Ha tag o rbs-osmY-Hfq Serratia- Ha tag • Mini preps, sequencing and transformations of the above • Phage outbreak on Thursday; all transformations lost due to this re-done the next day • All sent away for sequencing • Ec – SRNA and sma SRNA – both stocked. Week 7- Western blot • We did our first western blot test with no timed samples. • We also completed a timed western blot by adding different concentrations of Rhamanose and taking samples every hour • Primers: o Fli C for Ec- sRNA o Vir F for Ec-sRNA Week 8- Final week • Performed another Western Blot to get a much cleaner image for the whole cell • Overnights with Ec-SRNA Fli C in MG1655 and Ec-SRNA Vir F • Plates grew colonies – colony PCR with colonies. • Sent away for sequencing



Dry Team

    Week 1-
  • Started off discussing our topic of bacterial infections and brainstorming how we could target them; settled on RNA interference.
  • Split the team into 2 groups, wet team (Matthew, Bartosz, Albert) and dry team (Mia, Beth, Darryl).
  • Decided what each team had to do for that week
  • Started with general research on our chosen infections (Cholera and Shigellosis)
  • Darryl started and completed learning basic HTML and CSS via tutorials on the site Codecadamy, then began the initial stages of the wiki so as to get to grips with it.


    Week 2-
  • The dry team began to contact various people/organisations:
    • Colalife
    • Mercy Ships
    • Water Aid
    • Lifeline Express
  • Had our first meeting about maths modelling and discussed how we could incorporate it into our project.
  • Further developed wiki.


    Week 3-
  • Had a phone call with Brian Walshe of Mercy Ships
  • Started organisation for Northern meet up:
    • Began developing presentation content and layout
    • Work began on poster


    Week 4-
  • Spoke to Rob Porter (prof. of Microbiology) via email.
  • Planned a skype call with Simon Berry of Colalife.
  • Contacted British red cross.


    Week 5-
  • Attended the Edinburgh Northern meet up & presented our project there, to which we were met with excellent feedback.
  • Carried on working in the lab and progressing with our presentation.
  • Further development of poster.


    Week 6-
  • Contacted British Pharmaceutical Society
  • Contacted Mark Mcculloch (Army Doctor)
  • Carried on with making our poster for the UK meet up.


    Week 7-
  • Set up meeting with Mark
  • Finished poster
  • Carried on with our wiki content
  • Received our FBI sunglasses and pens for the Jamboree.


    Week 8-
  • Attended the UK meet up in London – presented our talk and our poster to multiple UK iGEM teams.
  • Got our hoodies and t-shirts for Boston.
  • Had our agent photoshoot.


Whilst we may now be back at school and so not working on our project full-time, we are still putting a large amount of time and effort into it. Wiki development continues both in its design and content, all of us continue to work on the presentation, other teams are still being collaborated with, people and organisations are still being contacted, videos are being planned and outreach to younger students is underway. Overall, things are still moving and the gears in our brains are still very much in motion towards our goal of having our project be the best that we can make it.