Difference between revisions of "Team:Freiburg"

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 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 744: Line 591:
 
<div class="cool_centerimage">
 
<div class="cool_centerimage">
 
         <div id="Abstract_logo">
 
         <div id="Abstract_logo">
         <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>
 
 
    
 
    
  

Revision as of 21:23, 31 October 2017

Abstract

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.