|
|
| Line 1: |
Line 1: |
| − | {{Oxford}}
| |
| − | <html>
| |
| − | <head>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
| |
| − | <style>
| |
| − | canvas {
| |
| − | background-color: #e8d5d7;
| |
| − | width:80%;
| |
| − | }
| |
| − | #canvas_happy{
| |
| − | background-color: #002147;
| |
| − | }
| |
| | | | |
| − | hr {
| |
| − | display: block;
| |
| − | height: 1px;
| |
| − | border: 0;
| |
| − | border-top: 1px solid black;
| |
| − | margin: 1em 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .btn-circle {
| |
| − | width: 50px;
| |
| − | height: 50px;
| |
| − | padding: 10px 16px;
| |
| − | border-radius: 50%;
| |
| − | font-size: 24px;
| |
| − | line-height: 1.33;
| |
| − | background-color: rgba(95,155,175,0.9);
| |
| − | }
| |
| − |
| |
| − | .btn-circle-lg {
| |
| − | width: 240px;
| |
| − | height: 240px;
| |
| − | padding: 10px 16px;
| |
| − | border-radius: 50%;
| |
| − | font-size: 60px;
| |
| − | line-height: 1.33;
| |
| − | }
| |
| − |
| |
| − | .videoWrapper {
| |
| − | position: relative;
| |
| − | padding-bottom: 56.25%; /* 16:9 */
| |
| − | padding-top: 25px;
| |
| − | height: 0;
| |
| − | }
| |
| − | .videoWrapper iframe {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | }
| |
| − |
| |
| − | .carousel-caption a {
| |
| − | font-size: 50px;
| |
| − | font-weight: bolder;
| |
| − | text-shadow: 1px 3px 5px rgba(0,0,0,0.8);
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | #button-span {
| |
| − | font-weight: bold;
| |
| − | font-size: 20px;
| |
| − | color: black;
| |
| − | line-height: 0.2;
| |
| − | text-align:center;
| |
| − | position: relative;
| |
| − | left: 0px;
| |
| − | right: 0px;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | #button-lg-span {
| |
| − | font-weight: bold;
| |
| − | font-size: 20px;
| |
| − | color: black;
| |
| − | line-height: 1;
| |
| − | text-align:center;
| |
| − | position: relative;
| |
| − | left: 0px;
| |
| − | right: 0px;
| |
| − | display: block;
| |
| − | }
| |
| − | #bodyContent .colourbox {
| |
| − | list-style-type: none;
| |
| − | background-color: #DCE7EF;
| |
| − | border-radius: 25px;
| |
| − | }
| |
| − | #bodyContent ul{
| |
| − | list-style-type: none;
| |
| − | }
| |
| − | #circles_home {
| |
| − | margin: 50px 50px 50px 80px;
| |
| − | }
| |
| − | #texthome{
| |
| − | width: 80%;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body onload="startStartScreen()">
| |
| − |
| |
| − | <div class="container">
| |
| − | <div style="margin-top: 60px"></div>
| |
| − | <div class="row">
| |
| − | <h1 style="line-height:60px">OXFORD iGEM 2017<br/><small><i>See cruzi </i></small><br/></h1>
| |
| − | </div>
| |
| − |
| |
| − | <div class="row">
| |
| − | <div id="myCarousel" class="carousel slide; h-100 d-inline-block" data-ride="carousel">
| |
| − | <!-- Indicators -->
| |
| − | <ol class="carousel-indicators">
| |
| − | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| |
| − | <li data-target="#myCarousel" data-slide-to="1"></li>
| |
| − | <li data-target="#myCarousel" data-slide-to="2"></li>
| |
| − | <li data-target="#myCarousel" data-slide-to="3"></li>
| |
| − | <li data-target="#myCarousel" data-slide-to="4"></li>
| |
| − | </ol>
| |
| − |
| |
| − | <!-- Wrapper for slides -->
| |
| − | <div class="carousel-inner">
| |
| − |
| |
| − | <div class="item active">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/9/92/T--Oxford--NewHome--awardresize.jpg" alt="Award">
| |
| − | <div class="carousel-caption">
| |
| − | <a href="https://2017.igem.org/Team:Oxford/Team">
| |
| − | <h2> MEET THE TEAM! </h2>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/1/18/T--Oxford--NewHome--Posterresize.jpg" alt="Poster">
| |
| − | <div class="carousel-caption">
| |
| − | <a href="https://2017.igem.org/Team:Oxford/Team">
| |
| − | <h2> MEET THE TEAM! </h2>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/8/81/T--Oxford--NewHome--Meetingresize.jpg" alt="Meeting">
| |
| − | <div class="carousel-caption">
| |
| − | <a href="https://2017.igem.org/Team:Oxford/Team">
| |
| − | <h2> MEET THE TEAM! </h2>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/0/0a/T--Oxford--NewHome--Jokesresize.jpg" alt="Jokes">
| |
| − | <div class="carousel-caption">
| |
| − | <a href="https://2017.igem.org/Team:Oxford/Team">
| |
| − | <h2> MEET THE TEAM! </h2>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/2/2c/T--Oxford--NewHome--Ladiesresize.jpg" alt="Ladies">
| |
| − | <div class="carousel-caption">
| |
| − | <a href="https://2017.igem.org/Team:Oxford/Team">
| |
| − | <h2> MEET THE TEAM! </h2>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Left and right controls -->
| |
| − | <a class="left carousel-control" href="#myCarousel" data-slide="prev">
| |
| − | <span class="glyphicon glyphicon-chevron-left"></span>
| |
| − | <span class="sr-only">Previous</span>
| |
| − | </a>
| |
| − | <a class="right carousel-control" href="#myCarousel" data-slide="next">
| |
| − | <span class="glyphicon glyphicon-chevron-right"></span>
| |
| − | <span class="sr-only">Next</span>
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <div class="row">
| |
| − | <div class="col-sm-6">
| |
| − | <a href="https://2017.igem.org/Team:Oxford/Awards">
| |
| − | <img class="img-responsive img-center" style="width:100%" src="https://static.igem.org/mediawiki/2017/f/f4/T--Oxford--NewHome--Prizesbox.png">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-sm-6">
| |
| − | <a class="twitter-timeline" data-width="100%" data-height="500" href="https://twitter.com/OxfordiGEM?ref_src=twsrc%5Etfw">Tweets by OxfordiGEM</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="row">
| |
| − | <div class="col-sm-12">
| |
| − | <div class="embed-responsive embed-responsive-16by9">
| |
| − | <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/4heo3c2qvWo" allowfullscreen></iframe>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="container">
| |
| − | <div style="margin-top: 60px"></div>
| |
| − | <div class="row">
| |
| − | <h2> Our Project </h2><br/>
| |
| − | </div>
| |
| − | <div class="row">
| |
| − | <a href="https://2017.igem.org/Team:Oxford/Game"> <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/1/1c/T--Oxford--NewHome--Game.png"> </a>
| |
| − | <p><br/>The aim of our project was to develop a cell-free detection system for congenital Chagas disease in the acute phase by detecting the cruzipain in the blood.
| |
| − | Congenital Chagas disease is a growing global concern and at present, the acute phase of Chagas disease is difficult to diagnose as it is asymptomatic and current diagnostics are both expensive and inaccessible to the majority of those affected. Our final diagnostic kit would allow Chagas disease to be detected by preventing the clotting of a blood sample. </p>
| |
| − | <p> We imagine that this system would be adaptable for other parasites and pathogens which have similar difficulties in detection, both in the input for the system and the options for output.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="container">
| |
| − | <div style="margin-top: 60px"></div>
| |
| − | <div class="row">
| |
| − | <div class="col-sm-3">
| |
| − | <form action="https://2017.igem.org/Team:Oxford/Description">
| |
| − | <button type="submit" class="btn btn-default btn-circle-lg" style="background-color: rgb(72,145,220)"><span id="button-lg-span">Project<br>Description</span></button>
| |
| − | </form>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-3">
| |
| − | <form action="https://2017.igem.org/Team:Oxford/Overview_Wet_Lab">
| |
| − | <button type="submit" class="btn btn-default btn-circle-lg" style="background-color: rgb(234,139,68)"><span id="button-lg-span">Wet Lab<br>Overview</span></button>
| |
| − | </form>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-3">
| |
| − | <form action="https://2017.igem.org/Team:Oxford/Model">
| |
| − | <button type="submit" class="btn btn-default btn-circle-lg" style="background-color: rgb(185, 207, 150)"><span id="button-lg-span">Dry Lab<br>Overview</span></button>
| |
| − | </form>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-3">
| |
| − | <form action="https://2017.igem.org/Team:Oxford/Applied_Design">
| |
| − | <button type="submit" class="btn btn-default btn-circle-lg" style="background-color: rgb(95, 155, 175)"><span id="button-lg-span">Applied<br>Design</span></button>
| |
| − | </form>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |
| − | {{Oxford/footer}}
| |
