Team:Manchester
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | {{ | + | <!DOCTYPE html> |
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <title>Wiki Coming Soon</title> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <meta name="description" content="Manchester iGEM coming soon page" /> | ||
+ | <meta name="keywords" content="coming soon, manchester, igem, 2014, wiki" /> | ||
+ | <meta name="author" content="Taf Mac" /> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px;} | ||
+ | #content { | ||
+ | width: 100%;} | ||
+ | h1, h2 { | ||
+ | border-bottom: none; } | ||
+ | @import url('normalize.css'); | ||
+ | /* General Layout Style of the wiki */ | ||
+ | body{ | ||
+ | /*font-family: Cambria, Georgia, serif;*/ | ||
+ | /*font-family: 'PT Sans Narrow', Arial, sans-serif;*/ | ||
+ | font-family: 'Roboto', serif; | ||
+ | font-size:12px; | ||
+ | /*background: #f9f9f9 url(../images/bg.jpg);*/ | ||
+ | /*background: #f0e6fa;*/ | ||
+ | background: #d0d0d0; | ||
+ | /*font-weight: 300;*/ | ||
+ | /*font-size: 15px;*/ | ||
+ | color: #333; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | overflow-y: scroll; | ||
+ | overflow-x: hidden; | ||
+ | width:100%; | ||
+ | } | ||
- | + | a{ | |
- | + | color: #ff9900; | |
- | + | text-decoration: none; | |
+ | } | ||
- | |||
- | |||
+ | /* Container for the web page */ | ||
+ | .container{ | ||
+ | width: 100%; | ||
+ | /*position: relative;*/ | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | .clr{ | |
- | + | clear: both; | |
- | + | padding: 0; | |
+ | height: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .main{ | ||
+ | width: 90%; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | } | ||
+ | .container > header{ | ||
+ | margin: 0px; | ||
+ | /*position: relative;*/ | ||
+ | display: block; | ||
+ | /*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/ | ||
+ | text-align: center; | ||
+ | } | ||
+ | .container > header h1{ | ||
+ | font-size: 32px; | ||
+ | line-height: 32px; | ||
+ | margin: 0; | ||
+ | position: relative; | ||
+ | font-weight: 300; | ||
+ | color: #777; | ||
+ | /*text-shadow: 1px 1px 1px rgba(255,255,255,0.7);*/ | ||
+ | } | ||
+ | .container > header h2{ | ||
+ | font-size: 100px; | ||
+ | font-weight: 300; | ||
+ | font-style: italic; | ||
+ | margin: 0; | ||
+ | padding: 15px 0 5px 0; | ||
+ | color: #888; | ||
+ | /*text-shadow: 1px 1px 1px rgba(0,0,0,0.9);*/ | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | /* Login bar Style */ | ||
+ | .login-bar{ | ||
+ | position: fixed; | ||
+ | top:0%; | ||
+ | width: 100%; | ||
+ | line-height: 20px; | ||
+ | font-size: 11px; | ||
+ | /*background: #fff;*/ | ||
+ | background: rgba(224, 204, 245, 1); | ||
+ | text-transform: uppercase; | ||
+ | z-index: 9999; | ||
+ | box-shadow: 0px 4px 7px rgba(0,0,0,0.25); | ||
+ | padding: 0px 15px; | ||
+ | } | ||
+ | .login-bar a{ | ||
+ | padding: 0px 10px; | ||
+ | letter-spacing: 0px; | ||
+ | color: #333; | ||
+ | display: inline-block; | ||
+ | float: left; | ||
+ | } | ||
+ | .login-bar a:hover{ | ||
+ | background: rgba(150, 150, 150,0.15); | ||
+ | } | ||
+ | .login-bar span.right{ | ||
+ | float: right; | ||
+ | } | ||
+ | .login-bar span.right a{ | ||
+ | float: left; | ||
+ | display: block; | ||
+ | } | ||
- | |||
- | |||
- | + | /* Le logos */ | |
- | + | .logos { | |
+ | overflow: hidden; | ||
+ | padding: 0px 10px; | ||
+ | } | ||
- | + | .uni-logo { | |
- | + | position: relative; | |
+ | } | ||
- | + | .mib-logo { | |
- | + | margin-left: -10px; | |
+ | position: relative; | ||
+ | } | ||
+ | .igem-logo { | ||
+ | height: 100px; | ||
+ | width: 110px; | ||
+ | position: relative; | ||
+ | -webkit-transition: all 0.5s ease; | ||
+ | -moz-transition: all 0.5s ease; | ||
+ | -o-transition: all 0.5s ease; | ||
+ | } | ||
- | + | .igem-logo:hover { | |
- | + | height: 120px; | |
+ | width: 130px; | ||
+ | position:relative; | ||
+ | } | ||
- | + | .support-note span{ | |
- | + | color: #ac375d; | |
+ | font-size: 16px; | ||
+ | display: none; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | padding: 5px 0; | ||
+ | } | ||
+ | .no-cssanimations .support-note span.no-cssanimations, | ||
+ | .no-csstransforms .support-note span.no-csstransforms, | ||
+ | .no-csstransforms3d .support-note span.no-csstransforms3d, | ||
+ | .no-csstransitions .support-note span.no-csstransitions{ | ||
+ | display: block; | ||
+ | } | ||
- | |||
- | |||
- | < | + | </style> |
- | + | ||
- | < | + | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/coming-soon.css?action=raw&ctype=text/css" type="text/css"> |
- | < | + | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/normalize.css?action=raw&ctype=text/css" type="text/css"> |
+ | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/wikiUI.css?action=raw&ctype=text/css" type="text/css"> | ||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Roboto:thin' rel='stylesheet' type='text/css' /> | ||
+ | <!--[if lt IE 10]> | ||
+ | <link rel="stylesheet" type="text/css" href="css/style2IE.css" /> | ||
+ | <![endif]--> | ||
- | < | + | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/overlays.css?action=raw&ctype=text/css" type="text/css"> |
- | + | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/team-overlay.css?action=raw&ctype=text/css" type="text/css"> | |
- | + | ||
- | < | + | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/morph.css?action=raw&ctype=text/css" type="text/css"> |
- | </ | + | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/morph-content.css?action=raw&ctype=text/css" type="text/css"> |
+ | <script src="https://2014.igem.org/Team:Manchester/js/modernizr.custom.js"></script> | ||
- | </ | + | <script src="https://2014.igem.org/Team:Manchester/js/modernizer.js"></script> |
- | + | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div class="container"> | ||
+ | <header> | ||
+ | <div class="logos"> | ||
+ | <a href="https://igem.org/Main_Page"><img class="igem-logo" src= "https://static.igem.org/mediawiki/2014/4/43/Igembp.png" /></a> | ||
+ | </div> | ||
+ | </header> | ||
- | </ | + | <div class="top-bit"> |
+ | <h1>University of Manchester</h1> | ||
+ | <span class="right"> | ||
+ | <a href="#"> | ||
+ | <h2 id="trigger-team">Meet The Team</h2> | ||
+ | </a> | ||
+ | <a href="#"> | ||
+ | <h2 id="trigger-overview">Project Overview</h2> | ||
+ | </a> | ||
+ | </span> | ||
+ | <div class="clr"></div> | ||
+ | </div> | ||
- | < | + | <div class="overall-bit"> |
- | < | + | <h3>Battling against obesity</h3> |
- | + | <p>Wiki coming soon...</p> | |
+ | </div> | ||
+ | |||
+ | <div class="morph-button morph-button-modal morph-button-modal-2 morph-button-fixed"> | ||
+ | <button type="button">Beta Access</button> | ||
+ | <div class="morph-content"> | ||
+ | <div> | ||
+ | <div class="content-style-form content-style-form-1"> | ||
+ | <span class="icon icon-close">Close the dialog</span> | ||
+ | <h2>Get Beta Access</h2> | ||
+ | <form method="post" action="beta-access.php"> | ||
+ | <p>Enter the code here to gain access to the current version of the wiki</p> | ||
+ | <p><label>Code:</label><input type="text" name="code" autofocus /></p> | ||
+ | <p><button>Get Access</button></p> | ||
+ | </form> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <div class="overlay overlay-overview"> |
- | + | <button type="button" class="overlay-close">Close</button> | |
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | <div class="description"> |
+ | <h2>Project Overview</h2> | ||
+ | </div> | ||
- | </ | + | <div class='clr'></div> |
- | < | + | <div class="details"> |
- | < | + | <h3>Overall Aims:</h3> |
+ | <p>To engineer the commensal E. coli, Nissle 1917 to absorb large volumes of glucose (and galactose).<br> | ||
+ | This will enable the bacteria to function like a sugar sponge in the intestines sequestering sugar <br> | ||
+ | and preventing it from being absorbed. <br> | ||
+ | We will look at this in respects to a treatment for obesity and reducing calorific intake.</p> | ||
+ | <hr> | ||
- | < | + | <h3>Biobricks used:</h3> |
- | < | + | <p><strong>osmY (full sequence) Part:BBa_J45992</strong>:<br> |
- | < | + | <ul> |
- | <li> | + | <li>Full length sequence of the osmY stationary phase promoter. <br> |
- | + | This promoter recruits RNAP with the sigmas haloenzyme which is expressed mainly during periods of low growth or starvation.<br> | |
- | + | It is also slightly activated by the sigma 70 exponential phase RNAP as well.</li> | |
- | + | <li>We will use this to control expression of our mutant CRP so it is only expressed once the cells are fully grown and not during the growth of the Nissle.</li> | |
- | </ul> | + | </ul></p> |
- | <p> | + | <hr> |
- | </ | + | <h3>New Biobricks:</h3> |
- | </ | + | <p><strong>CRP (cAMP reactive protein/peptide also known as CAP (cAMP activating protein/peptide)).</strong> |
+ | <ul> | ||
+ | <li>WT CRP will be used mainly as a control to compare to the effects of the mutant CRP. <br> | ||
+ | CRP can only bind DNA when it is activated by binding to cAMP. cAMP levels are controlled by adenylate cyclase which itself is controlled by enzyme IIa part of the glucose uptake system in E. coli.</li> | ||
+ | </ul></p><br> | ||
+ | <p><strong>T127I/S128I Mutant CRP</strong> | ||
+ | <ul> | ||
+ | <li> | ||
+ | This mutant version of CRP is constitutively active regardless of the levels of cAMP. <br> | ||
+ | This means that it can induce glucose uptake regardless of the levels of cAMP in the cell and therefore the cells become glucose insensitive and absorb excessive volumes of glucose. | ||
+ | </li> | ||
+ | </ul></p><br> | ||
- | < | + | <p><strong>GlmS Riboswitch (from B. Subtilis)</strong> |
- | < | + | <ul> |
+ | <li> | ||
+ | The GlmS riboswitch is found in most gram positive bacteria.<br> | ||
+ | It is found in the 3’-UTR of the GlmS gene which is responsible for increasing the levels of glucosamine-6-phosphate, which is used to make cell walls etc. | ||
+ | Normally when GLcN-6P is present it binds to the riboswitch and causes cleavage and degradation of the mRNA.<br> Glucose can also bind to the riboswitch but it prevents cleavage and allows transcription. | ||
+ | We will use this to ensure that our gene is only expressed in high glucose conditions. | ||
+ | </li> | ||
+ | </ul></p><br> | ||
+ | <p><strong>GlmS Promoter (from B. Subtilis)</strong> | ||
+ | <ul> | ||
+ | <li> | ||
+ | Normal GlmS promoter, this will be tested in parallel with the osmY stationary phase promoter and will be used to express the riboswitch and CRP. | ||
+ | </li> | ||
+ | </ul></p><br> | ||
- | < | + | <p><strong>GFP GlmS Riboswitch Fusion</strong> |
- | < | + | <ul> |
+ | <li> | ||
+ | Reporter to analyse the effects of the riboswitch in different concentrations of glucose and to determine how much cleavage may occur in the intestines. | ||
+ | </li> | ||
+ | </ul></p><br> | ||
- | < | + | <p><strong>Mutant CRP GlmS Fusion</strong> |
- | < | + | <ul> |
- | < | + | <li> |
- | < | + | Final product (+promoter) will be inserted into Nissle 1917. |
+ | </li> | ||
+ | </ul></p> | ||
+ | <hr> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | + | </div> | |
- | </ | + | |
- | |||
- | |||
- | |||
- | < | + | <div class="overlay2 overlay-team"> |
- | < | + | <button type="button" class="overlay-close2">Close</button> |
- | < | + | |
- | < | + | <div class="description"> |
- | < | + | <h2>Meet The Team</h2> |
- | < | + | </div> |
- | < | + | |
- | < | + | <div class="grid"> |
- | </ | + | <figure class="effect-ruby"> |
- | </br> | + | <img src="img/temp.png" alt="Greta" width="410" height="500" /> |
- | </ | + | <figcaption> |
- | </ | + | <h2>Greta <span>Jasulaityte</span></h2> |
- | </ | + | <p>Greta is in her 2nd year studying BSc Biotechnology.<br> Her role in the project is doing the lab work and modelling.<br> |
+ | In her free time she enjoys travelling and salsa dancing.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | <figure class="effect-ruby"> | ||
+ | <img src="img/temp.png" alt="Catherine" width="410" height="500" /> | ||
+ | <figcaption> | ||
+ | <h2>Catherine <span>Jeon</span></h2> | ||
+ | <p>Catherine is in her final year studyinng BSc Sociology and she is working on the Human Practices side of the project.<br> | ||
+ | She really enjoys traveling; whenever time and money allows!</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | <figure class="effect-ruby"> | ||
+ | <img src="img/temp.png" alt="Izzy" width="410" height="500" /> | ||
+ | <figcaption> | ||
+ | <h2>Isobel <span>Holley</span></h2> | ||
+ | <p>Izzy is in her first year studying Neuroscience. </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | <figure class="effect-ruby"> | ||
+ | <img src="img/temp.png" alt="James" width="410" height="500" /> | ||
+ | <figcaption> | ||
+ | <h2>James <span>Parkinson</span></h2> | ||
+ | <p>James is in his final year studying BSc Biomedical Science and his role in the team is carrying out the experiments.<br> | ||
+ | Besides doing sciencey stuff he enjoys having loooong (not that long) walks on the beach.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | <figure class="effect-ruby"> | ||
+ | <img src="img/temp.png" alt="Sid" width="410" height="500" /> | ||
+ | <figcaption> | ||
+ | <h2>Siddharth<span>Yadav</span></h2> | ||
+ | <p>Sid is in his 1st year doing the B.Soc.Sc. Sociology course.<br>He is working side by side with Catherine on the Human Practices | ||
+ | aspect of it.<br>Currently he is in the 110 metre Hurdles team and he enjoys history, movies, travelling and having fun (all sorts).</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | <figure class="effect-ruby"> | ||
+ | <img src="img/temp.png" alt="Taf" width="410" height="500" /> | ||
+ | <figcaption> | ||
+ | <h2>Tafadzwa <span>Machiridza</span></h2> | ||
+ | <p>Taf (That's me) is in his 2nd year studying Computer Science and Maths. <br>I'm the guy who's designing the wiki pages. I <strong>LOVE</strong> | ||
+ | my food and sleep. Besides that, I like playing video games, playing football, dancing and doing pencil sketches.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | <div class="clr"></div> | ||
+ | <figure class="effect-ruby"> | ||
+ | <img src="img/temp.png" alt="Eriko" width="410" height="500" /> | ||
+ | <figcaption> | ||
+ | <h2>Eriko <span>Takano</span></h2> | ||
+ | <p>More info about Eriko.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | <figure class="effect-ruby"> | ||
+ | <img src="img/temp.png" alt="Rainer" width="410" height="500" /> | ||
+ | <figcaption> | ||
+ | <h2>Rainer <span>Breitling</span></h2> | ||
+ | <p>More info about Rainer.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div><!-- grid --> | ||
+ | </div><!-- /container --> | ||
+ | |||
+ | |||
+ | <div class="overlay3 overlay-beta"> | ||
+ | <button type="button" class="overlay-close3">Close</button> | ||
+ | |||
+ | <div class="description"> | ||
+ | <h3>Enter code to gain access to other pages</h3> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <script src="https://2014.igem.org/Team:Manchester/js/classie.js"></script> | ||
+ | <script src="https://2014.igem.org/Team:Manchester/js/every-overlay.js"></script> | ||
+ | |||
+ | <script src="https://2014.igem.org/Team:Manchester/js/morphin.js"></script> | ||
+ | <script src="https://2014.igem.org/Team:Manchester/js/uiMorphingButton_inflow.js"></script> | ||
+ | <script> | ||
+ | (function() { | ||
+ | var docElem = window.document.documentElement, didScroll, scrollPosition; | ||
+ | |||
+ | // trick to prevent scrolling when opening/closing button | ||
+ | function noScrollFn() { | ||
+ | window.scrollTo( scrollPosition ? scrollPosition.x : 0, scrollPosition ? scrollPosition.y : 0 ); | ||
+ | } | ||
+ | |||
+ | function noScroll() { | ||
+ | window.removeEventListener( 'scroll', scrollHandler ); | ||
+ | window.addEventListener( 'scroll', noScrollFn ); | ||
+ | } | ||
+ | |||
+ | function scrollFn() { | ||
+ | window.addEventListener( 'scroll', scrollHandler ); | ||
+ | } | ||
+ | |||
+ | function canScroll() { | ||
+ | window.removeEventListener( 'scroll', noScrollFn ); | ||
+ | scrollFn(); | ||
+ | } | ||
+ | |||
+ | function scrollHandler() { | ||
+ | if( !didScroll ) { | ||
+ | didScroll = true; | ||
+ | setTimeout( function() { scrollPage(); }, 60 ); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | function scrollPage() { | ||
+ | scrollPosition = { x : window.pageXOffset || docElem.scrollLeft, y : window.pageYOffset || docElem.scrollTop }; | ||
+ | didScroll = false; | ||
+ | }; | ||
+ | |||
+ | scrollFn(); | ||
+ | |||
+ | [].slice.call( document.querySelectorAll( '.morph-button' ) ).forEach( function( bttn ) { | ||
+ | new UIMorphingButton( bttn, { | ||
+ | closeEl : '.icon-close', | ||
+ | onBeforeOpen : function() { | ||
+ | // don't allow to scroll | ||
+ | noScroll(); | ||
+ | }, | ||
+ | onAfterOpen : function() { | ||
+ | // can scroll again | ||
+ | canScroll(); | ||
+ | }, | ||
+ | onBeforeClose : function() { | ||
+ | // don't allow to scroll | ||
+ | noScroll(); | ||
+ | }, | ||
+ | onAfterClose : function() { | ||
+ | // can scroll again | ||
+ | canScroll(); | ||
+ | } | ||
+ | } ); | ||
+ | } ); | ||
+ | })(); | ||
+ | </script> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 15:06, 13 August 2014
<!DOCTYPE html>
University of Manchester
Meet The Team
Project Overview
Battling against obesity
Wiki coming soon...