Difference between revisions of "Team:Freiburg"

 
(18 intermediate revisions by 3 users not shown)
Line 6: Line 6:
  
 
<style>
 
<style>
−
/* =============== LIghtbox =========================*/
 
−
 
−
/* from https://www.w3schools.com/howto/howto_js_lightbox.asp */
 
−
 
−
* {
 
−
  box-sizing: border-box;
 
−
  padding: 20px;
 
−
}
 
−
 
−
.row > .column {
 
−
  padding: 0 8px;
 
−
}
 
−
 
−
.row:after {
 
−
  content: "";
 
−
  display: table;
 
−
  clear: both;
 
−
}
 
−
 
−
.column {
 
−
  float: left;
 
−
  width: 100%;
 
−
}
 
−
 
−
 
−
 
−
/* The Modal (background) */
 
−
.modal {
 
−
  display: none;
 
−
  position: fixed;
 
−
  z-index: 1;
 
−
  padding-top: 200px;
 
−
  left: 0;
 
−
  top: 0;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  overflow: auto;
 
−
  background-color: transparent;
 
−
}
 
−
 
−
/* Modal Content */
 
−
.modal-content {
 
−
  position: relative;
 
−
  background-color: #fefefe;
 
−
  margin: auto;
 
−
  padding: 20px;
 
−
  width: 90%;
 
−
  max-width: 1200px;
 
−
}
 
−
 
−
/* The Close Button */
 
−
.close {
 
−
  color: red;
 
−
  position: absolute;
 
−
  top: 100px;
 
−
  right: 60px;
 
−
  font-size: 100px;
 
−
  font-weight: bold;
 
−
}
 
−
 
−
.close:hover,
 
−
.close:focus {
 
−
  color: #999;
 
−
  text-decoration: none;
 
−
  cursor: pointer;
 
−
}
 
−
 
−
.mySlides {
 
−
  display: none;
 
−
}
 
−
 
−
.cursor {
 
−
  cursor: pointer
 
−
}
 
−
 
−
 
−
/* Number text (1/3 etc) */
 
−
.numbertext {
 
−
  color: #f2f2f2;
 
−
  font-size: 12px;
 
−
  padding: 8px 12px;
 
−
  position: absolute;
 
−
  top: 0;
 
−
}
 
−
 
−
img {
 
−
  margin-bottom: -4px;
 
−
}
 
−
 
−
.caption-container {
 
−
  text-align: center;
 
−
  background-color: black;
 
−
  padding: 2px 16px;
 
−
  color: white;
 
−
}
 
−
 
−
.demo {
 
−
  opacity: 0.6;
 
−
}
 
−
 
−
.active,
 
−
.demo:hover {
 
−
  opacity: 1;
 
−
}
 
−
 
−
img.hover-shadow {
 
−
  transition: 0.3s
 
−
}
 
−
 
−
.hover-shadow:hover {
 
−
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
 
−
}
 
−
 
−
/* =============== END: Lightbox =========================*/
 
−
 
−
 
  
 
/* .body {
 
/* .body {
Line 354: Line 238:
  
 
.element1 {
 
.element1 {
−
     background-image: url("https://static.igem.org/mediawiki/2017/6/67/Mafiadude_z_medalami.png");
+
     background-image: url("https://static.igem.org/mediawiki/2017/b/b5/T-FREIBURG-Mafiadude_z_medalami2.png");
 
     background-size: cover;
 
     background-size: cover;
 
     background-position: center;
 
     background-position: center;
Line 360: Line 244:
  
 
.element2 {
 
.element2 {
−
     background-image: url("https://static.igem.org/mediawiki/2017/1/14/T-FREIBURG-mafiadude-team2.png");
+
     background-image: url("https://static.igem.org/mediawiki/2017/c/c4/T-FREIBURG-mafiadude-team3.png");
 
     background-size: cover;
 
     background-size: cover;
 
     background-position: center;
 
     background-position: center;
Line 366: Line 250:
  
 
.element3 {
 
.element3 {
−
     background-image: url("https://static.igem.org/mediawiki/2017/4/4e/T-FREIBURG-mafiadude-andgate.png");
+
     background-image: url("https://static.igem.org/mediawiki/2017/4/4d/T-FREIBURG-mafiadude-andgate2.png");
 
     background-size: cover;
 
     background-size: cover;
 
     background-position: center;
 
     background-position: center;
Line 372: Line 256:
  
 
.element4 {
 
.element4 {
−
     background-image: url("https://static.igem.org/mediawiki/2017/0/0e/T-FREIBURG-mafiadude-diploma.png");
+
     background-image: url("https://static.igem.org/mediawiki/2017/8/82/T-FREIBURG-mafiadude-diploma2.png");
 
     background-size: cover;
 
     background-size: cover;
 
     background-position: center;
 
     background-position: center;
Line 619: Line 503:
  
 
</script>
 
</script>
−
<script>
 
−
function openModal() {
 
−
  document.getElementById('myModal').style.display = "block";
 
−
}
 
  
−
function closeModal() {
 
−
  document.getElementById('myModal').style.display = "none";
 
−
}
 
−
 
−
var slideIndex = 1;
 
−
showSlides(slideIndex);
 
−
 
−
function plusSlides(n) {
 
−
  showSlides(slideIndex += n);
 
−
}
 
−
 
−
function currentSlide(n) {
 
−
  showSlides(slideIndex = n);
 
−
}
 
−
 
−
function showSlides(n) {
 
−
  var i;
 
−
  var slides = document.getElementsByClassName("mySlides");
 
−
  var dots = document.getElementsByClassName("demo");
 
−
  var captionText = document.getElementById("caption");
 
−
  if (n > slides.length) {slideIndex = 1}
 
−
  if (n < 1) {slideIndex = slides.length}
 
−
  for (i = 0; i < slides.length; i++) {
 
−
      slides[i].style.display = "none";
 
−
  }
 
−
  for (i = 0; i < dots.length; i++) {
 
−
      dots[i].className = dots[i].className.replace(" active", "");
 
−
  }
 
−
  slides[slideIndex-1].style.display = "block";
 
−
  dots[slideIndex-1].className += " active";
 
−
  captionText.innerHTML = dots[slideIndex-1].alt;
 
−
}
 
−
</script>
 
 
<div class="body">
 
<div class="body">
  
Line 683: Line 530:
 
           <div class="cool_image_blink element2">
 
           <div class="cool_image_blink element2">
 
           <div class="cool_content cool_text_blink link_trigger" href="https://2017.igem.org/Team:Freiburg/Team" title="">
 
           <div class="cool_content cool_text_blink link_trigger" href="https://2017.igem.org/Team:Freiburg/Team" title="">
−
             <br>Find out more <br> about the Freiburg 2017 Team and its members!
+
             <br>Find out more <br> about the Freiburg 2017 team and our members!
 
           </div>
 
           </div>
 
           </div>
 
           </div>
Line 694: Line 541:
 
            
 
            
 
           <div class="cool_image_blink element3">
 
           <div class="cool_image_blink element3">
−
           <div class="cool_content cool_text_blink link_trigger" href='https://2017.igem.org/Team:Freiburg/Design' title="AND gate">
+
           <div class="cool_content cool_text_blink link_trigger" href="https://2017.igem.org/Team:Freiburg/Design" title="AND gate">
−
             To make our approach safer, we are using a 2-input AND gate. Have a look!
+
             To make our approach safer, we are integrating two inputs into one output. Have a look!
  
 
           </div>
 
           </div>
 
           </div>
 
           </div>
−
<div class="cool_header"><a href='https://2017.igem.org/Team:Freiburg/Design'>AND gate</a></div>
+
<div class="cool_header"><a href="https://2017.igem.org/Team:Freiburg/Design">AND Gate</a></div>
 
         </div>
 
         </div>
 
         </li>
 
         </li>
Line 732: Line 579:
 
             <div class="cool_image_blink element6">
 
             <div class="cool_image_blink element6">
 
             <div class="cool_content cool_text_blink link_trigger" href='https://2017.igem.org/Team:Freiburg/HP/Silver' title="">
 
             <div class="cool_content cool_text_blink link_trigger" href='https://2017.igem.org/Team:Freiburg/HP/Silver' title="">
−
                 To hear thoughts about our project check out our survey and interviews with experts working on the field!
+
                 To hear thoughts about our project, check out our survey and interviews with experts working on the topic!
 
             </div>
 
             </div>
 
             </div>
 
             </div>
Line 744: Line 591:
 
<div class="cool_centerimage">
 
<div class="cool_centerimage">
 
         <div id="Abstract_logo">
 
         <div id="Abstract_logo">
−
         <a href="https://2017.igem.org/Team:Freiburg/Introduction" title="Start guided tour"> <img  src="https://static.igem.org/mediawiki/2017/7/74/T-FREIBURG-cartel.png" onclick="openModal();currentSlide(1)" class="hover-shadow cursor" height="150px" width="340px"></a>
+
         <a href="https://2017.igem.org/Team:Freiburg/Introduction" title="Start guided tour"> <img  src="https://static.igem.org/mediawiki/2017/7/74/T-FREIBURG-cartel.png" height="150px" width="340px"></a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
<div id="myModal" class="modal">
 
−
  <span class="close cursor" onclick="closeModal()">&times;</span>
 
−
  <div class="modal-content">
 
−
           
 
  
−
    <div class="mySlides">
 
−
    <div class="numbertext">1</div>
 
−
      <source src="https://static.igem.org/mediawiki/2017/f/f4/T-FREIBURG-Animation.mp4" type="video/mp4" style="width:100%">
 
−
    </div>
 
 
    
 
    
  
Line 769: Line 608:
 
<div class="item">
 
<div class="item">
 
<h2 style="font-size:40px; padding-top: 50px" align="center">Abstract</h2>
 
<h2 style="font-size:40px; padding-top: 50px" align="center">Abstract</h2>
−
<p>A new approach to cancer treatment is the chimeric antigen receptor (CAR) therapy, which shows promising results fighting tumors in clinical trials. It consists of autologous isolated T cells modified with a chimeric receptor based on the T-cell receptor combined with the recognition domain of an antibody. Upon reinjection, CAR T cells exhibit cytotoxicity with high affinity towards cells displaying the antigen. However, clinical trials have shown that as tumor antigens are not solely expressed on tumor cells, but also on healthy tissues, grave off-target effects like the Graft-versus-Host-Disease may occur. In order to avoid such side-effects, we engineer CAR T cell lines specifically activated by factors of the tumor microenvironment. Controlled by a genetic AND gate system the T cells need two input signals in order to express CAR. This would allow highly localized cytotoxic activity of T cells and provide safer cell-based cancer immunotherapy especially for solid tumors.</p>
+
<p>A new approach to cancer treatment is the chimeric antigen receptor (CAR) T cell therapy, which shows promising results fighting tumors in clinical trials. It consists of autologous isolated T cells modified with a chimeric receptor based on the T-cell receptor combined with the recognition domain of an antibody. Upon reinjection, CAR T cells exhibit cytotoxicity with high affinity towards cells displaying the antigen. However, clinical trials have shown that as tumor antigens are not solely expressed on tumor cells, but also on healthy tissues, grave off-target effects like the Graft-versus-Host-Disease may occur. In order to avoid such side-effects, we engineer CAR T cell lines specifically activated by factors of the tumor microenvironment. Controlled by a genetic AND gate system the T cells need two input signals in order to express CAR. This would allow highly localized cytotoxic activity of T cells and provide safer cell-based cancer immunotherapy especially for solid tumors.</p>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 01:52, 2 November 2017

Logo
Overview Motivation CAR T Cells Tumor Microenvironment AND Gate Outlook Achievements References
Members Attributions Partners Contact
Main Project Modeling Applied Design Proof of Concept BioBricks Basic Part BioBrick Improvement Interlab Study
Safety Cloning HIF1A Knockdown Cell Culture Lab Book
Human Practice Integrated Human Practice Collaborations
  • Besides learning
    a lot and having fun, we achieved something great this year! Check it out!
    Achievements

  • Find out more
    about the Freiburg 2017 team and our members!
    Team
  • To make our approach safer, we are integrating two inputs into one output. Have a look!
    AND Gate
  • We generated
    stable cell lines, a gene knockdown, characterized several promoters and much more!
    Results
  • To better
    understand our AND gate, we modeled gene expression within our genetic circuit.
    Modeling
  • To hear thoughts about our project, check out our survey and interviews with experts working on the topic!
    Human Practice

Abstract

A new approach to cancer treatment is the chimeric antigen receptor (CAR) T cell therapy, which shows promising results fighting tumors in clinical trials. It consists of autologous isolated T cells modified with a chimeric receptor based on the T-cell receptor combined with the recognition domain of an antibody. Upon reinjection, CAR T cells exhibit cytotoxicity with high affinity towards cells displaying the antigen. However, clinical trials have shown that as tumor antigens are not solely expressed on tumor cells, but also on healthy tissues, grave off-target effects like the Graft-versus-Host-Disease may occur. In order to avoid such side-effects, we engineer CAR T cell lines specifically activated by factors of the tumor microenvironment. Controlled by a genetic AND gate system the T cells need two input signals in order to express CAR. This would allow highly localized cytotoxic activity of T cells and provide safer cell-based cancer immunotherapy especially for solid tumors.