Team:Sheffield/tmp

From 2014.igem.org

(Difference between revisions)
 
(118 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Sheffield/NavigationBar}}
<html>
<html>
-
 
+
<head>
-
 
+
<title></title>
-
 
+
<link href="https://2014.igem.org/Team:Sheffield/Template:homebootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
 +
<!------ commn-js files ----->
 +
<script src="https://2014.igem.org/Team:Sheffield/Template:homejquery.min.js?action=raw&ctype=text/javascript"> </script>
 +
<!------ commn-js files ----->
 +
<!----- theme-style ----->
 +
<link href="https://2014.igem.org/Team:Sheffield/Template:homestyle.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
 +
<!----- theme-style ----->
<style type="text/css">
<style type="text/css">
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
.section{
-
 
+
width: 100%;
-
#top-section {  
+
height: 10em;
-
+
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;  
+
-
margin-left: -487px;
+
}
}
-
 
+
.footer{
-
#globalWrapper, #content {
+
width: 100%;
-
width: 100%;  
+
height: 15em;
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
}
}
-
 
+
</style>
-
html, body, .wrapper {
+
</head>
-
width: 100%;
+
<body>
-
height: 100%;
+
-
background-color: transparent;
+
<!----start-slider-script---->
-
}
+
<script src="https://2014.igem.org/Team:Sheffield/Template:homeresponsiveslides.min.js?action=raw&ctype=text/javascript"></script>
-
 
+
<script>
-
 
+
    // You can also use "$(window).load(function() {"
-
 
+
    $(function () {
-
    #firstSection {
+
      // Slideshow 4
-
background-color: #DCEDDE;
+
      $("#slider4").responsiveSlides({
-
/* background-color: #B5888A; */
+
        auto: true,
-
/* background-color: #FFFFFF; */
+
        pager: true,
-
width:1050px;
+
        nav: true,
-
height:30em;
+
        speed: 300,
-
                                margin-top:15px;
+
        namespace: "callbacks",
-
                                margin-left:auto;
+
        before: function () {
-
margin-right:auto;
+
          $('.events').append("<li>before event fired.</li>");
-
 
+
        },
-
    }
+
        after: function () {
 +
          $('.events').append("<li>after event fired.</li>");
 +
        }
 +
      });
-
            #secondSection{
+
    });
-
    background-color: #DCEDDE;
+
  </script>
-
/* background-color: #B5888A; */
+
<!----//End-slider-script---->
-
/* background-color: #FFFFFF; */
+
<!-- Slideshow 4 -->
-
MARGIN-RIGHT: 11.9em;
+
<br><br><br>
-
float:right;
+
    <div id="top" class="callbacks_container">
-
width:63.4em;
+
      <ul class="rslides" id="slider4">
-
            }
+
        <li>
-
            #thirdSection{
+
          <img src="https://static.igem.org/mediawiki/2014/6/6c/SheffieldHome4.jpg" talt="">
-
    /* 1: background-color: #E1FCEF; */
+
<div class="caption bounceInDown" data-wow-delay="0.4s">
-
background-color: #C4B7A2;
+
          <div class="slide-text-info">
-
/* background-color: #FFFFFF; */
+
          <h1>welcome to our marketplace</h1>
-
MARGIN-LEFT: 11.9em;
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
-
width:0em;
+
          <div class="slide-btns">
-
            }
+
          <a class="startnow" href="#">VIEW MORE</a>
-
            #fourthSection{
+
          </div>
-
                background-color: orange;
+
          </div>
-
width:1100px;
+
          </div>
-
}
+
        </li>
-
#fifthSection{
+
        <li>
-
/* background-color: #F7F4E0; */
+
          <img src="https://static.igem.org/mediawiki/2014/4/41/SheffieldHome7.png" alt="">
-
background-color: #BAD0AA;
+
          <div class="caption">
-
/* background-color: #FFFFFF; */
+
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
-
/* MARGIN-RIGHT: auto; */
+
          <h1>Manufacturing a workable solution</h1>
-
                MARGIN-LEFT: 11.9em;
+
<p>We have created an innovative undersink bioreactor unit to degrade fat waste before it has chance to form <em>fatbergs</em></p>
-
width:43.5em;
+
          <div class="slide-btns">
-
                float:left;
+
          <a class="startnow" href="#">VIEW MORE</a>
-
}
+
          </div>
-
#sixthSection{
+
          </div>
-
    /* 1: background-color: #E3F4E5; */
+
          </div>
-
background-color: #80B8A3;
+
        </li>
-
/* background-color: #FFFFFF; */
+
        <li>
-
MARGIN-Right: 12em;
+
          <img src="https://static.igem.org/mediawiki/2014/4/4c/SheffieldHome6.jpg" alt="">
-
width:43.5em;
+
          <div class="caption">
-
                float:right; 
+
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
-
}
+
          <h1>Manufacturing a workable solution</h1>
-
#seventhSection{
+
<p>We have created an innovative undersink bioreactor unit to degrade fat waste before it has chance to form <em>fatbergs</em></p>
-
/* 1: background-color: #EDF7D3; */
+
          <div class="slide-btns">
-
/* 2: background-color: #73A09A; */
+
          <a class="startnow" href="#">VIEW MORE</a>
-
background-color: #000;
+
          </div>
-
MARGIN-LEFT: 11.9em;
+
          </div>
-
width:0em;
+
          </div>
-
}
+
        </li>
-
#eighthSection{
+
      </ul>
-
    /* 1: background-color: #EDF7D3; */
+
    </div>
-
/* background-color: #73A09A; */
+
     
-
background-color: #FFFFFF;
+
    <div class="clearfix"> </div>
-
MARGIN-LEFT: 11.9em;
+
<!----- //End-slider---->
-
width:87.5em;
+
-
+
-
}
+
-
 
+
-
 
+
-
/* for this demo only */
+
-
#backgroundHolder { width:1350px; padding-top:10px; background:url(ulmulti5/pic.jpg); margin:0 auto; text-align:center; }
+
-
 
+
-
/* ---------------------------------------------------------------------------- */
+
-
/* default styling */
+
-
.nav, .nav ul { list-style-type:none; margin:0; padding:0; }
+
-
.nav a { text-decoration:none; }
+
-
.nav { font-family: arial, sans-serif; font-size:12px; width:1050px; margin:0 auto; text-align:center; }
+
-
 
+
-
/* style the links */
+
-
/* needs a background for IE6 - can be a color or a transparent gif */
+
-
.nav a { background:url(trans.gif); filter: alpha(opacity=90); opacity:0.9; }
+
-
 
+
-
/* style the <b> element so that is does not affect the size of the link */
+
-
.nav a b { color:#fff; font-weight:normal; display:block; padding:5px 10px; margin-right:1px; }
+
-
.nav a:hover b { color:#000; cursor:pointer; border-left:2px solid #eee; }
+
-
.nav .fly .main b { background: transparent url(ulmulti5/arrow.gif) no-repeat right 9px; }
+
-
.nav .down b { background: transparent url(ulmulti5/arrow2.gif) no-repeat right 11px; }
+
-
 
+
-
/* for the offset left dropdown and flyout */
+
-
.nav .nav4 ul b { text-align:right; }
+
-
.nav .nav4 ul .main b { background: transparent url(ulmulti5/arrow3.gif) no-repeat left 9px; text-align:right; }
+
-
.nav .nav4 ul a:hover b { border-left:0; border-right:2px solid #eee; }
+
-
 
+
-
/* HEIGHT */
+
-
.nav ul ul { top:-25px; } /* position the top of the flyout sub menus */
+
-
.nav ul ul.two { top:-40px; } /* position the top of the flyout sub menus */
+
-
/* WIDTH change this WITH CARE to suit your requirements */
+
-
+
-
+
-
+
-
+
-
+
-
/* FOR NAV1 */
+
-
.nav1 { width:60px;}
+
-
.nav1 a { width:60px;}
+
-
.nav1 a b { background: linear-gradient(to bottom,  #767676 0%,#000 100%); height:30px; }
+
-
 
+
-
/* FOR NAV2 */
+
-
.nav2, .nav2 a { width:100px;}
+
-
.nav2 a, .nav2 .fly a { background: linear-gradient(to bottom,  #767676 0%,#000 100%); height:40px; }
+
-
.nav2 b, .nav2 .fly b { background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 50%,#E6B800 50%,#FFD633 100%); height:30px; width:100px; width:100px;}
+
-
.nav2 ul li { max-width:100px;list-style: none; }
+
-
.nav2 ul a { width:80px; }
+
-
.nav2 ul ul { left:120px; }
+
-
.nav2 a { margin-right:-99px; }
+
-
.nav2 ul a { margin-right:-119px; }
+
-
 
+
-
/* FOR NAV3 */
+
-
.nav3, .nav3 a { width:150px; }
+
-
.nav .nav3 a b, .nav .nav3 .fly a b { background: linear-gradient(to bottom,  #767676 0%,#000 100%); height:30px; }
+
-
 
+
-
.nav3 ul li { max-width:100px;list-style: none; }
+
-
.nav3 ul a { width:150px; }
+
-
.nav3 ul ul { left:120px; }
+
-
.nav3 a { margin-right:-99px; }
+
-
.nav3 ul a { margin-right:-119px; }
+
-
 
+
-
/* ---------------------------------------------------------------------------- */
+
-
+
-
/* DO NOT CHANGE ANYTHING BELOW */
+
-
.nav li { float:left; } /* fixes several IE related bugs, and allows for clearing */
+
-
.nav ul { float:left; position:relative; z-index:20; } /* necessary for float drop and to stack the <ul>s */
+
-
.nav ul li { clear:left; } /* must clear the floated list item inside sublist */
+
-
.nav a { position:relative; display:block; } /* needs to have a position, to be above the rest */
+
-
.nav a.main { float:left; /* necessary for float drop */ margin-top:10000px; } /* bring the top level links back into view */
+
-
.nav .drop, .nav .fly { margin-top:-10000px; } /* hide the sub links and their containers, opera has low upper limits */
+
-
.nav ul { margin-bottom:-5000px; } /* avoid any interaction between the subs, can be any large size */
+
-
/* The bit that does ALL the work to bring the sub menus into view */
+
-
.nav a:hover, .nav a:focus, .nav a:active { margin-right:0; z-index:10; outline:0; }
+
-
.nav a:hover b, .nav a:focus b, .nav a:active b { color:#000; cursor:pointer; border-left:2px solid #eee; }
+
-
.nav .nav4 ul a:hover b, .nav .nav4 ul a:focus b, .nav .nav4 ul a:active b { border-left:0; border-right:2px solid #eee; }
+
-
.nav2 ul a:hover, .nav2 ul a:focus, .nav2 ul a:active { margin-right:-30px; z-index:10; outline:0; }
+
-
.nav3 ul a:hover, .nav3 ul a:focus, .nav3 ul a:active { margin-right:-20px; z-index:10; outline:0; }
+
-
.nav4 ul a:hover, .nav4 ul a:focus, .nav4 ul a:active { margin-right:-30px; z-index:10; outline:0; }
+
-
/* OPERA fix */
+
-
.nav ul:hover, .nav ul ul:hover { clear:left; } /* to stop intermittent sub link :hover problems */
+
-
+
-
/* ---------------------------------------------------------------------------- */
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
a{TEXT-DECORATION:none}
+
-
 
+
-
</style>
+
-
 
+
-
<body>
+
-
 
+
-
 
+
-
 
+
-
<div id="contentcontainer">
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!-- menu -->
+
-
 
+
-
 
+
-
<div id="backgroundHolder">
+
-
  <ul class="nav">
+
-
    <li class="nav1 drop"><a class="main" href="#url"><b>iGEM</b></a></li>
+
-
    <li class="nav1 drop"><a class="main" href="#url"><b>HOME</b></a></li>
+
-
    <li class="nav2 drop"><a class="main down" href="#url"><b>TEAM</b></a>
+
-
      <ul>
+
-
        <li><a href="project.htm#firstSection"><b>Meet the team</b></a></li>
+
-
        <li><a href="project.htm#secondSection"><b>Official team page</b></a></li>
+
-
        <li><a href="project.htm#thirdSection"><b>Gallery</b></a></li>
+
-
      </ul>
+
-
    </li>
+
-
    <li class="nav2 drop"><a class="main down" href="#url"><b>PROJECT</b></a>
+
-
      <ul>
+
-
        <li><a href="project.htm#secondSection"><b>Background</b></a></li>
+
-
        <li><a href="project.htm#fourthSection"><b>Biosensor</b></a></li>
+
-
        <li><a href="project.htm#fifthSection"><b>Enzyme synthesis</b></a></li>
+
-
<li><a href="project.htm#sixthSection"><b>Enzyme secretion</b></a></li>
+
-
        <li><a href="project.htm#tenthSection"><b>Safety</b></a></li>
+
-
      </ul>
+
-
<li>
+
-
    <li class="nav2 drop"><a class="main down" href="#url"><b>MODELLING</b></a>
+
-
      <ul>
+
-
        <li><a href="#url"><b>Product development</b></a></li>
+
-
        <li><a href="#url"><b>Enzyme Genetics</b></a></li>
+
-
      </ul>
+
-
    </li>
+
-
    <li class="nav2 drop"><a class="main down" href="#url"><b>RESULTS</b></a>
+
-
      <ul>
+
-
        <li><a href="#url"><b>Lipase assay</b></a></li>
+
-
        <li><a href="#url"><b>Keratinase assay</b></a></li>
+
-
        <li><a href="#url"><b>FadR characterisation</b></a></li>
+
-
  </ul>
+
-
<li>
+
-
    <li class="nav3 drop"><a class="main down" href="#url"><b>POLICY & PRACTICES</b></a>
+
-
      <ul>
+
-
        <li><a href="#url"><b>SocialBricks</b></a></li>
+
-
        <li><a href="#url"><b>Lab notation</b></a></li>
+
-
        <li><a href="#url"><b>Industry collaboration</b></a></li>
+
-
        <li><a href="#url"><b>SURE</b></a></li>
+
-
        <li><a href="#url"><b>Outreach</b></a></li>
+
-
        <li><a href="#url"><b>Meet up</b></a></li>
+
-
      </ul>
+
-
    </li>
+
-
    <li class="nav2 drop"><a class="main down" href="#url"><b>NOTEBOOK</b></a>
+
-
      <ul>
+
-
        <li><a href="#url"><b>Wet lab journal</b></a></li>
+
-
        <li><a href="#url"><b>Dry lab journal</b></a></li>
+
-
  </ul>
+
-
<li>
+
-
    <li class="nav3 drop"><a class="main down" href="#url"><b>ATTRIBUTIONS</b></a>
+
-
      <ul>
+
-
        <li><a href="#url"><b>Acknowledgement</b></a></li>
+
-
        <li><a href="#url"><b>Sponsors</b></a></li>
+
-
  </ul>
+
-
<li>
+
-
    <li class="nav1 drop"><a class="main" href="#url"><b>FACEBOOK</b></a></li>
+
-
    <li class="nav1 drop"><a class="main" href="#url"><b>TWITTER</b></a></li>
+
-
    <li class="nav1 drop"><a class="main" href="#url"><b>EMAIL</b></a></li>
+
-
  </ul>
+
-
</div>
+
-
<!-- end of menu -->
+
-
 
+
-
 
+
-
 
+
-
    <div align=center id="firstSection">
+
-
+
-
</div>
+
 +
        <div class="section">
 +
<br>
 +
<p>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.</p>
 +
        </div>
-
</div>
+
        <div class="footer">
-
</body>
+
<img src="https://static.igem.org/mediawiki/2014/4/4c/SheffieldLogo6.png" width="200px">
-
</html>
+
<img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldLogo2.png" width="200px">
 +
<img src="https://static.igem.org/mediawiki/2014/5/5a/SheffieldLogo7.png" width="200px">
 +
<img src="https://static.igem.org/mediawiki/2014/1/1e/SheffieldLogo8.png" width="200px">
 +
<img src="https://static.igem.org/mediawiki/2014/a/a6/SheffieldLogo9.png" width="200px">
 +
<img src="https://static.igem.org/mediawiki/2014/8/85/SheffieldLogo11.jpg" width="200px">
 +
<img src="https://static.igem.org/mediawiki/2014/c/c7/SheffieldLogo10.png" width="200px">
 +
<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">
 +
        </div>
 +
 +
</body>
 +
</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...

  • Manufacturing a workable solution

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

  • Manufacturing a workable solution

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


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.