Difference between revisions of "Team:CGU Taiwan/Design"

Line 1: Line 1:
 
<html>
 
<html>
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
<style>
 
<style>
 
         #sideMenu
 
         #sideMenu
Line 15: Line 14:
 
#content { padding:0px; width:100%; margin-left:0%; margin-right:0%;}
 
#content { padding:0px; width:100%; margin-left:0%; margin-right:0%;}
 
</style>
 
</style>
 
<head>
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
 
<!-- ////////////////////// START  TOP HEADER /////////////////////// -->
 
<!-- ////////////////////// START  TOP HEADER /////////////////////// -->
 
<head>
 
<head>
Line 29: Line 22:
 
.top {
 
.top {
 
   position: absolute;
 
   position: absolute;
   top: -10px;
+
   top: -1%;
   left: 0px;
+
   left: 0%;
  background:  #140731;
+
 
   width: 100%;
 
   width: 100%;
   height: 110px;
+
  box-sizing:border-box;
 +
   height: 115px;
 
   font-family: Corbel;
 
   font-family: Corbel;
   overflow: visible;
+
   overflow:visible;
 +
  z-index: +1;
 
}
 
}
 
.mid {
 
.mid {
 
   position: absolute;
 
   position: absolute;
   left: 0px;
+
   left: 5%;
   width: 100%;
+
   width: 80%;
 
   height: 100%;
 
   height: 100%;
 
   font-family: Corbel;
 
   font-family: Corbel;
  z-index:-1;
 
 
}  
 
}  
 
.headline {
 
.headline {
Line 52: Line 45:
 
}
 
}
 
.header-subnav  {
 
.header-subnav  {
   background: #140731;
+
   background: #0D014D;
 
   width: 100%;
 
   width: 100%;
 
   position: absolute;
 
   position: absolute;
 
   text-align: center;
 
   text-align: center;
 
   margin: 0 auto;
 
   margin: 0 auto;
   top: 100px;
+
   top: 117%;
  left:-20px;
+
  left: 0%;
 
   font-family: Corbel;
 
   font-family: Corbel;
 +
  z-index:-1;
 
}
 
}
 
.header-subnav li {
 
.header-subnav li {
Line 91: Line 85:
 
.circle {
 
.circle {
 
   position:absolute;
 
   position:absolute;
   left: 1160px;
+
   left: 85.5%;
   top: 30px;
+
   top: 70%;
 
   width: 180px;
 
   width: 180px;
 
   height: 180px;
 
   height: 180px;
   background: #140731;
+
   background: #0D014D;
 
   -moz-border-radius: 90px;
 
   -moz-border-radius: 90px;
 
   -webkit-border-radius: 90px;
 
   -webkit-border-radius: 90px;
Line 102: Line 96:
 
.left {
 
.left {
 
   position: fixed;
 
   position: fixed;
   left: 0px;
+
   left: 25px;
   top: 175px;
+
   top: 230px;
 
   font-family: Corbel;
 
   font-family: Corbel;
 
   background: rgba(250, 250, 250, 0.15);
 
   background: rgba(250, 250, 250, 0.15);
   width: 150px;
+
   width: 170px;
 
   z-index:+1;
 
   z-index:+1;
 
}
 
}
Line 252: Line 246:
 
   background-color: #FF8800;
 
   background-color: #FF8800;
 
   height: 2px;
 
   height: 2px;
 +
}
 +
.list li {
 +
  list-style:none;
 +
  background-image:url(https://static.igem.org/mediawiki/2016/b/ba/CGU_Taiwan--point.jpg);
 +
  background-repeat:no-repeat;
 +
  background-position:-10 5px;
 +
  padding-left:3%;
 +
  background-size:2.5%;
 
}
 
}
 
</style>
 
</style>
Line 271: Line 273:
  
 
//USE SCROLL WHEEL FOR THIS FIDDLE DEMO
 
//USE SCROLL WHEEL FOR THIS FIDDLE DEMO
 +
 +
 
</script>
 
</script>
 +
<script>
 +
var slideIndex = 1;
 +
showDivs(slideIndex);
  
 +
function plusDivs(n) {
 +
  showDivs(slideIndex += n);
 +
}
 +
 +
function currentDiv(n) {
 +
  showDivs(slideIndex = n);
 +
}
 +
 +
function showDivs(n) {
 +
  var i;
 +
  var x = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("demo");
 +
  if (n > x.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = x.length}
 +
  for (i = 0; i < x.length; i++) {
 +
    x[i].style.display = "none";
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
    dots[i].className = dots[i].className.replace(" w3-border-red", "");
 +
  }
 +
  x[slideIndex-1].style.display = "block";
 +
  dots[slideIndex-1].className += " w3-border-red";
 +
}
 +
</script>
  
 
<body>
 
<body>
 
<div class="top">
 
<div class="top">
<a name='anchor0'></a>
+
<img style="margin-top:-2%;width:100%;height:140%;position:absolute;" src="https://static.igem.org/mediawiki/2016/0/0b/CGU_Taiwan--top.jpg">
<img alt="" style="position:absolute;z-index:++1;float:left;margin-top:20px;width:390px;height:80px;"  src="https://static.igem.org/mediawiki/2016/b/bb/CGU_Taiwan--logo2.jpg">
+
</div>
<img style="position:absolute;left:1170px;top:35px;z-index:+1;width:155px;height:180px;" src="https://static.igem.org/mediawiki/2016/8/8a/CGU_Taiwan--logo9.jpg">
+
<div class="circle"></div>
+
 
</div>
 
</div>
  
 
<header class="top">
 
<header class="top">
<h1 class="headline">Leijuvant</h1>
 
 
<ul class="header-subnav">
 
<ul class="header-subnav">
 
<li><a href="https://2016.igem.org/Team:CGU_Taiwan">HOME</a></li>
 
<li><a href="https://2016.igem.org/Team:CGU_Taiwan">HOME</a></li>
Line 295: Line 323:
 
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
 
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
 
</ul>
 
</ul>
 +
<div class="circle"><img style="position:absolute;z-index:+1;width:90%;height:95%;margin-left:3%;margin-top:2%;" src="https://static.igem.org/mediawiki/2016/8/8a/CGU_Taiwan--logo9.jpg"></div>
 
</header>
 
</header>
  
<div class="left" style="height:800px;">
+
<div class="left" style="height:40%; border-color:#140731; border-radius:8px;border-width:2px;border-style:solid;">
<a href="#anchor0"><section class="left-tab" style="position:fixed;top:185px;left:20px;" id="myP" onmousedown="mouseDown()" onmouseup="mouseUp()">TOP</section>
+
<a href="#anchor0"><section class="left-tab" style="position:fixed;top:240px;left:35px;" id="myP" onmousedown="mouseDown()" onmouseup="mouseUp()">TOP</section>
<hr1 style="width:145px;position:absolute;left:15px;top:43px;"></hr1>
+
<a href="#anchor1"><section class="left-tab" style="position:fixed;top:275px;left:50px;">Overview</section>
 
+
<a href="https://2016.igem.org/Team:CGU_Taiwan/Design"><section class="left-tab" style="position:fixed;top:310px;left:50px;">Design</section>
<a href="#anchor1"><section class="left-tab" style="position:fixed;top:220px;left:10px;"><li>Overview</li></section>
+
<a href="https://2016.igem.org/Team:CGU_Taiwan/Background"><section class="left-tab" style="position:fixed;top:345px;left:50px;">Background</section>
<a href="https://2016.igem.org/Team:CGU_Taiwan/Design"><section class="left-tab" style="position:fixed;top:255px;left:10px;"><li>Design</li></section>
+
<a href="https://2016.igem.org/Team:CGU_Taiwan/Results"><section class="left-tab" style="position:fixed;top:380px;left:50px;">Results</section>
<a href="https://2016.igem.org/Team:CGU_Taiwan/Background"><section class="left-tab" style="position:fixed;top:290px;left:10px;"><li>Background</li></section>
+
<a href="https://2016.igem.org/Team:CGU_Taiwan/Proof"><section class="left-tab" style="position:fixed;top:415px;left:50px;">Proof concept</section>
<a href="https://2016.igem.org/Team:CGU_Taiwan/Results"><section class="left-tab" style="position:fixed;top:325px;left:10px;"><li>Results</li></section>
+
<a href="https://2016.igem.org/Team:CGU_Taiwan/Notebook"><section class="left-tab" style="position:fixed;top:450px;left:50px;">Notebook</section>
<a href="https://2016.igem.org/Team:CGU_Taiwan/Proof"><section class="left-tab" style="position:fixed;top:365px;left:10px;"><li>Proof concept</li></section>
+
<a href="https://2016.igem.org/Team:CGU_Taiwan/Notebook"><section class="left-tab" style="position:fixed;top:400px;left:10px;"><li>Notebook</li></section>
+
 
</div>
 
</div>
  
 
 
<div class="mid" style="top:100px;background-color:white;">
 
 
<br><br><br>
 
<br><br><br>
<h1 style="font-size:30px;color:#140731;text-decoration:none;position:absolute;left:220px;top:50px;margin:20px;">Design</h1>
+
<div class="mid">
 
+
<div style="font-size:60px;color:#FF8800;text-decoration:none;margin-left:18%;margin-top:15%;">
 
+
Design
<a name='anchor1'></a>
+
</div>
<br><br><br>
+
<br><br><br>
<div style="position:absolute;width:100%;height:700px;top:100px;">
+
<b style="color:black;font-size:20px;margin-left:18%;">Project Design</b>
  <h2 style="font-size:23px;color:#FF8800;text-decoration:none;position:absolute;left:250px;top:20px;margin:20px;">Project Design</h2>
+
<div style="color:black;font-size:18px;margin-left:18%;margin-right:5%;text-align:justify;text-decoration:none;">
  <p style="color:black;text-decoration:none;font-size:18px;position:absolute;left:250px;top:70px;margin-right:180px;margin-top:30px;text-align:justify;">
+
Leijuvant is a whole new kind of adjuvant that uses Leishmania as an effective T cell stimulator. Leishmania is a parasite that specifically lives within macrophage, a professional antigen presenting cell (APC). As a potential vaccine adjuvant, Leishmania possess many advantages, including APC recruitment, pattern recognition receptor (PRR) activation, inflammasome activation, activation of MHC-presenting pathway and most important of all, T cell activation. We adapted a combinational approach by loading the Leishmania DT mutants both endogenously and exogenously with different chemicals. After the chemicals are illuminated by specific wavelength of light, double-photo inactivation will kill Leishmania thoroughly. Thus, transgenic mutant of Leishmania that can be inactivated by light exposure acts as a safe carrier to deliver specific antigens to APCs.
 
+
</div>
Leijuvant is a whole new kind of adjuvant that uses Leishmania as an effective T cell stimulator. Leishmania is a parasite that specifically lives within macrophage, a professional antigen presenting cell (APC). As a potential vaccine adjuvant, Leishmania possess many advantages, including APC recruitment, pattern recognition receptor (PRR) activation, inflammasome activation, activation of MHC-presenting pathway and most important of all, T cell activation. We adapted a combinational approach by loading the Leishmania DT mutants both endogenously and exogenously with different chemicals. After the chemicals are illuminated by specific wavelength of light, double-photo inactivation will kill Leishmania thoroughly. Thus, transgenic mutant of Leishmania that can be inactivated by light exposure acts as a safe carrier to deliver specific antigens to APCs.</p>
+
<br><br>
  <img src="https://static.igem.org/mediawiki/2016/2/25/CGU_Taiwan--design1.jpg" style="position:absolute;width:550px;height:350px;left:200px;top:400px;">
+
  <p style="color:black;text-decoration:none;font-size:18px;position:absolute;left:650px;top:320px;margin-right:180px;margin-left:120px;margin-top:30px;text-align:justify;">Photo-inactivated Leishmania has been proven to activate CD8 and CD4 T cells. However, further activation of B cells has not been confirmed. As a vaccine adjuvant, persistent antibody production against specific antigen is an essential parameter in evaluating vaccine efficacy. B cell needs the stimulation from both the intact antigen and antigen-specific CD4 T cell simultaneously in order to differentiate into plasma cell in producing antibodies.Therefore, we hypothesized that genetically engineered Leishmania that express specific antigen can serve as an adjuvant that deliver antigens into APCs. The photo-inactivated Leishmania will be engulfed by APCs and activate T cells via MHC molecules. With the company of intact vaccine antigen, they can stimulate B cell form both ways and induce antibody production.</p>
+
</div>  
+
<a name='anchor2'></a>
+
<div style="position:absolute;width:100%;height:700px;top:1150px;">
+
  <h2 style="font-size:23px;color:#FF8800;text-decoration:none;position:absolute;left:220px;top:20px;margin:20px;">Experimental design</h2>
+
 
+
  <p style="color:black;text-decoration:none;font-size:18px;position:absolute;left:250px;top:80px;margin-right:200px;margin-left:50px;margin-top:30px;text-align:justify;">Our experiments can be divided into four main parts:<br><br><ul style="position:absolute;left:290px;top:150px;font-size:15px;"><li>Ecoli-Leishmania shuttle vector-the Leishmania antigen expression system</li><li>In vivo test for validation of our concept of LEIJUVANT</li><li>In vitro test for proving our software prediction system, McHug, and our concept</li><li>As for the social experiments, we designed questionnaires to study the public's general knowledge level on vaccines</li></ul></p>
+
  <img src="https://static.igem.org/mediawiki/2016/d/d8/CGU_Taiwan--design2.jpg" style="position:absolute;width:580px;height:390px;left:430px;top:300px;">
+
  <p style="color:black;text-decoration:none;font-size:18px;position:absolute;left:250px;top:680px;margin-right:200px;margin-left:50px;margin-top:30px;text-align:justify;">In order to use Leishmania to deliver antigen into APCs to further activate immune response, we designed an E. coli-Leishmania shuttle vector to carry the antigen sequence into Leishmania through electroporation. Successfully tranfected Leishmania was isolated by drug selection and then subjected to double-photo inactivation. After insuring the death of Leishmania, we tested its effects on antibody production and T cell response through in vivo experiments. We co-injected Leijuvant with OVA protein subcutaneously into C57BL/6 mice. We also performed in vitro experiments to identify antigen peptide sequences binding to MHC molecules by mass spectrometry. It will validate the accuracy of our McHug prediction system.</p>
+
  <img src="https://static.igem.org/mediawiki/2016/f/fa/CGU_Taiwan--design3.jpg" style="position:absolute;width:580px;height:380px;left:400px;top:940px;">
+
  <p style="color:black;text-decoration:none;font-size:18px;position:absolute;left:250px;top:1350px;margin-right:200px;margin-left:50px;margin-top:30px;text-align:justify;">To launch a medical product, it must go through multiple processes including R&D, scale-up production, risk-benefit assessment, and public perception survey. Thus, we visited professionals in different divisions of vaccine industries to learn more details about vaccine research and development as well as their opinions on our project. We also carried out a survey to acquire public perception toward our product and their knowledge on vaccines.<br><br><br><br></p>
+
</div>
+
 
</div>
 
</div>
  
 
+
<div class="mid" style="margin-top:40%;">
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2016/2/25/CGU_Taiwan--design1.jpg" style="float:left;width:34%;height:480%;margin-left:18%;margin-right:8%;">
 +
<div style="color:black;font-size:18px;margin-left:18%;margin-right:5%;text-align:justify;text-decoration:none;">
 +
Photo-inactivated Leishmania has been proven to activate CD8 and CD4 T cells. However, further activation of B cells has not been confirmed. As a vaccine adjuvant, persistent antibody production against specific antigen is an essential parameter in evaluating vaccine efficacy. B cell needs the stimulation from both the intact antigen and antigen-specific CD4 T cell simultaneously in order to differentiate into plasma cell in producing antibodies.Therefore, we hypothesized that genetically engineered Leishmania that express specific antigen can serve as an adjuvant that deliver antigens into APCs. The photo-inactivated Leishmania will be engulfed by APCs and activate T cells via MHC molecules. With the company of intact vaccine antigen, they can stimulate B cell form both ways and induce antibody production.
 +
</div>
 +
<br><br>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 02:42, 21 November 2016




Design



Project Design
Leijuvant is a whole new kind of adjuvant that uses Leishmania as an effective T cell stimulator. Leishmania is a parasite that specifically lives within macrophage, a professional antigen presenting cell (APC). As a potential vaccine adjuvant, Leishmania possess many advantages, including APC recruitment, pattern recognition receptor (PRR) activation, inflammasome activation, activation of MHC-presenting pathway and most important of all, T cell activation. We adapted a combinational approach by loading the Leishmania DT mutants both endogenously and exogenously with different chemicals. After the chemicals are illuminated by specific wavelength of light, double-photo inactivation will kill Leishmania thoroughly. Thus, transgenic mutant of Leishmania that can be inactivated by light exposure acts as a safe carrier to deliver specific antigens to APCs.




Photo-inactivated Leishmania has been proven to activate CD8 and CD4 T cells. However, further activation of B cells has not been confirmed. As a vaccine adjuvant, persistent antibody production against specific antigen is an essential parameter in evaluating vaccine efficacy. B cell needs the stimulation from both the intact antigen and antigen-specific CD4 T cell simultaneously in order to differentiate into plasma cell in producing antibodies.Therefore, we hypothesized that genetically engineered Leishmania that express specific antigen can serve as an adjuvant that deliver antigens into APCs. The photo-inactivated Leishmania will be engulfed by APCs and activate T cells via MHC molecules. With the company of intact vaccine antigen, they can stimulate B cell form both ways and induce antibody production.