Difference between revisions of "Team:Dundee"

Line 1: Line 1:
 
{{Dundee}}
 
{{Dundee}}
 +
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
 
   <head>
 
   <head>
Line 8: Line 9:
 
     <title>Dundee 2016</title>
 
     <title>Dundee 2016</title>
  
−
<!-- Latest compiled and minified CSS -->
+
<!-- Latest compiled and minified CSS -->
−
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
−
<!-- jQuery library -->
+
<!-- Optional theme -->
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  
−
<!-- Latest compiled JavaScript -->
+
<!-- Latest compiled and minified JavaScript -->
−
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
 
 
   </head>
 
   </head>
Line 21: Line 22:
 
   <style>
 
   <style>
 
 
−
body{
 
−
background-color:#1C203B;
 
 
 
−
}
+
#BackImg{
−
       
+
−
        #wrapper{
+
−
background-color:#1C203B;
+
−
}
+
−
+
−
#fbiHeaderLogo{
+
−
float:centre;
+
 
margin:0 auto;
 
margin:0 auto;
−
padding:0px 0px 0px 0px;
+
padding:60px 0px 0px 0px;
 +
position:relative;
 
 
 
}
 
}
 
 
−
#fbiHeaderLogo img{
+
#BackImg img{
−
width:135%;
+
−
}
+
−
 
+
−
 
+
−
.fixedwidth {
+
 
width:100%;
 
width:100%;
−
margin:0 auto;
 
 
}
 
}
 
 
−
.navbar navbar-default{
+
#OverView{
−
background-color:#10121E;
+
−
+
 
}
 
}
 
 
−
.container-fluid{
+
#VideoContainer{
−
background-color:#10121E;
+
width:66%;
 +
float:right;
 +
height:500px;
 +
 
}
 
}
 
 
−
.navbar-header {
+
#ProjectDesCon{
−
background-color:#10121E;
+
width:33%;
 +
float:left;
 +
height:500px;
 
}
 
}
 
 
−
.navbar{
+
#SponserFooter{
−
border-top:3px solid #283696;
+
margin:30px 0px 60px 0px;
−
border-bottom:3px solid #283696;
+
−
border-left:none;
+
−
border-right:none;
+
−
color:#F5F12B;
+
 
}
 
}
−
#ContentWrapper{
+
#SponserFooter img {
−
padding-left:20px;
+
width:100%;
−
padding-right:20px;
+
}
 +
 
 +
.SponserLink{
 +
float:left;
 +
width:17%;
 +
margin-right:3%;
 +
border-bottom:1px solid white;
 +
 +
}
 +
#BBSRC{
 +
margin-left:1.5%;
 +
}
 +
#WellcomeT{
 +
margin-right:1.5%;
 
}
 
}
 
 
−
#SummaryBox{
+
#finalFooter{
−
Background-color:#10121E;
+
background-color:grey;
−
Margin:0 auto;
+
width:100%;
−
padding-left:40px;
+
−
padding-right:40px;
+
−
border-radius:10px;
+
−
border-right:2px solid #283696;
+
−
border-top:;
+
 
height:100%;
 
height:100%;
−
padding-bottom:20px;
+
margin-top:10px;
−
margin-bottom:20px;
+
−
border-top:hidden;
+
}
−
color:#FFFFFF;
+
#footWrapper{
 +
margin:0 auto;
 +
width:33%;
 
}
 
}
 
 
−
  </style>
+
 +
.footerImg img{
 +
width: 33%;
 +
float:left;
 +
}
 +
 +
#MiddleTxt{
 +
margin-top:10px;
 +
}
 +
 +
 
 +
</style>
 
    
 
    
  
 
   <body>
 
   <body>
  
−
<div id = "wrapper">
+
<!-- Fixed navbar -->
−
+
    <nav class="navbar navbar-default navbar-fixed-top">
−
<div id ="banner">
+
      <div class="container">
−
+
        <div class="navbar-header">
−
<div id = "fbiHeaderLogo">
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
−
<img src="https://static.igem.org/mediawiki/2016/d/d9/T--Dundee--Banner.png" />
+
            <span class="sr-only">Toggle navigation</span>
−
</div>
+
            <span class="icon-bar"></span>
−
+
            <span class="icon-bar"></span>
−
+
            <span class="icon-bar"></span>
−
</div>
+
          </button>
−
<nav class="navbar navbar-default">
+
          <a href="#" class="navbar-brand">University of Dundee</a>
−
  <div class="container-fluid">
+
        </div>
−
<!-- Brand and toggle get grouped for better mobile display -->
+
        <div id="navbar" class="navbar-collapse collapse">
−
<div class="navbar-header">
+
          <ul class="nav navbar-nav">
−
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
            <li class="dropdown">
−
<span class="sr-only">Toggle navigation</span>
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
−
<span class="icon-bar"></span>
+
              <ul class="dropdown-menu">
−
<span class="icon-bar"></span>
+
                <li><a href="#">Summary</a></li>
−
<span class="icon-bar"></span>
+
                <li><a href="#">Bacteriocins</a></li>
−
  </button>
+
                <li><a href="#">Warheads</a></li>
−
  <a class="navbar-brand" style="color:#F5F12B;" href="#">Dundee iGEM 2016</a>
+
<li><a href="#">Promoters</a></li>
−
</div>
+
<li><a href="#">Results</a></li>
 +
              </ul>
 +
</li>
 +
            <li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="#">Basic Parts</a></li>
 +
                <li><a href="#">Composite Parts</a></li>
 +
                <li><a href="#">Parts Collection</a></li>
 +
              </ul>
 +
</li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Wet Lab <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="#">Saftey</a></li>
 +
                <li><a href="#">Notebook</a></li>
 +
                <li><a href="#">Protocols</a></li>
 +
              </ul>
 +
            </li>
 +
<li><a href="#about">Modelling</a></li>
 +
<li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="#">Integrated Human Practices</a></li>
 +
                <li><a href="#">Education and Public Engagement</a></li>
 +
                <li><a href="#">Protocols</a></li>
 +
              </ul>
 +
            </li>
 +
<li><a href="#about">Team</a></li>
 +
<li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
<li><a href="#">Meet the Team</a></li>
 +
                <li><a href="#">Attributions</a></li>
 +
                <li><a href="#">Collaboration</a></li>
 +
              </ul>
 +
            </li>
 +
<li><a href="#about">Achievements</a></li>
 +
          </ul>
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
  
−
<!-- Collect the nav links, forms, and other content for toggling -->
+
    <div class="container">
−
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<div id="BackImg">
−
  <ul class="nav navbar-nav" >
+
<img src="images/Home.jpg" />
−
<li><a style="color:#F5F12B;" href="#">Home <span class="sr-only">(current)</span></a></li>
+
</div>
−
<li><a style="color:#F5F12B;" href="#">Team</a></li>
+
−
<li><a style="color:#F5F12B;" href="#">Project</a></li>
+
−
<li><a style="color:#F5F12B;" href="#">Parts</a></li>
+
−
<li><a style="color:#F5F12B;" href="#">Attributions</a></li>
+
−
<li><a style="color:#F5F12B;" href="#">Human Practices</a></li>
+
−
<li><a style="color:#F5F12B;" href="#">Awards</a></li>
+
−
  </ul>
+
−
</div><!-- /.navbar-collapse -->
+
−
  </div><!-- /.container-fluid -->
+
−
</nav>
+
 
 
−
<div id = "ContentWrapper">
+
<div id="OverView">
 
 
−
<div id="SummaryBox">
+
<div id="VideoContainer">
−
<hr>
+
−
<h1>Project Summary</h1>
+
 
 
−
<p>Hello! We are the FBI (Fighting Bacterial Infections) team of Dundee and we are ready to present you our mission.</p>
+
−
<p>The mission’s brainstorming process came from monthly meetings in which the team has come together and looked into previous projects and discussed potential products in the area of health, hygiene, pollution and farming. The choice of the final project came from a mutual agreement in which this project was identified as the most interesting and feasible, our iGEM team wanted to accept a challenging project which is achievable and thus will result in a good amount of data which can be modelled and displayed. Our project choice also has a wide public outreach option which is something other projects in the brainstorming sessions were lacking.</p>
+
</div>
−
<p>Colicins are toxins released by bacteria which inhibit the growth of surrounding bacteria of the same or similar strains, enabling them to minimise their competition. We plan to harness this innate ability, targeting four different bacteria which can result in bacterial infections within the human gastro intestinal tract. This will include common causes of food poisoning such as E.coli, salmonella and shigella as well as helicobacter pylori which causes chronic inflammation of the stomach, potentially leading to ulcer formation and thus increased risk of stomach cancer.</p>
+
−
<p>We plan to pinpoint the most specific bacteriocins for each of these bacteria and ligate them into E.coli, along with transcription promoting machinery which is activated at a low pH, so that production is only stimulated when the engineered E.coli reaches the stomach. This way target specificity can be achieved thus protecting the stomach microbes which are important for a healthy gut. With antibiotic resistance becoming a growing strain on public health, alternative treatment to bacterial infection is of increasing importance. This method could improve specificity of treatment while limiting the overuse of antibiotics. </p>
+
−
<p>So far we have designed the colicins which we want to use and had them synthesised. Colicins have 3 domains, a receptor, translocation and toxic domain or warhead. We plan to alternate the toxic domains of the colicins to minimise the chance of resistance. We have identified alternative warheads for the colicins, picked promoters and selected some additional parts for our construct.</p>
+
−
<p>Our iGEM team is aiming to create a universal biobrick useful for multiple applications. An alternative solution to relieve antibiotic over-usage. Fighting bacterial infections through harnessing bacteria’s innate ability to eliminate their competition. The vision is a marketable powdered product suitable for travel or home usage and useful for combatting bacterial infections of the human GI tract. Dundee’s FBI (Fighting Bacterial Infections) team are ready for action! </p>
+
 
 
 +
<div id="ProjectDesCon">
 +
 +
 +
</div>
 
 
−
</hr>
 
 
</div>
 
</div>
−
</div>
+
−
</div>
+
<div id="SponserFooter">
 +
<div id = "BBSRC" class="SponserLink">
 +
<img src="images/BBSRC.png" />
 +
</div>
 +
<div class="SponserLink">
 +
<img src="images/UoD.png" />
 +
</div>
 +
<div class="SponserLink">
 +
<img src="images/IDT.png" />
 +
</div>
 +
<div class="SponserLink">
 +
<img src="images/SEB.png" />
 +
</div>
 +
<div id = "WellcomeT" class="SponserLink">
 +
<img src="images/WellcomeT.png" />
 +
</div>
 +
</div>
 +
 +
 +
 +
    </div> <!-- /container -->
 
 
 +
<div id="finalFooter">
 +
<div class="container">
 +
<div id="footWrapper">
 +
<div class="footerImg">
 +
<img src="images/FbLogo.png" />
 +
</div>
 +
<div id = "MiddleTxt" class="footerImg">
 +
<img src="images/MiddleFooter.png" />
 +
</div>
 +
<div class="footerImg">
 +
<img src="images/TWlogo.png" />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
Line 154: Line 228:
 
     <!-- Include all compiled plugins (below), or include individual files as needed -->
 
     <!-- Include all compiled plugins (below), or include individual files as needed -->
 
     <script src="js/bootstrap.min.js"></script>
 
     <script src="js/bootstrap.min.js"></script>
 +
 +
 
</body>
 
</body>
 +
  
  
 
</html>
 
</html>

Revision as of 13:31, 23 September 2016

<!DOCTYPE html> Dundee 2016