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

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:Attributions-->
 
−
<!--Darryl Sime, Albert Brown, started 9/8/16-->
 
  
 
<head>
 
<head>
Line 48: Line 11:
 
</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 */
+
<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 */
+
−
.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; 
+
−
}
+
−
 
+
−
    *{
+
−
font-family:Helvetica;
+
−
    }
+
  
−
    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;
+
 
     }
 
     }
  
−
    #main_body {
+
#nav_bar {
−
margin-left:17vw;
+
    background-color:#2b3990;
−
width:81vw;
+
    opacity:0.6; filter:alpha(opacity=60);
−
height:auto;
+
    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>
+
<!--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 id="main_body">
 
−
  <h2>Attributions</h2>
 
−
  <p>Through our project we have received support and help from a whole variety of people, we would like to extend our gratitude to everyone involved in our project.  We would like to thank Professor Frank Sargent, Professor Tracy Palmer, and Professor Fordyce Davidson who made this amazing opportunity became a reality by organizing the team and allowing us to take part, as well us guiding us through the project, in various aspects ranging from the biology behind the project to maths modelling.<br></br>
 
−
A big thank you to our amazing advisors; Fatima Ulhuq, Alex Finney, and John Allan, who all helped us tremendously with teaching us how to work in a lab, as well as guiding us through our project. Thank you to Lucas J. Morales Moya, an amazing advisor who taught us a lot about maths modelling and provided help when needed. <br></br>
 
−
We would also like to give a big thank you to; <br></br>
 
−
Erin Stanbridge - Division Secretary - for always helping to organize everything and anything, including train journeys and flights. <br></br>
 
−
Dr Jackie Heilbronn - Lab Manager - for teaching us all of the lab safety protocols and made sure we stay safe. <br></br>
 
−
The 2016 Dundee University Undergraduate iGem Team, who were always able to help us out, and when not working to chill with and have fun. <br></br>
 
−
Dr Grant Buchanan for teaching us a lot about microbiology, providing help - as well as giving us his sample of <em>Serratia marcescens</em> and <em>E. coli</em> gDna - and making us laugh with his jokes. <br></br>
 
−
IT Department of Dundee University for providing us with access to the system which allowed us to do a lot of work. <br></br>
 
−
Central Technical Services of Dundee University for providing us with clean, and sterilized equipment as well various media used in our project. <br></br>
 
−
MRC PPU DNA Sequencing and Services for giving us free sequence runs. <br></br>
 
−
University of Dundee, Life Sciences, Cafeteria for making dem gewd bacon rolls. <br></br>
 
−
Olawale Raimi for providing us with Rhamnose in a crucial moment when we ran out. <br></br>
 
−
Brian Walshe from Mercy Ships Charity for referring us Rob Porter. <br></br>
 
−
Rob Porter - Consultant of Microbiology and Infection - for giving us a lot of detailed feedback about our project as well us raising good questions which helped shape our project. <br></br>
 
−
Lastly we, the 2016 Dundee High School iGEM Team, would like to give a big thank you to everyone in the Molecular Microbiology Department who were always very kind and helpful in all situations.</p>
 
−
</div>
 
 
</body>
 
</body>
 
<script>
 
<script>
Line 368: Line 224:
  
  
−
$(".collapsable_menu_control").click(function() {
 
−
$(".menu_item").toggle();
 
−
});
 
  
−
$( window ).resize(function() {
 
−
$(".menu_item").show();
 
−
});
 
  
  
Line 383: Line 233:
 
$("#wpTextbox1").css( 'margin-top', '440px');
 
$("#wpTextbox1").css( 'margin-top', '440px');
 
}
 
}
 +
 +
 +
 +
 +
  
  
 
</script>
 
</script>
 +
 +
  
 
</html>
 
</html>

Revision as of 20:05, 17 October 2016

Dundee Schools: Attributions

DUNDEE SCHOOLS: FIGHTING BACTERIAL INFECTIONS