Difference between revisions of "Team:CPU CHINA"

 
(165 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{CPU_CHINA}}
+
{{: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: 0; top: 85px; /* 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-top1px 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;
+
colorinherit;
 
}
 
}
#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;
    #demo{            
+
  background: none;
        overflow: visible;
+
  border: 1px solid black;
        width:960px;
+
  margin-top: -4px;
        height:393px;
+
  left: 8px;
        position: relative;
+
}
    }
+
/*图片盒子*/
+
    #demoimg{
+
        width:4000px;
+
        height:393px;
+
        position: relative;
+
    }
+
    #demoimg li{
+
+
        float:left;
+
        list-style: none;
+
        width:1000px;
+
        height:393px;
+
    }
+
/*blue 部分是附加效果,图片下边对应的蓝色小块*/
+
    #blue{
+
        bottom:0;
+
        position: absolute;
+
    }
+
    #blue li{
+
        list-style: none;
+
        width:30px;
+
        height:5px;
+
        background:#ccc;
+
        float:left;
+
        margin: 0 3px;
+
    }
+
</style>
+
  
<script>
+
.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
    var i=0;
+
  overflow: auto;
    function qiehuan(){
+
}
        //获取元素
+
        var demoimg = document.getElementById("demoimg");
+
        var demoli = demoimg.getElementsByTagName("li");
+
        //获取图片盒子距左边的距离给left,图片的宽度给swidth,
+
        //图片盒子中li即图片总数给lis
+
        var left = demoimg.offsetLeft;
+
        var swidth = demoli[0].offsetWidth;
+
        var lis = demoli.length;
+
        //left从0开始逐渐递减,图片盒子向左移动。
+
        //当所有图片都移动到左边之后,left=0,重新开始,形成循环播放。
+
        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;
+
        }
+
  
 +
.disabled-onepage-scroll .onepage-wrapper .section {
 +
  position: relative !important;
 +
  top: auto !important;
 +
  left: auto !important;
 +
}
 +
.disabled-onepage-scroll .onepage-wrapper {
 +
  -webkit-transform: none !important;
 +
  -moz-transform: none !important;
 +
  transform: none !important;
 +
  -ms-transform: none !important;
 +
  min-height: 100%;
 +
}
  
        //附加效果 blue部分 
 
        var dblue = document.getElementById("blue");
 
        //通过参数i设置与图片li对应的blue部分第i个li背景色
 
        dblue.getElementsByTagName("li")[i].style.background = "blue";
 
        var thisi = dblue.getElementsByTagName("li")[i];
 
        var syi = dblue.getElementsByTagName("li");
 
        //遍历blue的所有li元素,设置非当前li的背景色,注意:syi[j]!=thisi
 
        for(j=0;j<lis;j++){
 
            if(syi[j]!=thisi){
 
              syi[j].style.background="#ccc";
 
            }
 
        }
 
    }
 
  
//定时器,每隔2000毫秒执行一次qiehuan()代码,数值越小,幻灯片切换越快
+
.disabled-onepage-scroll .onepage-pagination {
    window.setInterval("qiehuan()",2000);
+
  display: none;
</script>
+
}
 +
 
 +
body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
 +
  position: inherit;
 +
}
 +
</style>
  
  
 
<script type="text/javascript">
 
<script type="text/javascript">
$(window).load(function() {
+
!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)
$('.flexslider').flexslider();
+
});
+
 
</script>
 
</script>
  
 
+
<script>
 
+
$(document).ready(function(){
<title>CPU_CHINA Main Page</title>
+
document.getElementById('dyk').style.position="relative";
</head>
+
});
<body>
+
document.getElementById('dyk').style.position="relative";
<!--HEADER-->
+
</script>
<div id="header" class="clear">
+
  <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>
+
        <li><img src="https://static.igem.org/mediawiki/2017/2/24/T--CPU_CHINA--Homepage.jpg"/></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.