Team:York

From 2014.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 1: Line 1:
-
<html><head>
+
<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>
-
<style>
+
    <!-- Bootstrap -->
-
/***
+
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
-
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
+
    <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">
-
Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code!
+
  </head>
-
Check out their wikis at:
+
  <body>
-
https://2011.igem.org/Team:Brown-Stanford,https://2012.igem.org/Team:Lethbridge
+
-
***/
+
-
#globalWrapper {
+
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-
        background-color: #42A7EA;
+
    <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>
-
#content {
+
</ul>
-
        background-color: #42A7EA;
+
</li>
-
}
+
<li class="dropdown">
-
 
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook
-
 
+
<b class="caret"></b></a>
-
#content h1.firstHeading {
+
<ul class="dropdown-menu">
-
visibility:hidden;
+
<li><a href="https://2014.igem.org/Team:York/Protocols">Protocols</a></li>
-
}
+
<li><a href="https://2014.igem.org/Team:York/Notebook">Notebook</a></li>
-
 
+
</ul>
-
#content{
+
</li>
-
border-left: 0px solid rgb(68, 68, 68);
+
<li><a href="https://2014.igem.org/Team:York/Safety">Safety</a></li>
-
border-right: 0px solid rgb(68, 68, 68);
+
<li class="dropdown">
-
        width: 1000px;
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Team
-
}
+
<b class="caret"></b></a>
-
 
+
<ul class="dropdown-menu">
-
#bodyContent{
+
<li>
-
        margin: 0 auto;
+
<a href="https://2014.igem.org/Team:York/Team">Students and Instructors</a></li>
-
margin-top: 0px;
+
<li><a href="https://2014.igem.org/Team:York/Sponsors">Sponsors and Attributions</a></li>
-
        width: 1000px;
+
</ul>
-
        font-size: 14px;
+
</li>
-
        -webkit-font-smoothing: antialiased !important;
+
</ul>
-
}
+
-
 
+
</div>
-
#p-logo {
+
-
display: none;
+
</div>
-
}
+
</div><br>
-
#searchform {
+
<!--   THE TOP HAS ENDED. THE REST OF THE PAGE BEGINS.  -->
-
    display: none;
+
-
}
+
<div class="container-fluid" style="padding-left:0px; padding-right:0px;">
-
 
+
<div id="IntroCarousel" class="carousel slide" style="margin-top:30px;">
-
.left-menu {
+
-
background-color: #555;
+
-
}
+
<ol class="carousel-indicators">
-
.left-menu a {
+
<li data-target="#IntroCarousel" data-slide-to="0" class="active"></li>
-
    color: #000;
+
<li data-target="#IntroCarousel" data-slide-to="1"></li>
-
}
+
<li data-target="#IntroCarousel" data-slide-to="2"></li>
-
 
+
<li data-target="#IntroCarousel" data-slide-to="3"></li>
-
#top-section{ /*the div containing the entire top bar*/
+
<li data-target="#IntroCarousel" data-slide-to="4"></li>
-
height: 20px;
+
<!-- <li data-target="#IntroCarousel" data-slide-to="5"></li>
-
margin-bottom: 0px !important;
+
<li data-target="#IntroCarousel" data-slide-to="6"></li>
-
border: none;
+
<li data-target="#IntroCarousel" data-slide-to="7"></li> -->
-
        width: 1277px;
+
</ol>
-
}
+
-
 
+
<div class="carousel-inner">
-
 
+
-
#container{
+
<div class="item active">
-
margin-top: 0px;
+
<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;">
-
        height: inherit;
+
<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;">
-
 
+
<p style="font-size:150%">Our project <i>EcoCADMUS</i> (<i>E. Coli</i> CAdmium DecontaMination Universal System)
-
#search-controls {
+
aims to provide a safe and effective way to remove Cadmium and Sulfate from wastewater.</p>
-
overflow:hidden;
+
<a href="https://2014.igem.org/Team:York/Project">
-
display:none;
+
<button type="button" class="btn btn-primary">Learn More!</button>
-
background: none;
+
</a>
-
position: absolute;
+
</div>
-
top: 170px;
+
</div>
-
right: 40px;
+
<div class="item">
-
}
+
<img src="https://static.igem.org/mediawiki/2014/7/7c/York_imagegallery_5.JPG" class="img-responsive" style="width:100%; height:auto;">
-
 
+
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
-
 
+
<h2>The Solution</h2>
-
#header {
+
<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>
-
width: 1277px;
+
<a href="https://2014.igem.org/Team:York/Constructs">
-
text-align: left;
+
    <button type="button" class="btn btn-primary">View Construct</button>
-
margin-left: auto;
+
</a>
-
margin-right: auto;
+
</div>
-
    margin-top: 5px;
+
</div>
-
margin-bottom: 0px !important;
+
<div class="item">
-
}
+
<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;">
-
#global-banner {
+
<h2>Our Achievements</h2>
-
margin-bottom: 1px;
+
<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>
-
}
+
<a href="https://2014.igem.org/Team:York/Results">
-
 
+
    <button type="button" class="btn btn-primary">Look at our results</button>
-
#menubar {
+
</a>
-
position: absolute;
+
</div>
-
background: none;
+
</div>
-
color: black;
+
<div class="item">
-
}
+
<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;">
-
.left-menu, .right-menu{
+
<h2>Outreach</h2>
-
position: absolute;
+
<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>
-
background: none;
+
<a href="https://2014.igem.org/Team:York/Surveys">
-
color: black;
+
    <button type="button" class="btn btn-primary">Read our report</button>
-
}
+
</a>
-
 
+
</div>
-
.left-menu li a, .right-menu li a {
+
</div>
-
color: #000 !important;
+
<div class="item">
-
}
+
<img src="https://static.igem.org/mediawiki/2014/4/4f/York_imagegallery_1.JPG" class="img-responsive" style="width:100%; height:auto;">
-
 
+
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
-
 
+
<h2>The Team</h2>
-
.left-menu ul li, .right-menu ul li a{
+
<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>
-
background: none;
+
<a href="https://2014.igem.org/Team:York/Team">
-
color: #000 !important;
+
    <button type="button" class="btn btn-primary">Meet the Team!</button>
-
}
+
</a>
-
 
+
</div>
-
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
+
</div>
-
    color: #000 !important;
+
<!-- <div class="item">
-
}
+
<img src="https://static.igem.org/mediawiki/2014/e/ea/York_imagegallery_6.JPG" class="img-responsive" style="width:100%; height:auto;"></div>
-
 
+
<div class="item">
-
#catlinks{
+
<img src="https://static.igem.org/mediawiki/2014/0/06/York_imagegallery_7.JPG" class="img-responsive" style="width:100%; height:auto;"></div>
-
display:none;
+
<div class="item">
-
}
+
<img src="https://static.igem.org/mediawiki/2014/9/9d/York_imagegallery_8.JPG" class="img-responsive" style="width:100%; height:auto;"></div> -->
-
 
+
-
/*important for background colours*/
+
</div>
-
.mediawiki{
+
-
background: #ffffff;
+
<a class="carousel-control left" href="#IntroCarousel" data-slide="prev">
-
}
+
<span class="icon-prev"></span>
-
 
+
</a>
-
#footer-box {
+
<a class="carousel-control right" href="#IntroCarousel" data-slide="next">
-
        width: 1277px;
+
<span class="icon-next"></span>
-
        margin-top: 20px;
+
</a>
-
        border-color: lightgrey;
+
</div></div>
-
}
+
<br>
-
     
+
<div class="container visible-xs visible-sm">
-
#footer-box a {
+
<div class="jumbotron text-center"><div class="visible-xs visible-sm" style="width:80%; margin-left:auto; margin-right:auto;">
-
        color: lightgrey;
+
<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)  
-
#footer-box img {
+
aims to provide a safe and effective way to remove Cadmium and Sulfate from wastewater.</p>
-
        opacity: 0.6;
+
                <a href="https://2014.igem.org/Team:York/Project"<b>>
-
      }
+
                    <button type="button" class="btn btn-primary">Learn More!</button>
-
/* END MINIMAL HEADER */
+
                </a></div>
-
#container {
+
<br><br>
-
width: 1000px;
+
<div class="row visible-xs visible-sm">
-
height: inherit;
+
  <div class="col-sm-4">
-
background-color: #42A7EA;
+
        <div class="panel panel-default" style="height:100%">
-
}
+
            <div class="panel-heading"><h3>Our Team</h3></div>
-
 
+
            <div class="panel-body">
-
#header {
+
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/4/44/York_TeamHomePage.jpg">
-
border: 0px solid;
+
            <p>Come and meet our lovely team!<br>We've been working hard (mostly!) on our project all over Summer.</p>
-
border-color: black;
+
                <a href="https://2014.igem.org/Team:York/Team">
-
border-top-left-radius: 0px;      /*To be changed later. Logo background is white and not transparent which causes an overlap. Was 25px earlier */
+
                    <button type="button" class="btn btn-primary">Meet the Team!</button>
-
border-top-right-radius: 0px;
+
                </a>
-
width: 1000px;
+
            </div>
-
height: 30px;
+
        </div>
-
}
+
    </div>
-
 
+
    <div class="col-sm-4">
-
#navmenu {
+
        <div class="panel panel-default" style="height:100%">
-
margin-top: 23px;
+
            <div class="panel-heading"><h3>Our final Construct</h3></div>
-
margin-left: 75px;
+
                <div class="panel-body">
-
width: 1000px;
+
                <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/a/ae/York_Constructs.jpg">
-
height: 21px;
+
                <p>To find our more about our final construct we have designed.</p>
-
background-color: DarkBlue;
+
                <a href="https://2014.igem.org/Team:York/Constructs">
-
border: 2px solid;
+
                    <button type="button" class="btn btn-primary">View Constructs</button>
-
border-top-right-radius: 11px;
+
                </a>
-
border-bottom-right-radius: 10px;
+
                </div>
-
}
+
            </div>
-
 
+
    </div>
-
ul.yorknav {
+
  <div class="col-sm-4">
-
list-style-type: none;
+
        <div class="panel panel-default" style="height:100%">
-
margin: 0;
+
            <div class="panel-heading"><h3>Social Outreach</h3></div>
-
padding: 0;
+
            <div class="panel-body">
-
}
+
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/7d/York_Researchhomepage.jpg">
-
 
+
            <p>We have been busy communicating Synthetic Biology and contemplating the sustainability and ethics of our project. </p>
-
li.yorknav {
+
                <a href="https://2014.igem.org/Team:York/SocialImpacts">
-
float: right;
+
                    <button type="button" class="btn btn-primary">Read our Report</button>
-
display: block;
+
                </a>
-
margin-left: auto;
+
            </div>
-
margin-right: auto;
+
        </div>
-
width: 170px;
+
    </div>
-
text-align: center;
+
</div>
-
background-color: DarkBlue;
+
</div>
-
}
+
-
 
+
-
a.yorknav {
+
-
width: 111px;
+
-
}
+
-
 
+
-
a.yorknav:link{
+
-
font-weight: bold;
+
-
color: White;
+
-
padding: 0px;
+
-
text-transform: uppercase;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
a.yorknav:visited{
+
-
font-weight: bold;
+
-
color: White;
+
-
padding: 0px;
+
-
text-transform: uppercase;
+
-
}
+
-
 
+
-
li.yorknav{
+
-
border-top-right-radius: 5px;
+
-
border-top-left-radius: 5px;
+
-
border-bottom-right-radius: 5px;
+
-
border-bottom-left-radius: 5px;
+
-
}
+
-
 
+
-
#Sponsors:hover {
+
-
background-color: darkred;
+
-
}
+
-
#HumanPractice:hover {
+
-
background-color: purple;
+
-
}
+
-
#Project:hover {
+
-
background-color: #477519;
+
-
}
+
-
#Team:hover {
+
-
background-color: orangered;
+
-
}
+
-
#Home:hover {
+
-
background-color: teal;
+
-
}
+
-
 
+
-
#contently {
+
-
border: 2px solid;
+
-
border-color: black;
+
-
border-bottom-left-radius: 25px;
+
-
border-bottom-right-radius: 25px;
+
-
border-top-left-radius: 25px;
+
-
border-top-right-radius: 25px;
+
-
width: 1000px;
+
-
background-color: #FCFCE0;
+
-
}
+
-
 
+
-
#actualcontent {
+
-
width: 900px;
+
-
padding: 50px;
+
-
font-size: 16px;
+
-
}
+
-
 
+
-
</style>
+
-
<style>
+
-
.css-slideshow {
+
-
position: relative;
+
-
max-width: 495px;
+
-
height: 370px;
+
-
margin-left: 100px;
+
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
font-weight: 300;
+
-
}
+
-
.css-slideshow figure {
+
-
margin: 0;
+
-
max-width: 495px;
+
-
background: #fff;
+
-
position: absolute;
+
-
}
+
-
.css-slideshow img {
+
-
-webkit-box-shadow: 0 0 2px #666;
+
-
box-shadow: 0 0 2px #666;
+
-
}
+
-
.css-slideshow figcaption {
+
-
position: absolute;
+
-
top: 5px;
+
-
color: #fff;
+
-
background: rgba(0,0,0, .3);
+
-
font-size: .8em;
+
-
padding: 8px 12px;
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
-webkit-transition: opacity .5s;
+
-
-moz-transition: opacity .5s;
+
-
-o-transition: opacity .5s;
+
-
-ms-transition: opacity .5s;
+
-
transition: opacity .5s;
+
-
}
+
-
.css-slideshow:hover figure figcaption {
+
-
-webkit-transition: opacity .5s;
+
-
-moz-transition: opacity .5s;
+
-
-o-transition: opacity .5s;
+
-
-ms-transition: opacity .5s;
+
-
transition: opacity .5s;
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
.css-slideshow-attr {
+
-
max-width: 530px;
+
-
text-align: right;
+
-
font-size: .7em;
+
-
font-style: italic;
+
-
}
+
-
.css-slideshow-attr a {
+
-
color: #666;
+
-
}
+
-
.css-slideshow figure:nth-child(1),.css-slideshow figure:nth-child(2),.css-slideshow figure:nth-child(3),.css-slideshow figure:nth-child(4),.css-slideshow figure:nth-child(5),.css-slideshow figure:nth-child(6),.css-slideshow figure:nth-child(7) {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
.css-slideshow figure:nth-child(1) {
+
-
-webkit-animation: xfade 48s 42s 5;
+
-
-moz-animation: xfade 48s 42s 5;
+
-
-ms-animation: xfade 48s 42s infinite;
+
-
-o-animation: xfade 48s 42s infinite;
+
-
animation: xfade 48s 42s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(2) {
+
-
-webkit-animation: xfade 48s 36s infinite;
+
-
-moz-animation: xfade 48s 36s infinite;
+
-
-ms-animation: xfade 48s 36s infinite;
+
-
-o-animation: xfade 48s 36s infinite;
+
-
animation: xfade 48s 36s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(3) {
+
-
-webkit-animation: xfade 48s 30s infinite;
+
-
-moz-animation: xfade 48s 30s infinite;
+
-
-ms-animation: xfade 48s 30s infinite;
+
-
-o-animation: xfade 48s 30s infinite;
+
-
animation: xfade 48s 30s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(4) {
+
-
-webkit-animation: xfade 48s 24s infinite;
+
-
-moz-animation: xfade 48s 24s infinite;
+
-
-ms-animation: xfade 48s 24s infinite;
+
-
-o-animation: xfade 48s 24s infinite;
+
-
animation: xfade 48s 24s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(5) {
+
-
-webkit-animation: xfade 48s 18s infinite;
+
-
-moz-animation: xfade 48s 18s infinite;
+
-
-ms-animation: xfade 48s 18s infinite;
+
-
-o-animation: xfade 48s 18s infinite;
+
-
animation: xfade 48s 18s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(6) {
+
-
-webkit-animation: xfade 48s 12s infinite;
+
-
-moz-animation: xfade 48s 12s infinite;
+
-
-ms-animation: xfade 48s 12s infinite;
+
-
-o-animation: xfade 48s 12s infinite;
+
-
animation: xfade 48s 12s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(7) {
+
-
-webkit-animation: xfade 48s 6s infinite;
+
-
-moz-animation: xfade 48s 6s infinite;
+
-
-ms-animation: xfade 48s 6s infinite;
+
-
-o-animation: xfade 48s 6s infinite;
+
-
animation: xfade 48s 6s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(8) {
+
-
-webkit-animation: xfade 48s 0s infinite;
+
-
-moz-animation: xfade 48s 0s infinite;
+
-
-ms-animation: xfade 48s 0s infinite;
+
-
-o-animation: xfade 48s 0s infinite;
+
-
animation: xfade 48s 0s infinite;
+
-
}
+
-
@keyframes "xfade" {
+
-
0% {
+
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
@-moz-keyframes xfade {
+
-
0% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
@-webkit-keyframes "xfade" {
+
-
0% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
@-ms-keyframes "xfade" {
+
-
0% {
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
@-o-keyframes "xfade" {
+
-
0% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
</style></head>
+
-
 
+
-
<body>
+
-
<div id="container">
+
-
<div id="header">
+
-
<img id="optbanner" src="https://static.igem.org/mediawiki/2014/3/3d/York_final_LOGO.png" style=" height: 114px; width: 180px; position: absolute; left: -77px; top: 15px;">
+
-
<div id="navmenu">
+
-
<ul class="yorknav">
+
-
<a href="#" class="yorknav"><li class="yorknav" id="Sponsors">Sponsors</li></a>
+
-
<a href="#" class="yorknav"><li class="yorknav" id="HumanPractice">Human Practice</li></a>
+
-
<a href="https://2014.igem.org/Team:York/Project" class="yorknav"><li class="yorknav" id="Project">Project</li></a>
+
-
<a href="https://2014.igem.org/Team:York/Team" class="yorknav"><li class="yorknav" id="Team">Team</li></a>
+
-
<a href="https://2014.igem.org/Team:York" class="yorknav"><li class="yorknav" id="Home">Home</li></a>
+
-
</ul>
+
</div>
</div>
</div>
</div>
-
<div id="contently">
+
<!--  THE PAGE HAS ENDED. THE FOOTER BEGINS.  -->
-
<div id="actualcontent">
+
<nav class="navbar navbar-default navbar-static-bottom" role="contact" id="yorkfooter">
-
<div class="css-slideshow">
+
  <div class="container">
-
<figure>
+
    <a href="http://www.york.ac.uk/biology/" class="navbar-brand img-responsive">
-
<img src="https://static.igem.org/mediawiki/2014/4/4f/York_imagegallery_1.JPG" alt="class-header-css3" width="700" height="306" class="alignnone size-full wp-image-172" /><figcaption>The York iGEM Team in Labs</figcaption>
+
      <img src="https://static.igem.org/mediawiki/2014/4/4c/Uoylogo.png" id="bottomyorklogo">
-
</figure>
+
    </a>
-
<figure>
+
<div class="collapse navbar-collapse navHeaderCollapse">
-
<img src="https://static.igem.org/mediawiki/2014/e/e9/York_imagegallery_2.JPG" alt="class-header-semantics" width="700" height="306" class="alignnone size-full wp-image-179" /><figcaption></figcaption>  
+
    <ul class="nav navbar-nav navbar-right">
-
</figure>
+
        <li><a href="https://twitter.com/iGEMyork" title="@iGEMyork">
-
<figure>
+
            <img src="https://static.igem.org/mediawiki/2014/1/14/York_Twitter.png" class="contacticon"></a></li>
-
<img src="https://static.igem.org/mediawiki/2014/8/85/York_imagegallery_3.JPG" alt="class-header-offline" width="700" height="306" class="alignnone size-large wp-image-178" /><figcaption></figcaption>  
+
        <li><a href="mailto:igemyork2014@gmail.co.uk" title="igemyork2014@gmail.co.uk">
-
</figure>
+
            <img src="https://static.igem.org/mediawiki/2014/3/3a/York_Mail.png" class="contacticon"></a></li>
-
<figure>
+
    </ul></div>
-
<img src="https://static.igem.org/mediawiki/2014/d/d9/York_imagegallery_4.JPG" alt="class-header-device" width="700" height="306" class="alignnone size-full wp-image-177" /><figcaption></figcaption>
+
  </div>
-
</figure>
+
</nav>
-
<figure>
+
</body>
-
<img src="https://static.igem.org/mediawiki/2014/7/7c/York_imagegallery_5.JPG" alt="class-header-connectivity" width="700" height="306" class="alignnone size-large wp-image-176" /><figcaption></figcaption>  
+
</html>
-
</figure>
+
-
<figure>
+
-
<img src="https://static.igem.org/mediawiki/2014/e/ea/York_imagegallery_6.JPG" alt="class-header-multimedia" width="700" height="306" class="alignnone size-large wp-image-175" /><figcaption></figcaption>  
+
-
</figure>
+
-
<figure>
+
-
<img src="https://static.igem.org/mediawiki/2014/0/06/York_imagegallery_7.JPG" alt="class-header-3d" width="700" height="306" class="alignnone size-large wp-image-174" /><figcaption></figcaption>  
+
-
</figure>
+
-
<figure>
+
-
<img src="https://static.igem.org/mediawiki/2014/9/9d/York_imagegallery_8.JPG" alt="class-header-performance" width="700" height="306" class="alignnone size-large wp-image-173" /><figcaption></figcaption>  
+
-
</figure>
+
-
  </div>
+
-
<p style="text-align: center;">We're the 2014 iGEM team for the University of York, UK. In just 50 years, the University has become one of the top in the UK. We think this is because of its passion and dedication towards each of its subjects; something we share! Our team is made up of 20 undergraduates from a range of disciplines, as well as our two supervisors.
+

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"