Team:Sheffield/tmp

From 2014.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Sheffield/NavigationBar}}
<html>
<html>
-
<head>
+
<head>
-
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+
<title></title>
-
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
+
<link href="https://2014.igem.org/Team:Sheffield/Template:homebootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
-
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
+
<!------ commn-js files ----->
-
<script>
+
<script src="https://2014.igem.org/Team:Sheffield/Template:homejquery.min.js?action=raw&ctype=text/javascript"> </script>
-
$(document).ready(function() { // Document ready
+
<!------ commn-js files ----->
-
$(document).scroll(function() {
+
<!----- theme-style ----->
-
    if ($(document).scrollTop() > 0) {
+
<link href="https://2014.igem.org/Team:Sheffield/Template:homestyle.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
-
        $("#navigationBar").addClass("scrolling");
+
<!----- theme-style ----->
-
        $("#navigationBar li a").addClass("scrolling");
+
<style type="text/css">
-
        $("#teamLogo li a img").addClass("scrolling");
+
.section{
-
        $("#navigationBar > li > ul > li > a").addClass("scrolling");
+
width: 100%;
-
        $(".whiteIcon").addClass("scrolling");
+
height: 10em;
-
        $(".blackIcon").addClass("scrolling");
+
}
-
    } else {
+
.footer{
-
        $("#navigationBar").removeClass("scrolling");
+
width: 100%;
-
        $("#navigationBar li a").removeClass("scrolling");
+
height: 15em;
-
        $("#teamLogo li a img").removeClass("scrolling");
+
}
-
        $("#navigationBar > li > ul > li > a").removeClass("scrolling");
+
</style>
-
        $(".whiteIcon").removeClass("scrolling");
+
</head>
-
        $(".blackIcon").removeClass("scrolling");
+
<body>
-
    }
+
-
});
+
<!----start-slider-script---->
-
});
+
<script src="https://2014.igem.org/Team:Sheffield/Template:homeresponsiveslides.min.js?action=raw&ctype=text/javascript"></script>
-
</script>
+
<script>
-
<script>
+
    // You can also use "$(window).load(function() {"
-
$(document).ready(function() { // Document ready
+
    $(function () {
-
$( '.inlink' ).on('click', function(event) {
+
      // Slideshow 4
-
    var target = $(this.hash);
+
      $("#slider4").responsiveSlides({
-
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+
        auto: true,
-
if (target.length) {
+
        pager: true,
-
$('html,body').animate({
+
        nav: true,
-
scrollTop: target.offset().top - 60
+
        speed: 300,
-
}, 1000);
+
        namespace: "callbacks",
-
return false;
+
        before: function () {
-
}
+
          $('.events').append("<li>before event fired.</li>");
-
});
+
        },
-
});
+
        after: function () {
-
</script>
+
          $('.events').append("<li>after event fired.</li>");
-
<style>
+
        }
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
      });
 +
 +
    });
 +
  </script>
 +
<!----//End-slider-script---->
 +
<!-- Slideshow 4 -->
 +
<br><br><br>
 +
    <div  id="top" class="callbacks_container">
 +
      <ul class="rslides" id="slider4">
 +
        <li>
 +
          <img src="https://static.igem.org/mediawiki/2014/6/6c/SheffieldHome4.jpg" talt="">
 +
<div class="caption bounceInDown" data-wow-delay="0.4s">
 +
          <div class="slide-text-info">
 +
          <h1>welcome to our marketplace</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
 +
          <div class="slide-btns">
 +
          <a class="startnow" href="#">VIEW MORE</a>
 +
          </div>
 +
          </div>
 +
          </div>
 +
        </li>
 +
        <li>
 +
          <img src="https://static.igem.org/mediawiki/2014/4/41/SheffieldHome7.png" alt="">
 +
          <div class="caption">
 +
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
 +
          <h1>Manufacturing a workable solution</h1>
 +
<p>We have created an innovative undersink bioreactor unit to degrade fat waste before it has chance to form <em>fatbergs</em></p>
 +
          <div class="slide-btns">
 +
          <a class="startnow" href="#">VIEW MORE</a>
 +
          </div>
 +
          </div>
 +
          </div>
 +
        </li>
 +
        <li>
 +
          <img src="https://static.igem.org/mediawiki/2014/4/4c/SheffieldHome6.jpg" alt="">
 +
          <div class="caption">
 +
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
 +
          <h1>Manufacturing a workable solution</h1>
 +
<p>We have created an innovative undersink bioreactor unit to degrade fat waste before it has chance to form <em>fatbergs</em></p>
 +
          <div class="slide-btns">
 +
          <a class="startnow" href="#">VIEW MORE</a>
 +
          </div>
 +
          </div>
 +
          </div>
 +
        </li> 
 +
      </ul>
 +
    </div>
 +
     
 +
    <div class="clearfix"> </div>
 +
<!----- //End-slider---->
-
#menubar.left-menu.noprint ul li:last-child {
 
-
display:none;
 
-
}
 
-
#top-section {
+
        <div class="section">
-
border: 0 none;
+
<br>
-
height: 14px;
+
<p>The Fatberglar: A small scale, semi-continuous bioreactor for the controlled release of FOG degrading enzymes
-
z-index: 10001;
+
Fats, oils and greases (FOGs) enter the national sewage system and accumulate, leading to blocked pipes, nicknamed “fatbergs”. There are currently over 200,000 major UK sewage blockages a year, of which 75% are caused by FOGs; tackling these blockages costs water companies millions of pounds every month.
-
/*top: 0;*/
+
The biological project work focused on development of constructs that produce lipase and keratinase enzymes to degrade FOGs and hair. These constructs are designed to sit within a small, under-sink bioreactor that will produce and feed them into the waste system as the sink is drained.
-
/*position: fixed;*/
+
To shape the approach, there has been significant interaction with industry experts and the public to gauge where the responsibility lies for the maintenance of the damaged drains; awareness of synthetic biology has been raised alongside this. A novel method of characterising the policy and practices component of the iGEM competition is also presented here.</p>
-
width: 975px;
+
        </div>
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
#globalWrapper, #content {
+
        <div class="footer">
-
/*position: fixed;*/
+
<img src="https://static.igem.org/mediawiki/2014/4/4c/SheffieldLogo6.png" width="200px">
-
/*top: 0;*/
+
<img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldLogo2.png" width="200px">
-
width: 100%;
+
<img src="https://static.igem.org/mediawiki/2014/5/5a/SheffieldLogo7.png" width="200px">
-
/*height: 100%;*/
+
<img src="https://static.igem.org/mediawiki/2014/1/1e/SheffieldLogo8.png" width="200px">
-
border: 0px;
+
<img src="https://static.igem.org/mediawiki/2014/a/a6/SheffieldLogo9.png" width="200px">
-
background-color: transparent;
+
<img src="https://static.igem.org/mediawiki/2014/8/85/SheffieldLogo11.jpg" width="200px">
-
margin: 0px;
+
<img src="https://static.igem.org/mediawiki/2014/c/c7/SheffieldLogo10.png" width="200px">
-
padding: 0px;
+
<img src="https://static.igem.org/mediawiki/2014/f/f1/Bioline.png" width="200px">
-
}
+
<img src="https://static.igem.org/mediawiki/2014/4/4e/SheffieldLogo3.png" width="200px">
-
 
+
<img src="https://static.igem.org/mediawiki/2014/1/19/SheffieldLogo5.png" width="200px">
-
html, body, .wrapper {
+
        </div>
-
width: 100%;
+
-
height: 100%;
+
-
background-color: #2980b9;
+
-
}
+
-
 
+
-
#bodyContent {
+
-
background-color: transparent;
+
-
/*overflow-y: scroll;*/
+
-
height: 100%;
+
-
}
+
-
 
+
-
#navigationBar, #navigationBar ul {
+
-
margin: 0 auto;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#navigationBar {
+
-
position: fixed;
+
-
top: 0px;
+
-
display: table-row;
+
-
width: 100%;
+
-
min-width: 1200px;
+
-
height: 60px;
+
-
list-style: none;
+
-
font-family: 'Oswald', sans-serif;
+
-
font-size: 16px;
+
-
-webkit-transition: background-color 0.5s linear;
+
-
-moz-transition: background-color 0.5s linear;
+
-
-o-transition: background-color 0.5s linear;
+
-
transition: background-color 0.5s linear;
+
-
z-index: 10000;
+
-
}
+
-
 
+
-
.menuText {
+
-
padding-top: 8px;
+
-
}
+
-
 
+
-
#navigationBar.scrolling {
+
-
background-color: white;
+
-
}
+
-
 
+
-
#navigationBar li {
+
-
display: table-cell;
+
-
height: 100%;
+
-
vertical-align: middle;
+
-
float: right;
+
-
text-align: left;
+
-
}
+
-
 
+
-
#navigationBar > li:hover > ul {
+
-
visibility: visible;
+
-
opacity: 1;
+
-
transition-delay:0s;
+
-
}
+
-
 
+
-
#navigationBar > li > ul {
+
-
visibility: hidden;
+
-
position: absolute;
+
-
width: 170px;
+
-
margin-top: 8px;
+
-
opacity: 0;
+
-
-webkit-transition: opacity 0.5s linear;
+
-
-moz-transition: opacity 0.5s linear;
+
-
-o-transition: opacity 0.5s linear;
+
-
transition: opacity 0.5s linear;
+
-
}
+
-
 
+
-
#navigationBar li a {
+
-
display: block;
+
-
padding: 10px 10px;
+
-
text-decoration: none;
+
-
    white-space: nowrap;
+
-
    color: white;
+
-
    opacity: 0.9;
+
-
}
+
-
 
+
-
#navigationBar li span {
+
-
}
+
-
 
+
-
#navigationBar li span a {
+
-
padding: 0;
+
-
padding-top: 10px;
+
-
text-decoration: none;
+
-
    white-space: nowrap;
+
-
    color: white;
+
-
    opacity: 0.9;
+
-
}
+
-
 
+
-
#navigationBar li a.scrolling {
+
-
color: black;
+
-
}
+
-
 
+
-
#navigationBar li a:hover {
+
-
color: #FBA917;
+
-
}
+
-
 
+
-
#navigationBar > li > ul > li {
+
-
width: 100%;
+
-
margin: 0 0 0 0;
+
-
}
+
-
 
+
-
#navigationBar > li > ul > li > a {
+
-
background-color: #000000;
+
-
opacity: 0.9;
+
-
color: white;
+
-
}
+
-
 
+
-
#navigationBar > li > ul > li > a.scrolling {
+
-
color: white;
+
-
}
+
-
 
+
-
#igemLogo {
+
-
height: 40px;
+
-
opacity: 0.8;
+
-
padding-right: 10px;
+
-
}
+
-
 
+
-
#teamLogo {
+
-
float: left;
+
-
margin-right: auto;
+
-
}
+
-
 
+
-
#teamLogo li a img {
+
-
height: 80px;
+
-
-webkit-transition: height 0.25s linear;
+
-
-moz-transition: height 0.25s linear;
+
-
-o-transition: height 0.25s linear;
+
-
transition: height 0.25s linear;
+
-
}
+
-
 
+
-
#teamLogo li a img.scrolling {
+
-
height: 40px;
+
-
}
+
-
 
+
-
.socialMediaIcon {
+
-
padding: 0px 0px;
+
-
margin: 0;
+
-
}
+
-
 
+
-
.socialMediaIcon div {
+
-
position: relative;
+
-
width: 40px;
+
-
height: 40px;
+
-
}
+
-
 
+
-
.whiteIcon, .blackIcon, .colouredIcon {
+
-
position: absolute;
+
-
top: 0;
+
-
left: 0;
+
-
width: 40px;
+
-
height: 40px;
+
-
}
+
-
 
+
-
.whiteIcon {
+
-
z-index: 0;
+
-
}
+
-
 
+
-
.blackIcon {
+
-
z-index: 1;
+
-
visibility: hidden;
+
-
}
+
-
 
+
-
.colouredIcon {
+
-
z-index: 2;
+
-
visibility: hidden;
+
-
}
+
-
 
+
-
.socialMediaIcon div:hover > .whiteIcon {
+
-
visibility: hidden;
+
-
}
+
-
 
+
-
.socialMediaIcon div:hover > .colouredIcon {
+
-
visibility: visible;
+
-
}
+
-
 
+
-
.whiteIcon.scrolling {
+
-
visibility: hidden;
+
-
}
+
-
 
+
-
.blackIcon.scrolling {
+
-
visibility: visible;
+
-
}
+
-
</style>
+
-
</head>
+
-
<body>
+
-
<div id="topMenu">
+
-
<ul id="navigationBar">
+
-
<li><a href=""><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li>
+
-
<li>
+
-
<span>
+
-
<a class="socialMediaIcon" href="http://twitter.com/iGEMSheffield">
+
-
<div>
+
-
<img class="whiteIcon" src="https://static.igem.org/mediawiki/2014/b/bc/TwitterWhite.png">
+
-
<img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b2/TwitterBlack.png">
+
-
<img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/7/78/TwitterColour.png">
+
-
</div>
+
-
</a>
+
-
</span>
+
-
</li>
+
-
<li>
+
-
<span>
+
-
<a class="socialMediaIcon" href="http://www.facebook.com/iGEMSheffield2014">
+
-
<div>
+
-
<img class="whiteIcon" src="https://static.igem.org/mediawiki/2014/2/29/FacebookWhite.png">
+
-
<img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b6/FacebookBlack.png">
+
-
<img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/1/1b/FacebookColour.png">
+
-
</div>
+
-
</a>
+
-
</span>
+
-
</li>
+
-
<li class="menuText"><a href="">Attributions &#x25BE;</a>
+
-
<ul>
+
-
<li><a href="">Acknowledgements</a></li>
+
-
<li><a href="">Sponsors</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menuText"><a href="">Notebook &#x25BE;</a>
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Sheffield/LabProtocols">Protocols</a></li>
+
-
<li><a href="https://2014.igem.org/Team:Sheffield/WetLabJournal">Wet Lab Journal</a></li>
+
-
<li><a href="">Dry Lab Journal</a></li>
+
-
<li><a href="">Bibliography</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menuText"><a href="">Policy and Practices &#x25BE;</a>
+
-
<ul>
+
-
<li><a href="">Socio Bricks</a></li>
+
-
<li><a href="">Lab Notation</a></li>
+
-
<li><a href="">Industry Collaboration</a></li>
+
-
<li><a href="">SynBio at UoS</a></li>
+
-
<li><a href="">Outreach</a></li>
+
-
<li><a href="">Collaboration</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menuText"><a href="">Results &#x25BE;</a>
+
-
<ul>
+
-
<li><a href="">FadR Characterisation</a></li>
+
-
<li><a href="">Lipase Assay</a></li>
+
-
<li><a href="">Keratinase Assay</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menuText"><a href="">Modelling &#x25BE;</a>
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Sheffield/modelling">Product Design</a></li>
+
-
<li><a href="">Manufacturing Model</a></li>
+
-
<li><a href="">Enzyme Kinetics</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menuText"><a href="">Project &#x25BE;</a>
+
-
<ul>
+
-
<li><a href="">Background</a></li>
+
-
<li><a href="">Biosensor</a></li>
+
-
<li><a href="">Enzyme Synthesis</a></li>
+
-
<li><a href="">Enzyme Secretion</a></li>
+
-
<li><a href="">Safety</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menuText"><a href="">Team &#x25BE;</a>
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Sheffield/team">Meet the Team</a></li>
+
-
<li><a href="">Official Team Profile</a></li>
+
-
<li><a href="">Gallery</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menuText"><a href="https://2014.igem.org/Team:Sheffield/tmp">Home</a></li>
+
-
<span id="teamLogo"><li><a href="https://2014.igem.org/Team:Sheffield/tmp"><img src="https://static.igem.org/mediawiki/2014/d/da/TeamLogo.png"></a></li></span>
+
-
</ul>
+
-
</div>
+
</body>
</body>
-
</html>
+
</html>

Latest revision as of 03:15, 18 October 2014




  • welcome to our marketplace

    Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...

    VIEW MORE

  • Manufacturing a workable solution

    We have created an innovative undersink bioreactor unit to degrade fat waste before it has chance to form fatbergs

    VIEW MORE

  • Manufacturing a workable solution

    We have created an innovative undersink bioreactor unit to degrade fat waste before it has chance to form fatbergs

    VIEW MORE

The Fatberglar: A small scale, semi-continuous bioreactor for the controlled release of FOG degrading enzymes Fats, oils and greases (FOGs) enter the national sewage system and accumulate, leading to blocked pipes, nicknamed “fatbergs”. There are currently over 200,000 major UK sewage blockages a year, of which 75% are caused by FOGs; tackling these blockages costs water companies millions of pounds every month. The biological project work focused on development of constructs that produce lipase and keratinase enzymes to degrade FOGs and hair. These constructs are designed to sit within a small, under-sink bioreactor that will produce and feed them into the waste system as the sink is drained. To shape the approach, there has been significant interaction with industry experts and the public to gauge where the responsibility lies for the maintenance of the damaged drains; awareness of synthetic biology has been raised alongside this. A novel method of characterising the policy and practices component of the iGEM competition is also presented here.

Retrieved from "http://2014.igem.org/Team:Sheffield/tmp"