Team:York

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(98 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <title>Team York 2014</title>
 +
    <!-- Bootstrap -->
 +
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
 +
    <link href="https://2014.igem.org/Team:York/Template.css?action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet">
-
<html>
+
  </head>
 +
  <body>
-
<!--main content -->
+
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-
<table width="70%" align="center">
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
 +
<div class="navbar navbar-inverse navbar-fixed-top">
 +
<div class="container">
 +
 +
<a href="https://2014.igem.org/Team:York" class="navbar-brand"><img src="https://static.igem.org/mediawiki/2014/5/55/UoYiGEMlogo.png" id="topyorklogo"></a>
 +
 +
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
 +
<div class="collapse navbar-collapse navHeaderCollapse">
 +
 +
<ul class="nav navbar-nav navbar-right">
 +
<li class="active"><a href="https://2014.igem.org/Team:York">Home</a></li>
 +
<li class="dropdown">
 +
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project
 +
<b class="caret"></b></a>
 +
                                                <ul class="dropdown-menu">
 +
                                                        <li><a href="https://2014.igem.org/Team:York/Project">The Challenge</a></li>
 +
                                                        <li><a href="https://2014.igem.org/Team:York/Constructs">The Solution</a></li>
 +
                                                        <li><a href="https://2014.igem.org/Team:York/Application">Future Applications</a></li>
 +
                                                </ul>
 +
                                        </li>
 +
<li class="dropdown">
 +
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievements
 +
<b class="caret"></b></a>
 +
                                                <ul class="dropdown-menu">
 +
                                                        <li><a href="https://2014.igem.org/Team:York/Judging">Judging Criteria</a></li>
 +
                                                        <li><a href="https://2014.igem.org/Team:York/Results">Results</a></li>
 +
                                                        <li><a href="https://2014.igem.org/Team:York/Parts">Parts</a></li>
 +
                                                </ul>
 +
                                        </li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Policy And Practice
 +
<b class="caret"></b></a>
 +
<ul class="dropdown-menu">
 +
                                                        <li><a href="https://2014.igem.org/Team:York/Environment">Environmental Impact</a></li>
 +
<li><a href="https://2014.igem.org/Team:York/Surveys">Survey and GMOs</a></li>
 +
<li> <a href="https://2014.igem.org/Team:York/Outreach">Outreach</a></li>
 +
<li><a href="https://2014.igem.org/Team:York/Collaborations">Collaborations</a></li>
-
 
+
</ul>
-
<!--welcome box -->
+
</li>
-
<tr>
+
<li class="dropdown">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
<b class="caret"></b></a>
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
<ul class="dropdown-menu">
-
<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>
+
<li><a href="https://2014.igem.org/Team:York/Protocols">Protocols</a></li>
-
<br>
+
<li><a href="https://2014.igem.org/Team:York/Notebook">Notebook</a></li>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:York&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
</ul>
-
</td>
+
</li>
-
</tr>
+
<li><a href="https://2014.igem.org/Team:York/Safety">Safety</a></li>
-
 
+
<li class="dropdown">
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Team
-
<!-- end welcome box -->
+
<b class="caret"></b></a>
-
<tr>
+
<ul class="dropdown-menu">
-
 
+
<li>
-
<!--navigation menu -->
+
<a href="https://2014.igem.org/Team:York/Team">Students and Instructors</a></li>
-
<td align="center" colspan="3">
+
<li><a href="https://2014.igem.org/Team:York/Sponsors">Sponsors and Attributions</a></li>
-
 
+
</ul>
-
<table  width="100%">
+
</li>
-
<tr heigth="15px"></tr>
+
</ul>
-
<tr heigth="75px">  
+
-
 
+
</div>
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</div>
-
<a href="https://2014.igem.org/Team:York"style="color:#000000">Home </a> </td>
+
</div><br>
-
 
+
<!--  THE TOP HAS ENDED. THE REST OF THE PAGE BEGINS.  -->
-
<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:York/Team"style="color:#000000"> Team </a> </td>
+
<div class="container-fluid" style="padding-left:0px; padding-right:0px;">
-
 
+
<div id="IntroCarousel" class="carousel slide" style="margin-top:30px;">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=York"style="color:#000000"> Official Team Profile </a></td>
+
<ol class="carousel-indicators">
-
 
+
<li data-target="#IntroCarousel" data-slide-to="0" class="active"></li>
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<li data-target="#IntroCarousel" data-slide-to="1"></li>
-
<a href="https://2014.igem.org/Team:York/Project"style="color:#000000"> Project</a></td>
+
<li data-target="#IntroCarousel" data-slide-to="2"></li>
-
 
+
<li data-target="#IntroCarousel" data-slide-to="3"></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<li data-target="#IntroCarousel" data-slide-to="4"></li>
-
<a href="https://2014.igem.org/Team:York/Parts"style="color:#000000"> Parts</a></td>
+
<!-- <li data-target="#IntroCarousel" data-slide-to="5"></li>
-
 
+
<li data-target="#IntroCarousel" data-slide-to="6"></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<li data-target="#IntroCarousel" data-slide-to="7"></li> -->
-
<a href="https://2014.igem.org/Team:York/Modeling"style="color:#000000"> Modeling</a></td>
+
</ol>
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<div class="carousel-inner">
-
<a href="https://2014.igem.org/Team:York/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
<div class="item active">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<img src="https://static.igem.org/mediawiki/2014/4/40/York_masthead.png" class="img-responsive visible-lg visible-md" style="width:100%; height:auto;">
-
<a href="https://2014.igem.org/Team:York/Safety"style=" color:#000000"> Safety </a></td>
+
<img src="https://static.igem.org/mediawiki/2014/b/bd/York_mastheadsmall.png" class="img-responsive visible-sm visible-xs" style="width:100%; height:auto;">
-
 
+
<div class="carousel-caption visible-lg visible-md" style="margin-bottom: 30px;">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<p style="font-size:150%">Our project <i>EcoCADMUS</i> (<i>E. Coli</i> CAdmium DecontaMination Universal System)
-
<a href="https://2014.igem.org/Team:York/Attributions"style="color:#000000"> Attributions </a></td>
+
aims to provide a safe and effective way to remove Cadmium and Sulfate from wastewater.</p>
-
 
+
<a href="https://2014.igem.org/Team:York/Project">
-
 
+
<button type="button" class="btn btn-primary">Learn More!</button>
-
<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>
+
</a>
-
</tr>
+
</div>
-
</table>
+
</div>
-
 
+
<div class="item">
-
<!--end navigation menu -->
+
<img src="https://static.igem.org/mediawiki/2014/7/7c/York_imagegallery_5.JPG" class="img-responsive" style="width:100%; height:auto;">
-
</tr>
+
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
-
 
+
<h2>The Solution</h2>
-
 
+
<p style="font-size:150%">Our project is a biological approach to solving an environmental problem; the removal of cadmium and sulfate from waste water. Our aim is to increase cadmium and sulfate uptake in our chassis, <i>E.coli</i>. Our system involves chelating cadmium intra-cellularly through over-expressing cysteine-rich phytochelatins. Find out more about our project here.</p><br>
-
</tr>
+
<a href="https://2014.igem.org/Team:York/Constructs">
-
+
    <button type="button" class="btn btn-primary">View Construct</button>
-
 
+
</a>
-
 
+
</div>
-
 
+
</div>
-
 
+
<div class="item">
-
</td>
+
<img src="https://static.igem.org/mediawiki/2014/e/e9/York_imagegallery_2.JPG" class="img-responsive" style="width:100%; height:auto;">
-
 
+
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<h2>Our Achievements</h2>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<p style="font-size:150%">We have been working hard over summer in the labs to create our constructs. Click here to find out more about the characterisation of our constructs!</p><br>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
<a href="https://2014.igem.org/Team:York/Results">
-
 
+
    <button type="button" class="btn btn-primary">Look at our results</button>
-
 
+
</a>
-
<!--requirements section -->
+
</div>
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
</div>
-
<tr>
+
<div class="item">
-
<td width="45%" valign="top">  
+
<img src="https://static.igem.org/mediawiki/2014/8/80/York_ResearchersBanner.jpg" class="img-responsive" style="width:100%; height:auto;">
-
 
+
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
<h2>Outreach</h2>
-
 
+
<p style="font-size:150%">As part of our project, we wanted to introduce the public to the concept of Genetically Modified Organisms and how they have a multitude of uses. Our outreach took us to many people and places as we explored the relationship between the public and Synthetic Biology</p><br>
-
<!-- Links to other team pages -->
+
<a href="https://2014.igem.org/Team:York/Surveys">
-
<ul>
+
    <button type="button" class="btn btn-primary">Read our report</button>
-
<li><a href="https://2014.igem.org/Team:York">Home</a> </li>
+
</a>
-
<li><a href="https://2014.igem.org/Team:York/Team">Team</a> </li>
+
</div>
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=York">Official Team Profile</a> </li>
+
</div>
-
<li><a href="https://2014.igem.org/Team:York/Project">Project</a> </li>
+
<div class="item">
-
<li><a href="https://2014.igem.org/Team:York/Parts">Parts</a> </li>
+
<img src="https://static.igem.org/mediawiki/2014/4/4f/York_imagegallery_1.JPG" class="img-responsive" style="width:100%; height:auto;">
-
<li><a href="https://2014.igem.org/Team:York/Modeling">Modeling</a> </li>
+
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
-
<li><a href="https://2014.igem.org/Team:York/Notebook">Notebook</a> </li>
+
<h2>The Team</h2>
-
<li><a href="https://2014.igem.org/Team:York/Safety">Safety</a> </li>
+
<p style="font-size:150%">Our team is comprised of 19 undergraduates from the University of York. Find out more about the team and the people who supported us throughout this year.</p><br>
-
<li><a href="https://2014.igem.org/Team:York/Attributions">Attributions</a> </li>
+
<a href="https://2014.igem.org/Team:York/Team">
-
 
+
    <button type="button" class="btn btn-primary">Meet the Team!</button>
-
</ul>
+
</a>
-
 
+
</div>
-
</td>
+
</div>
-
 
+
<!-- <div class="item">
-
<td > </td>
+
<img src="https://static.igem.org/mediawiki/2014/e/ea/York_imagegallery_6.JPG" class="img-responsive" style="width:100%; height:auto;"></div>
-
<td width="45%">
+
<div class="item">
-
 
+
<img src="https://static.igem.org/mediawiki/2014/0/06/York_imagegallery_7.JPG" class="img-responsive" style="width:100%; height:auto;"></div>
-
<p>There are a few wiki requirements teams must follow:</p>
+
<div class="item">
-
<ul>
+
<img src="https://static.igem.org/mediawiki/2014/9/9d/York_imagegallery_8.JPG" class="img-responsive" style="width:100%; height:auto;"></div> -->
-
<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>All pages must be created under the team’s name space.</li>
+
</div>
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
<a class="carousel-control left" href="#IntroCarousel" data-slide="prev">
-
<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>
+
<span class="icon-prev"></span>
-
</ul>
+
</a>
-
<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>
+
<a class="carousel-control right" href="#IntroCarousel" data-slide="next">
-
 
+
<span class="icon-next"></span>
-
</td>
+
</a>
-
</tr>
+
</div></div>
-
 
+
<br>
-
 
+
<div class="container visible-xs visible-sm">
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<div class="jumbotron text-center"><div class="visible-xs visible-sm" style="width:80%; margin-left:auto; margin-right:auto;">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
<h2>Hello! We're from the
-
 
+
                        <img src="https://static.igem.org/mediawiki/2014/4/4c/Uoylogo.png" class="img-responsive center" style="max-width:600px; margin-top:30px; margin-bottom:30px; margin-left:auto; margin-right:auto;"></h2>
-
 
+
<p><b>Our project <i>EcoCADMUS</i> (E. Coli CAdmium DecontaMination Universal System)
-
<!--tips  -->
+
aims to provide a safe and effective way to remove Cadmium and Sulfate from wastewater.</p>
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
                <a href="https://2014.igem.org/Team:York/Project"<b>>
-
 
+
                    <button type="button" class="btn btn-primary">Learn More!</button>
-
<tr>
+
                </a></div>
-
<td width="45%" valign="top">  
+
<br><br>
-
<p>We are currently working on providing teams with some easy to use design templates.
+
<div class="row visible-xs visible-sm">
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
  <div class="col-sm-4">
-
 
+
        <div class="panel panel-default" style="height:100%">
-
<ul>
+
            <div class="panel-heading"><h3>Our Team</h3></div>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
            <div class="panel-body">
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/4/44/York_TeamHomePage.jpg">
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
            <p>Come and meet our lovely team!<br>We've been working hard (mostly!) on our project all over Summer.</p>
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
                <a href="https://2014.igem.org/Team:York/Team">
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
                    <button type="button" class="btn btn-primary">Meet the Team!</button>
-
</ul>
+
                </a>
-
 
+
            </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>
+
        </div>
-
</td>
+
    </div>
-
 
+
    <div class="col-sm-4">
-
<td> </td>
+
        <div class="panel panel-default" style="height:100%">
-
<td width="45%">  
+
            <div class="panel-heading"><h3>Our final Construct</h3></div>
-
 
+
                <div class="panel-body">
-
<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>
+
                <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/a/ae/York_Constructs.jpg">
-
 
+
                <p>To find our more about our final construct we have designed.</p>
-
<ul>
+
                <a href="https://2014.igem.org/Team:York/Constructs">
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
                    <button type="button" class="btn btn-primary">View Constructs</button>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
                </a>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
                </div>
-
<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>
+
    </div>
-
<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="col-sm-4">
-
<li>Have lots of fun! </li>
+
        <div class="panel panel-default" style="height:100%">
-
</ul>
+
            <div class="panel-heading"><h3>Social Outreach</h3></div>
-
</br>
+
            <div class="panel-body">
-
</td>
+
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/7d/York_Researchhomepage.jpg">
-
</tr>
+
            <p>We have been busy communicating Synthetic Biology and contemplating the sustainability and ethics of our project. </p>
-
</table>
+
                <a href="https://2014.igem.org/Team:York/SocialImpacts">
 +
                    <button type="button" class="btn btn-primary">Read our Report</button>
 +
                </a>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--  THE PAGE HAS ENDED. THE FOOTER BEGINS.  -->
 +
<nav class="navbar navbar-default navbar-static-bottom" role="contact" id="yorkfooter">
 +
  <div class="container">
 +
    <a href="http://www.york.ac.uk/biology/" class="navbar-brand img-responsive">
 +
      <img src="https://static.igem.org/mediawiki/2014/4/4c/Uoylogo.png" id="bottomyorklogo">
 +
    </a>
 +
<div class="collapse navbar-collapse navHeaderCollapse">
 +
    <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="https://twitter.com/iGEMyork" title="@iGEMyork">
 +
            <img src="https://static.igem.org/mediawiki/2014/1/14/York_Twitter.png" class="contacticon"></a></li>
 +
        <li><a href="mailto:igemyork2014@gmail.co.uk" title="igemyork2014@gmail.co.uk">
 +
            <img src="https://static.igem.org/mediawiki/2014/3/3a/York_Mail.png" class="contacticon"></a></li>
 +
    </ul></div>
 +
  </div>
 +
</nav>
 +
</body>
 +
</html>

Latest revision as of 02:47, 18 October 2014

Team York 2014



Hello! We're from the

Our project EcoCADMUS (E. Coli CAdmium DecontaMination Universal System) aims to provide a safe and effective way to remove Cadmium and Sulfate from wastewater.

>


Our Team

Come and meet our lovely team!
We've been working hard (mostly!) on our project all over Summer.

Our final Construct

To find our more about our final construct we have designed.

Social Outreach

We have been busy communicating Synthetic Biology and contemplating the sustainability and ethics of our project.

Retrieved from "http://2014.igem.org/Team:York"