|
|
| Line 1: |
Line 1: |
| - | <!DOCTYPE html>
| + | {{CSS/Main}} |
| - | <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{
| + | <html> |
| - | color: #ff9900;
| + | |
| - | text-decoration: none;
| + | |
| - | }
| + | |
| | | | |
| | + | <!--main content --> |
| | + | <table width="70%" align="center"> |
| | | | |
| - | /* Container for the web page */
| |
| - | .container{
| |
| - | width: 100%;
| |
| - | /*position: relative;*/
| |
| - | }
| |
| | | | |
| | + | <!--welcome box --> |
| | + | <tr> |
| | + | <td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B> |
| | + | <h1 >WELCOME TO iGEM 2014! </h1> |
| | + | <p>Your team has been approved and you are ready to start the iGEM season! |
| | + | <br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p> |
| | + | <br> |
| | + | <p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Manchester&action=edit"style="color:#FFFFFF"> Click here to edit this page!</a> </p> |
| | + | </td> |
| | + | </tr> |
| | | | |
| - | .clr{
| + | <tr> <td colspan="3" height="5px"> </td></tr> |
| - | clear: both;
| + | <!-- end welcome box --> |
| - | padding: 0;
| + | <tr> |
| - | 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);*/
| + | |
| - | }
| + | |
| | | | |
| | + | <!--navigation menu --> |
| | + | <td align="center" colspan="3"> |
| | | | |
| | + | <table width="100%"> |
| | + | <tr heigth="15px"></tr> |
| | + | <tr heigth="75px"> |
| | | | |
| - | /* 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;
| |
| - | }
| |
| | | | |
| | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| | + | <a href="https://2014.igem.org/Team:Manchester"style="color:#000000">Home </a> </td> |
| | | | |
| - | /* Le logos */ | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| - | .logos { | + | <a href="https://2014.igem.org/Team:Manchester/Team"style="color:#000000"> Team </a> </td> |
| - | overflow: hidden;
| + | |
| - | padding: 0px 10px;
| + | |
| - | }
| + | |
| | | | |
| - | .uni-logo {
| + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| - | position: relative;
| + | <a href="https://igem.org/Team.cgi?year=2014&team_name=Manchester"style="color:#000000"> Official Team Profile </a></td> |
| - | }
| + | |
| | | | |
| - | .mib-logo { | + | <td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| - | margin-left: -10px;
| + | <a href="https://2014.igem.org/Team:Manchester/Project"style="color:#000000"> Project</a></td> |
| - | 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 {
| + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| - | height: 120px;
| + | <a href="https://2014.igem.org/Team:Manchester/Parts"style="color:#000000"> Parts</a></td> |
| - | width: 130px;
| + | |
| - | position:relative;
| + | |
| - | }
| + | |
| | | | |
| - | .support-note span{
| + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| - | color: #ac375d;
| + | <a href="https://2014.igem.org/Team:Manchester/Modeling"style="color:#000000"> Modeling</a></td> |
| - | 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;
| + | |
| - | }
| + | |
| | | | |
| | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| | + | <a href="https://2014.igem.org/Team:Manchester/Notebook"style="color:#000000"> Notebook</a></td> |
| | | | |
| - | </style>
| + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| | + | <a href="https://2014.igem.org/Team:Manchester/Safety"style=" color:#000000"> Safety </a></td> |
| | | | |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/coming-soon.css?action=raw&ctype=text/css" type="text/css">
| + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/normalize.css?action=raw&ctype=text/css" type="text/css">
| + | <a href="https://2014.igem.org/Team:Manchester/Attributions"style="color:#000000"> Attributions </a></td> |
| - | <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">
| + | <td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td> |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/team-overlay.css?action=raw&ctype=text/css" type="text/css">
| + | </tr> |
| | + | </table> |
| | | | |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/morph.css?action=raw&ctype=text/css" type="text/css">
| + | <!--end navigation menu --> |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/morph-content.css?action=raw&ctype=text/css" type="text/css">
| + | </tr> |
| | | | |
| - | <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>
| + | </tr> |
| | + | |
| | | | |
| - |
| |
| - | </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">
| + | </td> |
| - | <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">
| + | <tr> <td colspan="3" height="15px"> </td></tr> |
| - | <h3>Battling against obesity</h3>
| + | <tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr> |
| - | <p>Wiki coming soon...</p>
| + | <tr> <td colspan="3" height="5px"> </td></tr> |
| - | </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>
| |
| | | | |
| | + | <!--requirements section --> |
| | + | <tr><td colspan="3"> <h3> Requirements </h3></td></tr> |
| | + | <tr> |
| | + | <td width="45%" valign="top"> |
| | | | |
| | + | <p> Please be sure to keep these links, your audience will want to find your: </p> |
| | | | |
| - | <div class="overlay overlay-overview">
| + | <!-- Links to other team pages --> |
| - | <button type="button" class="overlay-close">Close</button>
| + | <ul> |
| | + | <li><a href="https://2014.igem.org/Team:Manchester">Home</a> </li> |
| | + | <li><a href="https://2014.igem.org/Team:Manchester/Team">Team</a> </li> |
| | + | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Manchester">Official Team Profile</a> </li> |
| | + | <li><a href="https://2014.igem.org/Team:Manchester/Project">Project</a> </li> |
| | + | <li><a href="https://2014.igem.org/Team:Manchester/Parts">Parts</a> </li> |
| | + | <li><a href="https://2014.igem.org/Team:Manchester/Modeling">Modeling</a> </li> |
| | + | <li><a href="https://2014.igem.org/Team:Manchester/Notebook">Notebook</a> </li> |
| | + | <li><a href="https://2014.igem.org/Team:Manchester/Safety">Safety</a> </li> |
| | + | <li><a href="https://2014.igem.org/Team:Manchester/Attributions">Attributions</a> </li> |
| | | | |
| - | <div class="description">
| + | </ul> |
| - | <h2>Project Overview</h2>
| + | |
| - | </div>
| + | |
| | | | |
| - | <div class='clr'></div>
| + | </td> |
| | | | |
| - | <div class="details">
| + | <td > </td> |
| - | <h3>Overall Aims:</h3>
| + | <td width="45%"> |
| - | <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>There are a few wiki requirements teams must follow:</p> |
| - | <p><strong>osmY (full sequence) Part:BBa_J45992</strong>:<br>
| + | <ul> |
| - | <ul>
| + | <li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li> |
| - | <li>Full length sequence of the osmY stationary phase promoter. <br>
| + | <li>All pages must be created under the team’s name space.</li> |
| - | This promoter recruits RNAP with the sigmas haloenzyme which is expressed mainly during periods of low growth or starvation.<br>
| + | <li>As part of your documentation, keep the links from the menu to the left. </li> |
| - | It is also slightly activated by the sigma 70 exponential phase RNAP as well.</li>
| + | <li>Do not use flash in wiki code. </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>
| + | <li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li> |
| - | </ul></p>
| + | </ul> |
| - | <hr>
| + | <p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p> |
| | | | |
| - | <h3>New Biobricks:</h3>
| + | </td> |
| - | <p><strong>CRP (cAMP reactive protein/peptide also known as CAP (cAMP activating protein/peptide)).</strong>
| + | </tr> |
| - | <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>
| + | <tr> <td colspan="3" height="15px"> </td></tr> |
| - | <ul>
| + | <tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr> |
| - | <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>
| + | <!--tips --> |
| - | <ul>
| + | <tr><td colspan="3" > <h3> Tips </h3></td></tr> |
| - | <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>
| + | <tr> |
| - | <ul>
| + | <td width="45%" valign="top"> |
| - | <li>
| + | <p>We are currently working on providing teams with some easy to use design templates. |
| - | Final product (+promoter) will be inserted into Nissle 1917.
| + | <br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p> |
| - | </li>
| + | |
| - | </ul></p>
| + | |
| - | <hr>
| + | |
| | | | |
| - | </div>
| + | <ul> |
| | + | <li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li> |
| | + | <li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li> |
| | + | <li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li> |
| | + | <li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li> |
| | + | <li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li> |
| | + | </ul> |
| | | | |
| - | </div>
| + | <p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p> |
| | + | </td> |
| | | | |
| | + | <td> </td> |
| | + | <td width="45%"> |
| | | | |
| | + | <p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p> |
| | | | |
| - | <div class="overlay2 overlay-team">
| + | <ul> |
| - | <button type="button" class="overlay-close2">Close</button>
| + | <li>State your accomplishments! Tell people what you have achieved from the start. </li> |
| - | | + | <li>Be clear about what you are doing and what you plan to do.</li> |
| - | <div class="description">
| + | <li>You have a global audience! Consider the different backgrounds that your users come from.</li> |
| - | <h2>Meet The Team</h2>
| + | <li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li> |
| - | </div>
| + | <li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li> |
| - |
| + | <li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li> |
| - | <div class="grid">
| + | <li>Have lots of fun! </li> |
| - | <figure class="effect-ruby">
| + | </ul> |
| - | <img src="img/temp.png" alt="Greta" width="410" height="500" />
| + | </br> |
| - | <figcaption>
| + | </td> |
| - | <h2>Greta <span>Jasulaityte</span></h2>
| + | </tr> |
| - | <p>Greta is in her 2nd year studying BSc Biotechnology.<br> Her role in the project is doing the lab work and modelling.<br>
| + | </table> |
| - | 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> | + | |
"
