Difference between revisions of "Team:Sheffield/abstract-test"

(Created page with "<!DOCTYPE hmtl> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s...")
 
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 +
 +
 
<!DOCTYPE hmtl>
 
<!DOCTYPE hmtl>
  
Line 12: Line 15:
 
<title>The first igem sheffield page</title>
 
<title>The first igem sheffield page</title>
 
 
−
<link href="css/bootstrap.min.css" rel="stylesheet">
+
<link rel="stylesheet" type="text/css"
−
 
+
                href="https://2016.igem.org/Template:Sheffield/style/main?action=raw&ctype=text/css" />
 
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 
<link href="assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
 
<link href="assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
Line 23: Line 26:
 
<!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
<!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
<script src="assets/js/ie-emulation-modes-warning.js"></script>
 
<script src="assets/js/ie-emulation-modes-warning.js"></script>
 +
 +
<style type="text/css">
 +
    #top_title, #sideMenu{
 +
      display:none;
 +
      }
 +
    #content{
 +
      background-color:black;
 +
      width:100%;
 +
      margin:0;
 +
      padding:0;
 +
    }
 +
 +
#blank {
 +
width:165px;
 +
}
 +
 +
#stupid  p {
 +
        font-size:25px;
 +
      }
 +
 +
@media (min-width:992px) and (max-width:1199px) {
 +
 +
.nav>li {
 +
width:100px;
 +
}
 +
.nav>li>a {
 +
width:100px;
 +
}
 +
        #blank {
 +
        width:90px;
 +
        }
 +
 +
}
 +
 +
@media (min-width:768px) and (max-width:991px) {
 +
 +
    .nav>li {
 +
width:100px;
 +
padding:0px 5px 0px 5px;
 +
   
 +
}
 +
.nav>li>a {
 +
width:100px;
 +
}
 +
.nav>li:nth-child(4) {
 +
padding:5px 10px 0px 10px;
 +
width:100px;
 +
    }
 +
   
 +
   
 +
  .navimage a img {
 +
    width: 120px;
 +
    height: 30px;
 +
}
 +
 +
.navbar-default {
 +
    background-color: rgba(51,51,51,0.75);
 +
    height: 50px;
 +
    }
 +
   
 +
    .nav>li>a {
 +
    width:90px;
 +
    height:35px;
 +
    }
 +
   
 +
    .nav>li>a>img {
 +
width:30px;
 +
height:30px;
 +
margin:auto;
 +
display:block;
 +
}
 +
   
 +
    .nav>li>a>.notebook-icon>img{
 +
width:25px;
 +
height:25px;
 +
}
 +
 +
.nav>li>a>.PandP-icon>img{
 +
width:23px;
 +
height:30px;
 +
}
 +
 +
.nav>li>a>.result-icon>img{
 +
width:35px;
 +
height:25px;
 +
}
 +
    #blank {
 +
        width:90px;
 +
      }
 +
}
 +
 +
@media (max-width:767px) {
 +
      #stupid  p {
 +
        font-size:15px;
 +
      }
 +
 +
      .jumbotron h2 {
 +
        font-size:30px;
 +
      }
 +
     
 +
      .jumbotron span {
 +
      font-size:18px;
 +
      }
 +
     
 +
      .frontimage {
 +
      width:100%
 +
      }
 +
   
 +
    .workparagraph h1 {
 +
      font-size:35px;
 +
      }
 +
     
 +
    .jumbotron> .right-float>h2 {
 +
      margin:0px;
 +
}
 +
   
 +
      .workimage {
 +
      width:100%;
 +
      }
 +
</style>
 
</head>
 
</head>
 
 
Line 55: Line 178:
 
   
 
   
 
             <li class="dropdown">
 
             <li class="dropdown">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" ><img src="css/website-icon-intro.png"></span></a>
+
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" ><img src="https://static.igem.org/mediawiki/2016/5/53/T--Sheffield--Intro-Icon.png"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
 
                 <li class="dropdown-header"><a href="#">Intro</a></li>
 
                 <li class="dropdown-header"><a href="#">Intro</a></li>
Line 63: Line 186:
 
             </li>
 
             </li>
 
              
 
              
−
             <li>
+
             <li id="blank">
 
</li>
 
</li>
 
 
 
 
−
<li>
+
<li id="blank">
 
</li>
 
</li>
 
              
 
              
 
             <li class="dropdown">
 
             <li class="dropdown">
 
<div class="navimage">
 
<div class="navimage">
−
<a href="intro_template.html"><img src="css/website-logo2.png"></a>
+
<a href="intro_template.html"><img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png"></a>
 
</div>
 
</div>
 
</li>
 
</li>
Line 79: Line 202:
 
<ul class="nav navbar-nav navbar-right">
 
<ul class="nav navbar-nav navbar-right">
 
<li class="dropdown">
 
<li class="dropdown">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src = "css/website-icon-team.png"></a>
+
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src = "https://static.igem.org/mediawiki/2016/5/54/T--Sheffield--Team-Icon.png"></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
 
                 <li class="dropdown-header"><a href="#">The Team</a></li>
 
                 <li class="dropdown-header"><a href="#">The Team</a></li>
Line 93: Line 216:
 
       </div>
 
       </div>
 
     </nav>
 
     </nav>
−
+
<center>
−
<img src="css/website_front.jpg" id="frontimage">
+
<img src="https://static.igem.org/mediawiki/2016/a/a1/T--Sheffield--home-front-logo-new.png" class="frontimage">
−
+
        </center>
 
<div class="container">
 
<div class="container">
 +
        <div id="stupid">
 
       <!-- Main component for a primary marketing message or call to action -->
 
       <!-- Main component for a primary marketing message or call to action -->
 
       <div class="jumbotron">
 
       <div class="jumbotron">
 
<h2>The March of the Superbugs</h2>
 
<h2>The March of the Superbugs</h2>
−
<p>As the onset of the post-antibiotic era approaches, we may be forced to take a step back in modern medicine and enter a world where antibiotics are no longer useful. WHO has declared antibiotic resistance as <span>“one of the biggest threats to global health”</span> at present. A major factor contributing to this is the prescription of antibiotics when they are least needed - in the event of a viral infection. With overlapping symptoms, the common cold or flu can often be misinterpreted in the short span of doctor’s appointment.  
+
<p class="text">As the onset of the post-antibiotic era approaches, we may be forced to take a step back in modern medicine and enter a world where antibiotics are no longer useful. WHO has declared antibiotic resistance as <span>“one of the biggest threats to global health”</span> at present. A major factor contributing to this is the prescription of antibiotics when they are least needed - in the event of a viral infection. With overlapping symptoms, the common cold or flu can often be misinterpreted in the short span of doctor’s appointment.  
 
</p>
 
</p>
 
 
Line 113: Line 237:
 
<p>
 
<p>
 
How we plan to do this is by engineering bacteria to fight our war against them! Bacteria produce iron-scavenging machineries called siderophores, which when present in bodily fluids, can be detected by E coli receptors. Another engineered strain of E coli will then be able to detect iron uptake by producing a colour change.
 
How we plan to do this is by engineering bacteria to fight our war against them! Bacteria produce iron-scavenging machineries called siderophores, which when present in bodily fluids, can be detected by E coli receptors. Another engineered strain of E coli will then be able to detect iron uptake by producing a colour change.
−
</p>  
+
</p>
 
<p>
 
<p>
 
Our detection system involves the use of the protein hemerythrin, a high-affinity iron-binding protein, that turns blue when bound to iron. By comparing the colour against a standard, the cause of infection can be determined, i.e. viral or bacterial, confirming the need of an antibiotic, producing a more informed prescription all within your doctor’s appointment.  
 
Our detection system involves the use of the protein hemerythrin, a high-affinity iron-binding protein, that turns blue when bound to iron. By comparing the colour against a standard, the cause of infection can be determined, i.e. viral or bacterial, confirming the need of an antibiotic, producing a more informed prescription all within your doctor’s appointment.  
 
</p>
 
</p>
 
       </div>
 
       </div>
−
 
+
     <center><img src="https://static.igem.org/mediawiki/2016/7/76/T--Sheffield--home-front-castle.jpg" class="workimage">
−
     </div> <!-- /container -->
+
−
+
−
<center><img src="css/castle.jpg" id="workimage">
+
 
<div class="workparagraph">
 
<div class="workparagraph">
 
<h1>Our scribes and architects aren't finished yet! Come back later for more information</h1>
 
<h1>Our scribes and architects aren't finished yet! Come back later for more information</h1>
 +
</div>
 +
        <div class="workparagraph">
 +
<h1>Thanks for watching my presentation! :)</h1>
 
</div>
 
</div>
 
</center>
 
</center>
 +
</div>
 +
    </div> <!-- /container -->
 +
 
<!-- Bootstrap core JavaScript
 
<!-- Bootstrap core JavaScript
 
     ================================================== -->
 
     ================================================== -->

Latest revision as of 15:51, 4 August 2016


<!DOCTYPE hmtl>

The first igem sheffield page

The March of the Superbugs

As the onset of the post-antibiotic era approaches, we may be forced to take a step back in modern medicine and enter a world where antibiotics are no longer useful. WHO has declared antibiotic resistance as “one of the biggest threats to global health” at present. A major factor contributing to this is the prescription of antibiotics when they are least needed - in the event of a viral infection. With overlapping symptoms, the common cold or flu can often be misinterpreted in the short span of doctor’s appointment.

Who are we?

We at iGEM Sheffield aim to address this problem by building a device that helps to slow down the buildup of resistance in the future. We are directly addressing the absence of a useful diagnostic tool in the market by building a device that can, within a short span, detect a bacterial infection from a sample of bodily fluid. Thus, eliminating wasted uses of anitibiotics.

What are we going to do?

How we plan to do this is by engineering bacteria to fight our war against them! Bacteria produce iron-scavenging machineries called siderophores, which when present in bodily fluids, can be detected by E coli receptors. Another engineered strain of E coli will then be able to detect iron uptake by producing a colour change.

Our detection system involves the use of the protein hemerythrin, a high-affinity iron-binding protein, that turns blue when bound to iron. By comparing the colour against a standard, the cause of infection can be determined, i.e. viral or bacterial, confirming the need of an antibiotic, producing a more informed prescription all within your doctor’s appointment.

Our scribes and architects aren't finished yet! Come back later for more information

Thanks for watching my presentation! :)