Difference between revisions of "Team:Oxford"

 
(95 intermediate revisions by 3 users not shown)
Line 17: Line 17:
 
     <link href="https://2018.igem.org/Team:Oxford/css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2018.igem.org/Team:Oxford/css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
−
 
−
<style>
 
−
 
−
* {box-sizing:border-box}
 
−
 
−
/* Slideshow container */
 
−
.slideshow-container {
 
−
  max-width: 1000px;
 
−
  position: relative;
 
−
  margin: auto;
 
−
}
 
−
 
−
/* Hide the images by default */
 
−
.mySlides {
 
−
    display: none;
 
−
}
 
−
 
−
/* Next & previous buttons */
 
−
.prev, .next {
 
−
  cursor: pointer;
 
−
  position: absolute;
 
−
  top: 50%;
 
−
  width: auto;
 
−
  margin-top: -22px;
 
−
  padding: 16px;
 
−
  color: white;
 
−
  font-weight: bold;
 
−
  font-size: 18px;
 
−
  transition: 0.6s ease;
 
−
  border-radius: 0 3px 3px 0;
 
−
}
 
−
 
−
/* Position the "next button" to the right */
 
−
.next {
 
−
  right: 0;
 
−
  border-radius: 3px 0 0 3px;
 
−
}
 
−
 
−
/* On hover, add a black background color with a little bit see-through */
 
−
.prev:hover, .next:hover {
 
−
  background-color: rgba(0,0,0,0.8);
 
−
}
 
−
 
−
/* Caption text */
 
−
.text {
 
−
  color: #f2f2f2;
 
−
  font-size: 15px;
 
−
  padding: 8px 12px;
 
−
  position: absolute;
 
−
  bottom: 8px;
 
−
  width: 100%;
 
−
  text-align: center;
 
−
}
 
−
 
−
/* Number text (1/3 etc) */
 
−
.numbertext {
 
−
  color: #f2f2f2;
 
−
  font-size: 12px;
 
−
  padding: 8px 12px;
 
−
  position: absolute;
 
−
  top: 0;
 
−
}
 
−
 
−
/* The dots/bullets/indicators */
 
−
.dot {
 
−
  cursor: pointer;
 
−
  height: 15px;
 
−
  width: 15px;
 
−
  margin: 0 2px;
 
−
  background-color: #bbb;
 
−
  border-radius: 50%;
 
−
  display: inline-block;
 
−
  transition: background-color 0.6s ease;
 
−
}
 
−
 
−
.active, .dot:hover {
 
−
  background-color: #717171;
 
−
}
 
−
 
−
/* Fading animation */
 
−
.fade {
 
−
  -webkit-animation-name: fade;
 
−
  -webkit-animation-duration: 1.5s;
 
−
  animation-name: fade;
 
−
  animation-duration: 1.5s;
 
−
}
 
−
 
−
@-webkit-keyframes fade {
 
−
  from {opacity: .4}
 
−
  to {opacity: 1}
 
−
}
 
−
 
−
@keyframes fade {
 
−
  from {opacity: .4}
 
−
  to {opacity: 1}
 
−
}
 
−
</style>
 
−
 
−
 
  
 
   </head>
 
   </head>
Line 121: Line 22:
 
   <body>
 
   <body>
  
−
 
+
     <header class="py-5 background-img parent" style="height: 600px">
−
     <header class="py-5 background-img zoom" style="background-image: url('https://media.istockphoto.com/photos/green-turquoise-wall-background-picture-id614848416?k=6&m=614848416&s=612x612&w=0&h=EAI75hD3sCfZ7kCTK5fTd07oyddtoDJKdCreJClE540='); background-size: cover; background-position: center; ">
+
      <a href="#n1"style="text-decoration : none; color:white;">
−
      <div class="translucent-back" style="height: 700px;">
+
        <div class="child background-img" style="background-image: url('https://static.igem.org/mediawiki/2018/1/1a/T--Oxford--header-three.jpg'); background-size: cover;">
−
<h2 class="header-text">Reimagining immunosuppresants</h2>
+
                    <h1 class="header-text" style="text-decoration : none; color:white !important;">Revolutionising Immunosuppressants</h1>
−
</div>
+
        </div>
 +
      </a>
 
     </header>
 
     </header>
  
Line 132: Line 34:
 
         <div class="row">
 
         <div class="row">
 
           <div class=".col-md-8 .offset-md-2">
 
           <div class=".col-md-8 .offset-md-2">
 +
           
 +
<style type="text/css">
 +
.tftable {font-size:17px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
 +
.tftable th {font-size:17px;background-color:#E5FCE2;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:left;text-align:center;}
 +
.tftable tr {background-color:#FFFFFF;}
 +
.tftable td {font-size:17px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5; text-align:center;}
 +
.tftable tr:hover {background-color:#F2F2F2;}
 +
h3 {
 +
    text-decoration:;
 +
}
 +
</style>
 +
       
 +
<table class="tftable" border="1">
 +
<center>
 +
<tr><th>Achievement</th><th>Award</th></tr>
 +
<tr><td>Winners</td><td>Therapeutics Track</td></tr>
 +
<tr><td>Nominated</td><td>Best Human Practices</td></tr>
 +
<tr><td>Nominated</td><td>Best Entrepreneurship</td></tr>
 +
</td><td>Nominated</td><td>Best Wiki</td></tr>
 +
</td><td>Gold</td><td>Medal</td></tr>
 +
</center></table>
 +
<br>
 +
 
             <h2>Abstract<br></h2>
 
             <h2>Abstract<br></h2>
 
             <p class="lead"><br>Inflammatory Bowel Disease (IBD) is characterised by chronic inflammation of the intestine. The condition is associated with an imbalance in immune cell populations, notably Th17 and Treg. Existing immunosuppressive therapies, when successful, often elicit systemic side effects and require frequent readministration. Our solution is to develop a probiotic strain that restores the Th17/Treg cell balance via secretion of IL-10 in response to nitric oxide in the intestinal lumen. Overshoot is prevented by an adenine riboswitch-sRNA construct which responds to extracellular adenosine, an indicator of the Treg cell population. Integration of separate stimuli in a dual feedback loop enables a more dynamic, robust response to the immune state of the body. Various features have been incorporated to maximise biological safety, including an inducible kill switch system. We believe our design offers a non-invasive, self-tuning therapeutic for IBD, with potential to replace conventional immunosuppressants in the treatment of gastrointestinal autoimmune disorders. </p>
 
             <p class="lead"><br>Inflammatory Bowel Disease (IBD) is characterised by chronic inflammation of the intestine. The condition is associated with an imbalance in immune cell populations, notably Th17 and Treg. Existing immunosuppressive therapies, when successful, often elicit systemic side effects and require frequent readministration. Our solution is to develop a probiotic strain that restores the Th17/Treg cell balance via secretion of IL-10 in response to nitric oxide in the intestinal lumen. Overshoot is prevented by an adenine riboswitch-sRNA construct which responds to extracellular adenosine, an indicator of the Treg cell population. Integration of separate stimuli in a dual feedback loop enables a more dynamic, robust response to the immune state of the body. Various features have been incorporated to maximise biological safety, including an inducible kill switch system. We believe our design offers a non-invasive, self-tuning therapeutic for IBD, with potential to replace conventional immunosuppressants in the treatment of gastrointestinal autoimmune disorders. </p>
Line 144: Line 69:
 
         <div class="row">
 
         <div class="row">
  
−
      <!-- Team Members Row -->
+
<div class="service-section-03 tiles-wrapper">
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
                      <div class="col-md-3">
−
          <img class="hover-button img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
                          <a href="https://2018.igem.org/Team:Oxford/Description">
−
        </div>
+
                              <div class="team-style-01 text-center section-block-p tile">
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/e/e4/T--Oxford--Background_Thumbnail.png'); background-size: cover;">
−
          <img class="hover-button img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
                                    <div class="overlay"></div>
−
        </div>
+
                                    <div class = "tileTitleWrapper">
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
                                        <div class = "tileTitle">Background</div>
−
          <img class="hover-button img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
                                    </div>
−
        </div>
+
                                  </div>
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
                              </div>
−
          <img class="hover-button img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
                          </a>
−
        </div>
+
                      </div>
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
                      <div class="col-md-3">
−
          <img class="hover-button img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
                          <a href="https://2018.igem.org/Team:Oxford/Our_solution">
−
        </div>
+
                              <div class="team-style-01 text-center section-block-p tile">
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/7/7d/T--Oxford--Our_Design_Thumbnail.png'); background-size: cover;">
−
          <img class="hover-button img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
                                    <div class="overlay"></div>
−
        </div>
+
                                    <div class = "tileTitleWrapper">
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
                                        <div class = "tileTitle">Our Design</div>
−
          <img class="hover-button img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
                                    </div>
−
        </div>
+
                                  </div>
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
                              </div>
−
          <img class="hover-button img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
                          </a>
−
        </div>
+
                      </div>
−
    </div>
+
                      <div class="col-md-3">
−
    </div>
+
                          <a href="https://2018.igem.org/Team:Oxford/Parts">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/9/9f/T--Oxford--Parts_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Parts</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/wetlab">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/4/49/T--Oxford--Wet_Lab_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Wet Lab</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/Model">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/0/0c/T--Oxford--td_thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Dry Lab</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/Entrepreneurship">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/d/da/T--Oxford--Entrepreneurship_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Business</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/Applied_Design">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/3/31/T--Oxford--Product_Design_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Product Design</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/Engagement">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/5/55/T--Oxford--Outreach_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Outreach</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
                  </div>
 +
                </div>
 +
            </div>
 +
</div>
 
     </section>
 
     </section>
 
<script>
 
<script>

Latest revision as of 03:02, 8 December 2018

Full Width Pics - Start Bootstrap Template

Revolutionising Immunosuppressants
AchievementAward
WinnersTherapeutics Track
NominatedBest Human Practices
NominatedBest Entrepreneurship
NominatedBest Wiki
GoldMedal

Abstract


Inflammatory Bowel Disease (IBD) is characterised by chronic inflammation of the intestine. The condition is associated with an imbalance in immune cell populations, notably Th17 and Treg. Existing immunosuppressive therapies, when successful, often elicit systemic side effects and require frequent readministration. Our solution is to develop a probiotic strain that restores the Th17/Treg cell balance via secretion of IL-10 in response to nitric oxide in the intestinal lumen. Overshoot is prevented by an adenine riboswitch-sRNA construct which responds to extracellular adenosine, an indicator of the Treg cell population. Integration of separate stimuli in a dual feedback loop enables a more dynamic, robust response to the immune state of the body. Various features have been incorporated to maximise biological safety, including an inducible kill switch system. We believe our design offers a non-invasive, self-tuning therapeutic for IBD, with potential to replace conventional immunosuppressants in the treatment of gastrointestinal autoimmune disorders.

Background
Our Design
Parts
Wet Lab
Dry Lab
Business
Product Design
Outreach