Difference between revisions of "Team:UCAS-China/Team"

(Prototype team page)
 
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{UCAS-China}}
 
{{UCAS-China}}
 
<html>
 
<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;
 +
}
  
−
<div class="column two_thirds_size" >
+
hr {
 +
    display: block;
 +
    height: 1px;
 +
    border: 0;
 +
    border-top: 1px solid black;
 +
    margin: 1em 0;
 +
    padding: 0;
 +
}
  
−
<h1>Team</h1>
+
.btn-circle {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  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;
 +
}
  
−
<h3>What should this page contain?</h3>
+
.videoWrapper {
−
<ul>
+
position: relative;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
padding-bottom: 56.25%; /* 16:9 */
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
padding-top: 25px;
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
height: 0;
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
}
−
</ul>
+
.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>
  
 +
  <div class="row">
 +
      <div id="myCarousel" class="carousel slide" 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="column third_size" >
+
    <div class="item active">
−
<div class="highlight decoration_A_full">
+
    <img src="https://static.igem.org/mediawiki/2017/9/92/T--Oxford--NewHome--awardresize.jpg" alt="Award">
−
<h3>Inspiration</h3>
+
<div class="carousel-caption">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
    <a href="https://2017.igem.org/Team:Oxford/Team">
−
Here are a few examples:</p>
+
    <h2> MEET THE TEAM! </h2>
−
<ul>
+
    </a>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
    </div>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
    </div>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
    <div class="item">
−
</ul>
+
<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>
 +
 +
<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>
 +
 +
<div class="container"> 
 +
<div style="margin-top: 60px"></div>
 +
<div class="row">
 +
<h2> Our Project </h2><br/>
 +
</div>
 +
<div class="row" align="centre">
 +
 +
<a href="https://2017.igem.org/Team:Oxford/Game"> <img class="img-responsive img-center" src="https://static.igem.org/mediawiki/2017/thumb/a/a6/T--oxford--play2.png/320px-T--oxford--play2.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>
 
</html>
 +
{{UCAS-China/footer}}

Latest revision as of 10:25, 4 October 2018

OXFORD iGEM 2017
See cruzi

Our Project



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.

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.