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

 
(7 intermediate revisions by the same user not shown)
Line 37: Line 37:
 
       padding:0;
 
       padding:0;
 
     }
 
     }
  #HQ_page p {
+
 
  font-size:25px;
+
  }
+
 
+
 
  #blank {
 
  #blank {
width:50px;
+
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>
 
</style>
 
</head>
 
</head>
Line 78: 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 102: 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 116: Line 216:
 
       </div>
 
       </div>
 
     </nav>
 
     </nav>
+
<center>
<img src="https://static.igem.org/mediawiki/2016/9/91/T--Sheffield--home-front-logo.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">
Line 141: Line 242:
 
</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! :)