Difference between revisions of "Team:CPU CHINA"

 
(187 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 +
{{:Team:CPU_CHINA/Templates/NavFoot}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
−
<style type="text/css">
+
    <script src="https://cdn.bootcss.com/onepage-scroll/1.3.1/jquery.onepage-scroll.min.js"></script>
−
body { background: url("img/patterns/body-bg.png") repeat scroll 50% 0 #F6F6F6; color: #666; font: 11px/1.8em 'Open Sans', Arial, Tahoma, sans-serif; margin: 0 auto; overflow-x: hidden; }
+
 
−
#header { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #ECECEC; margin-bottom: 40px; }
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:CPU_CHINA/css/home?action=raw&amp;ctype=text/css">
−
.header-wrapper { margin: 0 auto; position: relative; width: 960px; }
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:CPU_CHINA/css/description?action=raw&amp;ctype=text/css">
−
.logo { float: left; height: 46px; padding: 0px; position: relative; top: 0; z-index: 2; }
+
</head>
−
.clear:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
+
 
−
#cap { background: none repeat scroll 0 0 #000000; height: 18px; }
+
 
−
.container-wrap { overflow: hidden; }
+
<body>
−
a:link, a:visited { color: #999999; text-decoration: none; }
+
 
−
a:hover { color: #22AAEE; }
+
<script>
−
</style>
+
$(function(){
−
<style type="text/css">
+
$('.body-container').onepage_scroll({
−
nav { float: right; }
+
sectionContainer: '.pagee',
−
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
+
loop: false,
−
.sf-menu { line-height: 1.0; }
+
pagination: false
−
.sf-menu ul li { width: 100%; }
+
});
−
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
+
});
−
.sf-menu li { float: left; position: relative; }
+
</script>
−
.sf-menu a {
+
 
−
display: block;
+
    <div class="body-container">
−
position: relative;
+
 
−
width: 100;
+
            <center class="pagee pagee0" id="dyk">
 +
            <p><br>&nbsp;<br></p>
 +
            <p><br>&nbsp;<br></p>
 +
            <p><br>&nbsp;<br></p>
 +
         
 +
            <img src="https://static.igem.org/mediawiki/2017/9/97/T--CPU_CHINA--mainpage_new.png" width = "1300">
 +
            </center>
 +
 
 +
            <center class="pagee pagee1">
 +
            <p><br>&nbsp;<br></p>
 +
   
 +
             
 +
            <h5 style="padding: 0px; margin: 5px;">Our HEAD-Treg</h5>
 +
            <video src="https://static.igem.org/mediawiki/2017/5/5a/T--CPU_CHINA--V123.mp4" controls="controls" class="video" width = "55%"></video>
 +
            </center>
 +
 
 +
            <center class="pagee pagee2">
 +
                <p><br>&nbsp;<br></p>
 +
            <p><br>&nbsp;<br></p>
 +
            <h5 style="padding: 0px; margin: 0px;">Description</h5>
 +
            <h4 style="margin: 5px;">Rheumatoid arthritis (RA) is a serious chronic, inflammatory and systemic autoimmune disease.
 +
                <br>It is of great essence to develop a novel cell-targeted therapy for RA
 +
because there is no radical cure
 +
                    for RA for the time being. <br>To solve the problems existing in the current treatment of RA, we design and build a brand new immunotherapy. <br>FOXP3+ regulatory T cells(Tregs), which can suppress and regulate immune reactions, are modified <br> utilizing a lentiviral vector system to express a chimeric antigen receptor(CAR) targeting inflammatory cells associated with RA.
 +
              <br>Meanwhile, we insert the Syn-Notch receptor to activate the functional stability pathway of Tregs in the
 +
                    inflammatory environment, which enables them to play their role of immunosuppression in lesions more
 +
                    efficiently and more stably. <br>These two redirections of the two different but interrelated systems on Tregs ensure this novel therapy a promising anti-RA effect. </h4>
 +
                          <p><br>&nbsp;<br></p>
 +
                       
 +
<center class="footer-left">
 +
  <p class="footer-links" style="text-align:center;">
 +
<a target="_blank" href="https://www.cpu.edu.cn">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/5/52/T--CPU_CHINA--cpu_logo_new_1.png"></a>
 +
<a target="_blank" href="http://www.shsmu.edu.cn/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/e/e9/T--CPU_CHINA--cpu_logoJDYXY_NEW.png"></a>
 +
        <a target="_blank" href="http://www.sibs.cas.cn/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/0/0d/T--CPU_CHINA--cpu_logo_SIBS.png"></a>
 +
        <a target="_blank" href="http://sii.shsmu.edu.cn/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/5/5b/T--CPU_CHINA--cpu_SHMYYJS_NEW.png"></a>
 +
        <a target="_blank" href="http://www.mathwork.com">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2b/T--CPU_CHINA--cpu_logo_mathwork.png"></a>
 +
        <a target="_blank" href="https://www.genscript.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/38/T--CPU_CHINA--cpu_logogenscript.png"></a>
 +
        <a target="_blank" href="javascript:();">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/da/Cyva.jpg"></a>
 +
                                <a target="_blank" href="javascript:();">
 +
                                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/17/T--CPU_CHINA--cpu_sponsors_11_contect_2.png"></a>
 +
  </p>
 +
</center>
 +
            </center>
 +
 
 +
    </div>
 +
 
 +
 
 +
</body>
 +
 
 +
<style>
 +
.footer-distributed{
 +
background-color: #f7f5e6;
 +
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 +
box-sizing: border-box;
 +
width: 100%;
 +
text-align: left;
 +
padding: 45px 50px;
 +
margin-top: 0px;
 
}
 
}
−
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: -5; top: 89px; /* match top ul list item height */ z-index: 99; }
+
 
−
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
+
.footer-distributed .footer-left p{
−
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 159px; /* match ul width */ top: 1px; }
+
        color:  #52658F;
−
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
+
font-size: 14px;
−
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
+
margin: 0;
−
.sf-menu > li { margin-left:1px; }
+
−
.sf-menu > li > a { font: 600 11px/39px 'Open Sans', Arial, Tahoma, sans-serif, Tahoma, sans-serif; height: 62px; margin-top: 27px; padding: 0 23px 0 23px; text-transform: uppercase; }
+
−
.sf-menu > li > a:hover { color: #999; border-bottom: 1px solid #22AAEE; text-shadow: 0 0 0; }
+
−
.sf-menu > li.active > a { border-bottom: 1px solid #22AAEE; color: #22AAEE; text-shadow: 0 0 0; }
+
−
.sf-menu > li.sfHover > a { color: #666; text-shadow: 0 0 0; }
+
−
.sf-menu > li:hover, .sf-menu > li.sfHover { background: none repeat scroll 0 0 #F9F9F9; box-shadow: 0 1px 3px #F6F6F6 inset; -webkit-box-shadow: 0 1px 3px #F6F6F6 inset; -moz-box-shadow: 0 1px 3px #F6F6F6 inset; behavior: url(js/PIE.htc); }
+
−
.sf-menu > li.active { }
+
−
.sf-menu ul { border-top:  1px solid #22AAEE; position: absolute; top: -999em; width: 162px; padding: 0; background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); behavior: url(js/PIE.htc); }
+
−
.sf-menu li li a { font: 11px/40px 'OpenSansSemibold'; color: #999999; text-shadow: none; padding: 0 6px 0 12px; }
+
−
.sf-menu li li { border-bottom: 1px dashed #EEEEEE; }
+
−
.sf-menu li li:first-child { background:none; }
+
−
.sf-menu li li a { margin: 0; }
+
−
.sf-menu li li a:hover, .sf-menu > li li.active a, .sf-menu > li li.sfHover > a { color: #666; }
+
−
.sf-sub-indicator { background: url("img/indicator.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 13px; margin-left: 9px; position: absolute; text-indent: -999em; right: 5px; top: 13px; width: 15px; }
+
−
.sf-menu .sf-sub-indicator { display:none; }
+
−
.sf-menu li li .sf-sub-indicator { display: block; }
+
−
#responsive-main-nav-menu { display: none; }
+
−
@media handheld and (max-width: 480px), screen and (max-device-width: 767px), screen and (max-width: 1024px) {
+
−
nav {
+
−
float: left;
+
 
}
 
}
−
.sf-menu > li {
+
.footer-distributed .footer-right p{
−
  margin-left:0px;
+
        color: #52658F;
 +
font-size: 14px;
 +
margin: 0;
 
}
 
}
 +
 +
/* Footer links */
 +
 +
.footer-distributed p.footer-links{
 +
font-size:18px;
 +
font-weight: bold;
 +
color:  #ffffff;
 +
margin: 0 0 10px;
 +
padding: 0;
 
}
 
}
−
@media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 767px) {
+
 
−
nav {
+
 
−
display: block;
+
.footer-distributed p.footer-links a{
−
float: right;
+
display:inline-block;
−
margin: 24px 0 0;
+
line-height: 1.8;
−
position: relative;
+
text-decoration: none;
−
  width: 250px;
+
color:  inherit;
 
}
 
}
−
#main-nav-menu {
+
 
−
display: none;
+
.footer-distributed .footer-right{
 +
float: right;
 +
margin-top: 6px;
 +
max-width: 400px;
 
}
 
}
−
#responsive-main-nav-menu {
+
 
−
color: #666666;
+
 
−
font: 12px/1em 'Open Sans', Arial, Tahoma, sans-serif;
+
 
−
display: block;
+
.footer-distributed .footer-right a{
−
float: right;
+
display: inline-block;
−
margin: 30px 0;
+
width: 50px;
−
width: 100%;
+
height: 35px;
 +
background-color: #33383b;
 +
border-radius: 2px;
 +
 
 +
font-size: 20px;
 +
color: #52658F;
 +
text-align: center;
 +
line-height: 35px;
 +
 
 +
margin-left: 3px;
 
}
 
}
−
  .sf-menu {
+
 
−
float:none;
+
  .sponsors {
−
margin-bottom:40px;
+
            margin: 2.5px;
 +
            width: 150px;
 +
        }
 +
 
 +
/* If you don't want the footer to be responsive, remove these media queries */
 +
 
 +
@media (max-width: 600px) {
 +
 
 +
.footer-distributed .footer-left,
 +
.footer-distributed .footer-right{
 +
text-align: center;
 +
}
 +
 
 +
.footer-distributed .footer-right{
 +
float: none;
 +
margin: 0 auto 20px;
 +
}
 +
 
 +
.footer-distributed .footer-left p.footer-links{
 +
line-height: 1.8;
 +
}
 
}
 
}
−
.sf-menu ul, .sf-menu ul ul {
+
</style>
−
min-width:100%;
+
 
−
position: relative;
+
 
−
left: 0 !important;
+
<style>
−
top:0px !important;
+
/* 滑动特效模块需要 */
−
padding:0;
+
#content{
 +
    width: 100%;
 
}
 
}
−
.sf-menu li {
+
h4{line-height:40px;
−
float:none;
+
 
 
}
 
}
−
.sf-menu > li:hover, .sf-menu > li.active, .sf-menu > li.sfHover {
+
h1,h2,h4{
−
background: none repeat scroll 0 0 #22AAEE;
+
font-family: "Century Gothic";
−
box-shadow: 0 0 0 #eee;
+
−
-webkit-box-shadow:  0 0 0 #eee;
+
−
-moz-box-shadow:  0 0 0 #eee;
+
−
behavior: url(js/PIE.htc);
+
 
}
 
}
−
.sf-sub-indicator {
+
h3{
−
background: url("img/autoArrows.png") no-repeat scroll 0 0 transparent;
+
font-family: "Times New Roman";
−
display: inline-block;
+
font-size: 40px;
−
float: right;
+
−
height: 3px;
+
−
left: 0;
+
−
position: relative;
+
−
text-indent: -999em;
+
−
top: 13px;
+
−
width: 5px;
+
 
}
 
}
−
.sf-menu > li li > a > .sf-sub-indicator {
+
.body-container h5 {
−
left:0px;
+
font-family: "Comic Sans MS";
−
top:17px;
+
font-size: 60px;
−
display:inline-block;
+
text-align: center;
−
background: url('img/autoArrows-2.png') no-repeat;
+
 
}
 
}
−
.sf-menu > li {
+
 
−
margin-bottom: 0;
+
 
−
background: none repeat scroll 0 0 #F7F7F7;
+
body, html {
 +
  margin: 0;
 +
  overflow: hidden;
 +
  -webkit-transition: opacity 400ms;
 +
  -moz-transition: opacity 400ms;
 +
  transition: opacity 400ms;
 
}
 
}
−
.sf-menu > li > a {
+
 
−
border-bottom: 1px solid #EEEEEE;
+
body, .onepage-wrapper, html {
−
color: #999999;
+
  display: block;
−
font: 600 11px/32px 'Open Sans', Arial, Tahoma, sans-serif;
+
  position: static;
−
height: 31px;
+
  padding: 0;
−
margin-top: 0;
+
  width: 100%;
−
padding: 2px 14px 0;
+
  height: 100%;
 
}
 
}
−
.sf-menu > li li > a {
+
 
−
font: 12px/24px 'OpenSansSemibold';
+
.onepage-wrapper {
−
padding-left:20px;
+
  width: 100%;
 +
  height: 100%;
 +
  display: block;
 +
  position: relative;
 +
  padding: 0;
 +
  -webkit-transform-style: preserve-3d;
 
}
 
}
−
.sf-menu > li li li > a {
+
 
−
padding-left:40px;
+
.onepage-wrapper .section {
 +
  width: 100%;
 +
  height: 100%;
 
}
 
}
−
.sf-menu > li.active > a, .sf-menu > li.sfHover > a {
+
 
−
color: #fff;
+
.onepage-pagination {
 +
  position: absolute;
 +
  right: 10px;
 +
  top: 50%;
 +
  z-index: 5;
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
.onepage-pagination li {
 +
  padding: 0;
 +
  text-align: center;
 +
}
 +
.onepage-pagination li a{
 +
  padding: 10px;
 +
  width: 4px;
 +
  height: 4px;
 +
  display: block;
 +
 
 +
}
 +
.onepage-pagination li a:before{
 +
  content: '';
 +
  position: absolute;
 +
  width: 4px;
 +
  height: 4px;
 +
  background: rgba(0,0,0,0.85);
 +
  border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  -moz-border-radius: 10px;
 
}
 
}
−
</style>
 
  
−
<style type="text/css">
+
.onepage-pagination li a.active:before{
−
.s1{overflow:hidden}
+
  width: 10px;
 +
  height: 10px;
 +
  background: none;
 +
  border: 1px solid black;
 +
  margin-top: -4px;
 +
  left: 8px;
 +
}
  
−
    #demo{            
+
.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
−
        overflow: hidden;
+
  overflow: auto;
−
        width:960px;
+
}
−
        height:393px;
+
−
        position: relative;
+
−
    }
+
  
−
    #demoimg{
+
.disabled-onepage-scroll .onepage-wrapper .section {
−
        width:4000px;
+
  position: relative !important;
−
        height:393px;
+
  top: auto !important;
−
        position: relative;
+
  left: auto !important;
−
    }
+
}
−
    #demoimg li{
+
.disabled-onepage-scroll .onepage-wrapper {
−
+
  -webkit-transform: none !important;
−
        float:left;
+
  -moz-transform: none !important;
−
        list-style: none;
+
  transform: none !important;
−
        width:1200px;
+
  -ms-transform: none !important;
−
        height:393px;
+
  min-height: 100%;
−
    }
+
}
  
−
    #blue{
 
−
        bottom:0;
 
−
        position: absolute;
 
−
    }
 
−
    #blue li{
 
−
        list-style: none;
 
−
        width:30px;
 
−
        height:5px;
 
−
        background:#ccc;
 
−
        float:left;
 
−
        margin: 0 3px;
 
−
    }
 
−
</style>
 
  
−
<script type="text/javascript">
+
.disabled-onepage-scroll .onepage-pagination {
−
$(window).load(function() {
+
  display: none;
−
$('.flexslider').flexslider();
+
}
−
});
+
−
</script>
+
  
−
<script>
+
body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
−
    var i=0;
+
  position: inherit;
−
    function qiehuan(){
+
}
−
 
+
</style>
−
        var demoimg = document.getElementById("demoimg");
+
−
        var demoli = demoimg.getElementsByTagName("li");
+
−
        var left = demoimg.offsetLeft;
+
−
        var swidth = demoli[0].offsetWidth;
+
−
        var lis = demoli.length;
+
−
        if(left>-swidth*(lis-1)){
+
−
            left = left - swidth;
+
−
            demoimg.style.left = left+"px";
+
−
            i = i+1;
+
−
        }
+
−
else{
+
−
            left = 0;
+
−
            demoimg.style.left = left+"px";
+
−
            i = 0;
+
−
        }
+
  
  
−
        var dblue = document.getElementById("blue");
+
<script type="text/javascript">
−
        dblue.getElementsByTagName("li")[i].style.background = "blue";
+
!function(e){var t={sectionContainer:"section",easing:"ease",animationTime:1e3,pagination:true,updateURL:false,keyboard:true,beforeMove:null,afterMove:null,loop:true,responsiveFallback:false,direction:"vertical"};e.fn.swipeEvents=function(){return this.each(function(){function i(e){var i=e.originalEvent.touches;if(i&&i.length){t=i[0].pageX;n=i[0].pageY;r.bind("touchmove",s)}}function s(e){var i=e.originalEvent.touches;if(i&&i.length){var o=t-i[0].pageX;var u=n-i[0].pageY;if(o>=50){r.trigger("swipeLeft")}if(o<=-50){r.trigger("swipeRight")}if(u>=50){r.trigger("swipeUp")}if(u<=-50){r.trigger("swipeDown")}if(Math.abs(o)>=50||Math.abs(u)>=50){r.unbind("touchmove",s)}}}var t,n,r=e(this);r.bind("touchstart",i)})};e.fn.onepage_scroll=function(n){function o(){var t=false;var n=typeof r.responsiveFallback;if(n=="number"){t=e(window).width()<r.responsiveFallback}if(n=="boolean"){t=r.responsiveFallback}if(n=="function"){valFunction=r.responsiveFallback();t=valFunction;typeOFv=typeof t;if(typeOFv=="number"){t=e(window).width()<valFunction}}if(t){e("body").addClass("disabled-onepage-scroll");e(document).unbind("mousewheel DOMMouseScroll MozMousePixelScroll");i.swipeEvents().unbind("swipeDown swipeUp")}else{if(e("body").hasClass("disabled-onepage-scroll")){e("body").removeClass("disabled-onepage-scroll");e("html, body, .wrapper").animate({scrollTop:0},"fast")}i.swipeEvents().bind("swipeDown",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveUp()}).bind("swipeUp",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveDown()});e(document).bind("mousewheel DOMMouseScroll MozMousePixelScroll",function(e){e.preventDefault();var t=e.originalEvent.wheelDelta||-e.originalEvent.detail;u(e,t)})}}function u(e,t){deltaOfInterest=t;var n=(new Date).getTime();if(n-lastAnimation<quietPeriod+r.animationTime){e.preventDefault();return}if(deltaOfInterest<0){i.moveDown()}else{i.moveUp()}lastAnimation=n}var r=e.extend({},t,n),i=e(this),s=e(r.sectionContainer);total=s.length,status="off",topPos=0,leftPos=0,lastAnimation=0,quietPeriod=500,paginationList="";e.fn.transformPage=function(t,n,r){if(typeof t.beforeMove=="function")t.beforeMove(r);e(this).css({"-webkit-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-webkit-transition":"all "+t.animationTime+"ms "+t.easing,"-moz-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-moz-transition":"all "+t.animationTime+"ms "+t.easing,"-ms-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-ms-transition":"all "+t.animationTime+"ms "+t.easing,transform:t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)",transition:"all "+t.animationTime+"ms "+t.easing});e(this).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",function(e){if(typeof t.afterMove=="function")t.afterMove(r)})};e.fn.moveDown=function(){var t=e(this);index=e(r.sectionContainer+".active").data("index");current=e(r.sectionContainer+"[data-index='"+index+"']");next=e(r.sectionContainer+"[data-index='"+(index+1)+"']");if(next.length<1){if(r.loop==true){pos=0;next=e(r.sectionContainer+"[data-index='1']")}else{return}}else{pos=index*100*-1}if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");if(r.pagination==true){e(".onepage-pagination li a"+"[data-index='"+index+"']").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+next.data("index")+"']").addClass("active")}e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(index+1);history.pushState({},document.title,n)}t.transformPage(r,pos,next.data("index"))};e.fn.moveUp=function(){var t=e(this);index=e(r.sectionContainer+".active").data("index");current=e(r.sectionContainer+"[data-index='"+index+"']");next=e(r.sectionContainer+"[data-index='"+(index-1)+"']");if(next.length<1){if(r.loop==true){pos=(total-1)*100*-1;next=e(r.sectionContainer+"[data-index='"+total+"']")}else{return}}else{pos=(next.data("index")-1)*100*-1}if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");if(r.pagination==true){e(".onepage-pagination li a"+"[data-index='"+index+"']").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+next.data("index")+"']").addClass("active")}e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(index-1);history.pushState({},document.title,n)}t.transformPage(r,pos,next.data("index"))};e.fn.moveTo=function(t){current=e(r.sectionContainer+".active");next=e(r.sectionContainer+"[data-index='"+t+"']");if(next.length>0){if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");e(".onepage-pagination li a"+".active").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+t+"']").addClass("active");e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));pos=(t-1)*100*-1;if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(t-1);history.pushState({},document.title,n)}i.transformPage(r,pos,t)}};i.addClass("onepage-wrapper").css("position","relative");e.each(s,function(t){e(this).css({position:"absolute",top:topPos+"%"}).addClass("section").attr("data-index",t+1);e(this).css({position:"absolute",left:r.direction=="horizontal"?leftPos+"%":0,top:r.direction=="vertical"||r.direction!="horizontal"?topPos+"%":0});if(r.direction=="horizontal")leftPos=leftPos+100;else topPos=topPos+100;if(r.pagination==true){paginationList+="<li><a data-index='"+(t+1)+"' href='#"+(t+1)+"'></a></li>"}});i.swipeEvents().bind("swipeDown",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveUp()}).bind("swipeUp",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveDown()});if(r.pagination==true){if(e("ul.onepage-pagination").length<1)e("<ul class='onepage-pagination'></ul>").prependTo("body");if(r.direction=="horizontal"){posLeft=i.find(".onepage-pagination").width()/2*-1;i.find(".onepage-pagination").css("margin-left",posLeft)}else{posTop=i.find(".onepage-pagination").height()/2*-1;i.find(".onepage-pagination").css("margin-top",posTop)}e("ul.onepage-pagination").html(paginationList)}if(window.location.hash!=""&&window.location.hash!="#1"){init_index=window.location.hash.replace("#","");if(parseInt(init_index)<=total&&parseInt(init_index)>0){e(r.sectionContainer+"[data-index='"+init_index+"']").addClass("active");e("body").addClass("viewing-page-"+init_index);if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='"+init_index+"']").addClass("active");next=e(r.sectionContainer+"[data-index='"+init_index+"']");if(next){next.addClass("active");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='"+init_index+"']").addClass("active");e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var a=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+init_index;history.pushState({},document.title,a)}}pos=(init_index-1)*100*-1;i.transformPage(r,pos,init_index)}else{e(r.sectionContainer+"[data-index='1']").addClass("active");e("body").addClass("viewing-page-1");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='1']").addClass("active")}}else{e(r.sectionContainer+"[data-index='1']").addClass("active");e("body").addClass("viewing-page-1");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='1']").addClass("active")}if(r.pagination==true){e(".onepage-pagination li a").click(function(){var t=e(this).data("index");i.moveTo(t)})}e(document).bind("mousewheel DOMMouseScroll MozMousePixelScroll",function(t){t.preventDefault();var n=t.originalEvent.wheelDelta||-t.originalEvent.detail;if(!e("body").hasClass("disabled-onepage-scroll"))u(t,n)});if(r.responsiveFallback!=false){e(window).resize(function(){o()});o()}if(r.keyboard==true){e(document).keydown(function(t){var n=t.target.tagName.toLowerCase();if(!e("body").hasClass("disabled-onepage-scroll")){switch(t.which){case 38:if(n!="input"&&n!="textarea")i.moveUp();break;case 40:if(n!="input"&&n!="textarea")i.moveDown();break;case 33:if(n!="input"&&n!="textarea")i.moveUp();break;case 34:if(n!="input"&&n!="textarea")i.moveDown();break;case 36:i.moveTo(1);break;case 35:i.moveTo(total);break;default:return}}})}return false}}(window.jQuery)
−
        var thisi = dblue.getElementsByTagName("li")[i];
+
−
        var syi = dblue.getElementsByTagName("li");
+
−
        for(j=0;j<lis;j++){
+
−
            if(syi[j]!=thisi){
+
−
              syi[j].style.background="#ccc";
+
−
            }
+
−
        }
+
−
    }
+
−
 
+
−
    window.setInterval("qiehuan()",2000);
+
 
</script>
 
</script>
  
−
 
+
<script>
−
<title>CPU_CHINA Main Page</title>
+
$(document).ready(function(){
−
</head>
+
document.getElementById('dyk').style.position="relative";
−
<body>
+
});
−
<!--HEADER-->
+
document.getElementById('dyk').style.position="relative";
−
<div id="header" class="clear">
+
</script>
−
  <div class="header-wrapper">
+
−
    <!--LOGO-->
+
−
    <div class="logo">
+
−
    <a href="index.html"><img src="https://static.igem.org/mediawiki/2017/f/fe/T--CPU_CHINA--logo.gif" alt="" title="" /></a>
+
−
    </div>
+
−
    <!--MENU-->
+
−
    <nav id = "main-nav-menu">
+
−
      <ul class="sf-menu">
+
−
        <li><a href="index.html">Project</a>
+
−
          <ul>
+
−
            <li><a href="index.html"></a></li>
+
−
            <li><a href="index-scrolling.html">Description</a></li>
+
−
            <li><a href="index-hosting.html">Design</a></li>
+
−
            <li><a href="index-hosting2.html">Experiment</a></li>
+
−
            <li><a href="index-beauty.html">Results</a></li>
+
−
            <li><a href="index-alternate.html">Demonstrate</a></li>
+
−
          </ul>
+
−
        </li>
+
−
        <li><a href="#">Human Practice</a>
+
−
          <ul>
+
−
            <li><a href="#">Sliver HP</a></li>
+
−
            <li><a href="#">Intergrated and Gold HP</a></li>
+
−
            <li><a href="#">Education and Public Engagement</a></li>
+
−
          </ul>
+
−
        </li>
+
−
        <li> <a href="#">Parts</a>
+
−
          <ul>
+
−
            <li><a href="elements.html">Basic Parts</a></li>
+
−
            <li><a href="#">Composite Parts</a></li>
+
−
<li><a href="#">Contribution</a></li>
+
−
          </ul>
+
−
        </li>
+
−
        <li><a href="#">Notebook</a>
+
−
          <ul>
+
−
            <li><a href="#">Notebook</a></li>
+
−
            <li><a href="#">Safety</a> </li>
+
−
            <li><a href="#">Gallery Filterable</a> </li>
+
−
            <li><a href="gallery-carousel.html">Attribution</a></li>
+
−
          </ul>
+
−
        </li>
+
−
        <li><a href="#">Modeling</a></li>
+
−
<li><a href="#">Team</a>
+
−
          <ul>
+
−
            <li><a href="blog-list.html">Team membranes</a></li>
+
−
            <li><a href="blog-grid.html">Collaborations</a></li>
+
−
          </ul>
+
−
        </li>
+
−
        <li><a href="contact.html">Achievement</a></li>
+
−
      </ul>
+
−
    </nav>
+
−
    <!-- end menu -->
+
−
    <select id = "responsive-main-nav-menu" onchange = "javascript:window.location.replace(this.value);">
+
−
    </select>
+
−
  </div>
+
−
  <div class="clear"></div>
+
−
</div>
+
−
</body>
+
−
 
+
−
<body>
+
−
+
−
<div id="demo">
+
−
    <ul id="demoimg">
+
−
        <li><img src="https://static.igem.org/mediawiki/2017/4/40/T--CPU_CHINA--gallery1.png"/></li>
+
−
        <li><img src="https://static.igem.org/mediawiki/2017/7/70/T--CPU_CHINA--gallery2.png"/></li>
+
−
        <li><img src="https://static.igem.org/mediawiki/2017/1/1c/T--CPU_CHINA--gallery3.png"/></li>
+
−
    </ul>
+
−
    <ul id="blue">
+
−
        <li style="background:blue"></li>
+
−
        <li></li>
+
−
        <li></li>
+
−
    </ul>
+
−
</div>
+
−
</body>
+
  
 
</html>
 
</html>

Latest revision as of 03:20, 2 November 2017


 


 


 


 

Our HEAD-Treg


 


 

Description

Rheumatoid arthritis (RA) is a serious chronic, inflammatory and systemic autoimmune disease.
It is of great essence to develop a novel cell-targeted therapy for RA because there is no radical cure for RA for the time being.
To solve the problems existing in the current treatment of RA, we design and build a brand new immunotherapy.
FOXP3+ regulatory T cells(Tregs), which can suppress and regulate immune reactions, are modified
utilizing a lentiviral vector system to express a chimeric antigen receptor(CAR) targeting inflammatory cells associated with RA.
Meanwhile, we insert the Syn-Notch receptor to activate the functional stability pathway of Tregs in the inflammatory environment, which enables them to play their role of immunosuppression in lesions more efficiently and more stably.
These two redirections of the two different but interrelated systems on Tregs ensure this novel therapy a promising anti-RA effect.