(Prototype team page) |
|||
(8 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | |||
− | |||
− | < | + | <head> |
− | < | + | <meta charset="UTF-8"> |
− | < | + | <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2016/2/2a/T--SYSU-MEDICINE--logo_32%2A32.png" sizes="16x16"> |
− | < | + | <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2016/2/2a/T--SYSU-MEDICINE--logo_32%2A32.png" sizes="32x32"> |
− | < | + | <!-- Latest compiled and minified CSS --> |
− | </ul> | + | <!--<link href='//cdn.webfont.youziku.com/webfonts/nomal/92549/46882/57f3d7e1f629d81a5077d03f.css' rel='stylesheet' type='text/css' />--> |
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
+ | <!--jQuery--> | ||
+ | <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> | ||
+ | <!-- Latest compiled and minified JavaScript --> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
+ | <style> | ||
+ | /*font*/ | ||
+ | /*font*/ | ||
+ | @font-face{font-family:"HelveticaNeueW02-45Ligh";src:url('//www.eyeem.com/css/fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix');src:url('//www.eyeem.com/css/fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix') format("eot"),url('//www.eyeem.com/css/fonts/9a2e4855-380f-477f-950e-d98e8db54eac.woff') format("woff"),url('//www.eyeem.com/css/fonts/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf') format("truetype"),url('//www.eyeem.com/css/fonts/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853') format("svg")} | ||
+ | *{ | ||
+ | font-family:"HelveticaNeueW02-45Ligh","Arial",sans-serif; | ||
+ | letter-spacing: 0.4px; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | #HQ_page h1,#HQ_page h2,#HQ_page h3,#HQ_page h4,#HQ_page h5,#HQ_page p{ | ||
+ | font-family:"HelveticaNeueW02-45Ligh","Arial",sans-serif; | ||
+ | } | ||
+ | #HQ_page p{ | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | #HQ_page td{ | ||
+ | padding:0; | ||
+ | border:0; | ||
+ | } | ||
+ | #HQ_page table { | ||
+ | border:0; | ||
+ | } | ||
+ | /*override wiki*/ | ||
+ | .menu_wrapper, #top_title, #sideMenu{display: none;} | ||
+ | #content { | ||
+ | width:100%; | ||
+ | padding:0; | ||
+ | margin: 16px auto; | ||
+ | } | ||
+ | #top_menu_under { | ||
+ | height: 0; | ||
+ | } | ||
+ | #top_menu_14 { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | font-size: 100%; | ||
+ | padding-bottom: 0; | ||
+ | } | ||
+ | #content { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | /*nav*/ | ||
+ | .navbar { | ||
+ | border-radius: 0; | ||
+ | height: 50px; | ||
+ | margin-bottom:0; | ||
+ | z-index: 25; | ||
+ | } | ||
+ | .navbar-inverse .navbar-brand { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { | ||
+ | background-color: rgba(0,0,0,0); | ||
+ | color: #999; | ||
+ | font-weight:600; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav>li>a { | ||
+ | color: #fff; | ||
+ | font-weight:600; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav>li>a:hover { | ||
+ | color: #999; | ||
+ | font-weight:600; | ||
+ | } | ||
+ | .navbar-nav>li{ | ||
+ | top: -5px; | ||
+ | } | ||
+ | /*.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {*/ | ||
+ | /*margin: 0 0.1;*/ | ||
+ | /*}*/ | ||
+ | .dropdown-menu>li>a { | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | .third-level-list { | ||
+ | top: -10px; | ||
+ | left: 150px; | ||
+ | } | ||
+ | .jumbotron{ | ||
+ | margin-bottom:0; | ||
+ | padding-top:10px; | ||
+ | padding-bottom:20px; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron { | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 30px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container{ | ||
+ | width: 1170px; | ||
+ | margin: 20px auto; | ||
+ | font-size: 18px; | ||
+ | color: #888; | ||
+ | /*font-weight: bold;*/ | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .line{ | ||
+ | height: 2px; | ||
+ | background-color: #bbb; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .contact { | ||
+ | margin-top: 20px; | ||
+ | margin-left: 10px; | ||
+ | height: 140px; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .title{ | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .contact ul{ | ||
+ | list-style: none; | ||
+ | padding-left: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .contact ul.float-contact { | ||
+ | float:left; | ||
+ | width: 400px; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .contact ul li { | ||
+ | margin-top: 5px; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .contact ul li a img{ | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .contact ul li a { | ||
+ | color: #888; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .contact ul li a:hover, #jumbo-footer.jumbotron>.footer-container .contact ul li a:active, #jumbo-footer.jumbotron>.footer-container .contact ul li a:focus { | ||
+ | color: #888; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .contact .float-contact-right { | ||
+ | float:right; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .copyright{ | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .copyright .text { | ||
+ | font-size: 16px; | ||
+ | float: left; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .copyright .icon{ | ||
+ | float: right; | ||
+ | } | ||
+ | #jumbo-footer.jumbotron>.footer-container .copyright .icon img { | ||
+ | width: 25px; | ||
+ | height: 25px; | ||
+ | } | ||
+ | #wechatModal .modal-dialog{ | ||
+ | width: 332px; | ||
+ | margin-top: 100px; | ||
+ | z-index: 2000; | ||
+ | } | ||
+ | /*content*/ | ||
+ | .jumbotron .my-content{ | ||
+ | margin: 0 auto; | ||
+ | width: 960px; | ||
+ | } | ||
+ | .jumbotron .my-content h2 { | ||
+ | text-align: center; | ||
+ | font-weight: bolder; | ||
+ | font-size: 40px; | ||
+ | margin-bottom:30px; | ||
+ | } | ||
+ | .jumbotron .my-content p { | ||
+ | line-height: 1.5em; | ||
+ | font-size: 20px; | ||
+ | color: #333; | ||
+ | } | ||
+ | .jumbotron#content{ | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | .jumbotron#content p a{ | ||
+ | color: #333; | ||
+ | } | ||
+ | .jumbotron#content img{ | ||
+ | width: 90%; | ||
+ | margin: 10px auto; | ||
+ | display: block; | ||
+ | } | ||
+ | .jumbotron#content span.note{ | ||
+ | width: 80%; | ||
+ | font-size: 16px; | ||
+ | color: #999; | ||
+ | margin: 0 auto; | ||
+ | display: block; | ||
+ | } | ||
+ | /*mynav*/ | ||
+ | /*mynav*/ | ||
+ | .mynav{ | ||
+ | position: fixed; | ||
+ | /*width:250px;*/ | ||
+ | left: 10px; | ||
+ | opacity: 0.2; | ||
+ | top: 300px; | ||
+ | background-color: #f2f2f2; | ||
+ | border-radius: 10px; | ||
+ | -webkit-transition: opacity 0.2s, width 0.2s; | ||
+ | -moz-transition: opacity 0.2s, width 0.2s; | ||
+ | -ms-transition: opacity 0.2s, width 0.2s; | ||
+ | -o-transition: opacity 0.2s, width 0.2s; | ||
+ | transition: opacity 0.2s, width 0.2s; | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | .mynav:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .mynav ol{ | ||
+ | list-style: none; | ||
+ | padding-left:20px; | ||
+ | margin:0; | ||
+ | |||
+ | } | ||
+ | .mynav ol li ol{ | ||
+ | display:none; | ||
+ | } | ||
+ | .mynav li a{ | ||
+ | color: #333; | ||
+ | font-size: 18px; | ||
+ | width: 300px; | ||
+ | } | ||
+ | .mynav li a:hover, .mynav li a:active,.mynav li a:focus{ | ||
+ | color:#e57d22; | ||
+ | } | ||
+ | .mynav li li a{ | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | .mynav li li li a{ | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | // wechat qr code | ||
+ | var canHide= true; | ||
+ | $('#wechatModal').on('show.bs.modal', function (e) { | ||
+ | // do something... | ||
+ | $("#wechatModal").after('<div class="modal-backdrop fade in"></div>'); | ||
+ | }); | ||
+ | $(".modal").click(function() { | ||
+ | // console.log("click"); | ||
+ | //$(this).remove(); | ||
+ | if (canHide) { | ||
+ | $(".modal-backdrop").remove(); | ||
+ | $('#wechatModal').modal('hide'); | ||
+ | } | ||
+ | }); | ||
+ | $(".modal-dialog").click(function() { | ||
+ | canHide = false; | ||
+ | }); | ||
+ | $(".modal").mousemove(function() { | ||
+ | canHide = true; | ||
+ | }); | ||
+ | $(".third-level-list").css("left", "120px"); | ||
+ | // third level menu on nav | ||
+ | $(".third-level-menu").mouseenter(function() { | ||
+ | console.log("mouse in"); | ||
+ | $(this).addClass("open"); | ||
+ | |||
+ | }); | ||
+ | $(".third-level-menu").mouseleave(function() { | ||
+ | console.log("mouse in"); | ||
+ | $(this).removeClass("open"); | ||
+ | }); | ||
+ | $(".dropdown").mouseenter(function() { | ||
+ | $(this).addClass("open"); | ||
+ | }); | ||
+ | $(".dropdown").mouseleave(function() { | ||
+ | $(this).removeClass("open"); | ||
+ | }); | ||
+ | // mynav | ||
+ | $(".mynav li").mouseenter(function() { | ||
+ | $(this).children('ol').slideDown(); | ||
+ | }); | ||
+ | $(".mynav li").mouseleave(function() { | ||
+ | $(this).children('ol').slideUp(); | ||
+ | }) | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <nav class="navbar navbar-inverse"> | ||
+ | <div class="container-fluid"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="https://2016.igem.org/Team:SYSU-MEDICINE"> | ||
+ | <img style="height: 40px; width: 40px; margin-top: -10px " src="https://2016.igem.org/wiki/skins/Igem/images/IGEM_white_letters.png"> | ||
+ | </a> | ||
+ | <a class="navbar-brand" href="https://2016.igem.org/Team:SYSU-MEDICINE">SYSU-MEDICINE</a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE">HOME</a></li> | ||
+ | <li class="dropdown active"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Description">Description</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Results">Results</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Protocol">Protocol</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Notebook">Notebook</a></li> | ||
+ | <li class="dropdown third-level-menu"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">For Judgement <span class="glyphicon glyphicon-chevron-right"></span></a> | ||
+ | <ul class="third-level-list dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Proof">Proof of Concept</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Demonstrate">Demonstrate</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Our_Story">Our Story</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Interview">Interview</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Ethics">Ethics</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Legislation">Legislation</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Products">Products</a></li> | ||
+ | <li class="dropdown third-level-menu"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">For Judgement <span class="glyphicon glyphicon-chevron-right"></span></a> | ||
+ | <ul class="third-level-list dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/HP/Silver">Silver</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/HP/Gold">Gold</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Integrated_Practices">Integrated Practices</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Engagement">Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Modeling">MODELING</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Team">Team</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Collaborations">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Parts">Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Basic_Part">Basic Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Composite_Part">Composite Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Part_Collection">Part Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Safety">SAFETY</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Judging">JUDGING</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
+ | <!--content--> | ||
+ | <div class="jumbotron"> | ||
+ | <div class="my-content"> | ||
+ | <h1 align="center">Demonstrate</h1> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <div class="jumbotron" id="content"> | ||
+ | <div class="mynav"> | ||
− | < | + | <ol> |
+ | <li><a href="#Demonstrate1">IBD</a> | ||
+ | <ol> | ||
+ | <li><a href="#Demonstrate1.1">Grouping</a></li> | ||
+ | <li><a href="#Demonstrate1.2">Evaluation</a></li> | ||
+ | </ol> | ||
+ | </li> | ||
+ | <li><a href="#Demonstrate2">DTH</a> | ||
+ | <ol> | ||
+ | <li><a href="#Demonstrate2.1">Grouping</a></li> | ||
+ | <li><a href="#Demonstrate2.2">Evaluation</a></li> | ||
+ | </ol> | ||
+ | </li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | <div class="my-content"> | ||
+ | <p> | ||
+ | In iGEM 2016, we, SYSU-MEDICINE, not only confirmed our devices (BBa_K1993005 and BBa_K1993009) at molecular level, but also on animal models (IBD and DTH). We tried our best to improve them to acclimatize real conditions.<br/> | ||
+ | <br/> | ||
+ | </p> | ||
+ | <h2 id="Demonstrate1">IBD</h2> | ||
+ | <p> | ||
+ | Inflammatory bowel diseases (IBD) including Crohn’s disease (CD) and ulcerative colitis (UC), are caused by the multiple factors such as genetic susceptibility, breakdown of mucosal immune tolerance, and self-immune activation to gut microbiota. MSC therapy utilizing immunosuppressive and differentiation properties of MSCs have been tested in clinical trials for both luminal and fistulizing forms of IBD. In our project, MSCs engineered with the gene of CXCR4 and marking proteins were used and evaluated.<br/> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/8b/T--SYSU-MEDICINE--project-4.1.1.png"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.1<br/> | ||
+ | BBa_K1993009 | ||
+ | </span> | ||
+ | <br/> | ||
+ | <b id="Demonstrate1.1"><big>1. Grouping</big></b><br/> | ||
+ | <br/> | ||
+ | IBD models with 42 BALB/c mice were established and divided into 5 groups:<br/> | ||
+ | (1) 10 mice were included in this experiment. After sensitization, 6 mice were injected with MSCs<sup>CXCR4</sup>.<br/> | ||
+ | (2) 10 mice were included in this experiment. After sensitization, 6 mice were injected with MSCs<sup>eGFP</sup>.<br/> | ||
+ | (3) 10 mice were included in this experiment. After sensitization, 6 mice were injected with saline.<br/> | ||
+ | (4) 6 mice were treated with alcohol for the enema as the alcohol control.<br/> | ||
+ | (5) 6 mice without any further treatment were as the normal control group.<br/> | ||
+ | <br/> | ||
+ | <b id="Demonstrate1.2"><big>2. Evaluation</big></b><br/> | ||
+ | <br/> | ||
+ | To evaluate how MSCs contribute to relief of IBD, colon length, DAI score, survival rate, the concentration of the cytokines and HE staining of each group were recorded. All the data we harvested indicated that MSCs group had better performance than control group.<br/> | ||
+ | <br/> | ||
+ | - We established murine 2,4,6-trinitro benzene sulfonic acid (TNBS)-colitis (IBD animal model). After injecting with MSCs<sup>CXCR4</sup>, survival rate, body weight, length of colon and DAI score of IBD mice were improved significantly comparing to TNBS+MSC group and TNBS+saline group.<br/> | ||
+ | <br/> | ||
− | < | + | </p> |
+ | <table> | ||
+ | <tr> | ||
+ | <td style="text-align: center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/bc/T--SYSU-MEDICINE--project-4.1.2.1.png"> | ||
+ | </td> | ||
+ | <td style="text-align: center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/79/T--SYSU-MEDICINE--project-4.1.2.2.png"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align: center"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.2.1 | ||
+ | </span> | ||
+ | </td> | ||
+ | <td style="text-align: center"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.2.2 | ||
+ | </span> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align: center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/6/60/T--SYSU-MEDICINE--project-4.1.2.3.png"> | ||
+ | </td> | ||
+ | <td style="text-align: center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/53/T--SYSU-MEDICINE--project-4.1.2.4.png"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align: center"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.2.3 | ||
+ | </span> | ||
+ | </td> | ||
+ | <td style="text-align: center"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.2.4 | ||
+ | </span> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <p> | ||
+ | - Photographs of hematoxylin/eosin-stained colon cross-sections 2 days after injecting MSCs. MSCs<sup>CXCR4</sup> displayed better treatment efficacy than TNBS+MSC group and TNBS+saline group, characterized by their abilities to decrease leukocyte infiltration.<br/> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/1a/T--SYSU-MEDICINE--project-4.1.3.png"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.3 | ||
+ | </span> | ||
+ | <br/> | ||
+ | - Colon sampling for quantitative PCR analysis. Comparing with TNBS+MSC group, levels of the anti-inflammatory cytokine (IL-10) elevated in TNBS+MSCs<sup>CXCR4</sup> group while pro-inflammatory cytokines (IL-6, IL-1β, TNF-α) levels decreased in TNBS+ MSCs<sup>CXCR4</sup> group.<br/> | ||
+ | <br/> | ||
− | <p> | + | </p> |
+ | <table> | ||
+ | <tr> | ||
+ | <td style="text-align: center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/4/4c/T--SYSU-MEDICINE--project-4.1.4.1.png"> | ||
+ | </td> | ||
+ | <td style="text-align: center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/e6/T--SYSU-MEDICINE--project-4.1.4.2.png"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align: center"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.4.1 | ||
+ | </span> | ||
+ | </td> | ||
+ | <td style="text-align: center"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.4.2 | ||
+ | </span> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align: center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/27/T--SYSU-MEDICINE--project-4.1.4.3.png"> | ||
+ | </td> | ||
+ | <td style="text-align: center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/75/T--SYSU-MEDICINE--project-4.1.4.4.png"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align: center"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.4.3 | ||
+ | </span> | ||
+ | </td> | ||
+ | <td style="text-align: center"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.4.4 | ||
+ | </span> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <p> | ||
+ | <br/> | ||
+ | - Under IVIS Spectrum, MSCs<sup>CXCR4</sup> exhibited enhanced capacities for targeted migration to the bowels in inflammatory condition in vivo.<br/> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/02/T--SYSU-MEDICINE--project-4.1.5.png"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.1.5 | ||
+ | </span> | ||
+ | <br/> | ||
− | < | + | </p> |
− | < | + | <h2 id="Demonstrate2">DTH</h2> |
− | < | + | <p> |
− | </ | + | <br/> |
+ | DTH (delayed type hypersensitivity) is an experimental model for human allergic contact dermatitis (ACD), one of the prevalent skin diseases worldwide. The unique immunomodulatory functions of MSCs on various types of immune cells may render them as a novel approach to desensitize allergic diseases. In our project, MSCs engineered with the gene of CXCR5 and marking proteins were used and evaluated.<br/> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/54/T--SYSU-MEDICINE--project-4.2.1.png"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.2.1<br/> | ||
+ | BBa_K1993005 | ||
+ | </span> | ||
+ | <br/> | ||
+ | <b id="Demonstrate2.1"><big>1. Grouping</big></b><br/> | ||
+ | In our design, DTH model with 28 BALB/c mice were established and divided into 4 groups:<br/> | ||
+ | (1) 8 mice were included in this experiment. After sensitization, 6 mice were injected with MSCs<sup>CXCR5</sup>.<br/> | ||
+ | (2) 8 mice were included in this experiment with treatment of sensitization and injection of MSCs<sup>eGFP</sup> to the caudal veins.<br/> | ||
+ | (3) 6 mice were included in this experiment with treatment of sensitization and injection of PBS to the caudal veins.<br/> | ||
+ | (4) 6 mice containing in this group will receive identical volume of acetone/olive oil solution application to the backs and ears. PBS were injected to the caudal veins.<br/> | ||
+ | <br/> | ||
+ | <b id="Demonstrate2.2"><big>2. Evaluation</big></b><br/> | ||
+ | Ear samples were measured and harvested for qPCR, HE staining or immuno-fluorescence, which showed better curative effect of engineered MSCs.<br/> | ||
+ | <br/> | ||
+ | - MSCs<sup>CXCR5</sup> infusion dramatically ameliorated DTH. MSCs<sup>CXCR5</sup> displayed better treatment efficacy than DTH+MSCs<sup>eGFP</sup> group, characterized by their abilities to decrease ear thickness and leukocyte infiltration. MSCs<sup>CXCR5</sup> significantly attenuated DTH as early as 24 hours post-injection, and had even greater effects at 48 hours post-injection.<br/> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/a/a8/T--SYSU-MEDICINE--project-4.2.2.1.png"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.2.2.1<br/> | ||
+ | </span> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/87/T--SYSU-MEDICINE--project-4.2.2.2.png"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.2.2.2<br/> | ||
+ | </span> | ||
+ | <br/> | ||
+ | - Ear sampling for quantitative PCR analysis. Comparing with DTH+MSCs group, levels of the anti-inflammatory cytokines (IL-10), elevated in DTH+MSCs<sup>CXCR5</sup> group, while levels of pro-inflammatory cytokines (IL-4, TNF-α, IFN-γ, IL-6 and IL-17) decreased in DTH+MSCs<sup>CXCR5</sup> group.<br/> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/d/d6/T--SYSU-MEDICINE--project-4.2.3.png"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.2.3<br/> | ||
+ | </span> | ||
+ | <br/> | ||
+ | - The inflamed ears were collected and subjected to in situ immunofluorescence staining. Our results revealed that MSCs<sup>CXCR5</sup> highly accumulating in inflamed ears displayed better chemotaxis than almost undetectable MSCs<sup>eGFP</sup>.<br/> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/6/60/T--SYSU-MEDICINE--project-4.2.4.png"> | ||
+ | <span class="note" style="text-align: center;"> | ||
+ | Figure 4.2.4<br/> | ||
+ | </span> | ||
+ | <br/> | ||
+ | </p> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <!--footer--> | ||
+ | <div class="jumbotron" id="jumbo-footer"> | ||
+ | <div class="footer-container"> | ||
+ | <div class="title"> | ||
+ | Contact us | ||
+ | </div> | ||
+ | <div class="line"></div> | ||
+ | <div class="contact"> | ||
+ | <ul class="float-contact"> | ||
+ | <li> | ||
+ | <a href="http://weibo.com/u/5999650333"> | ||
+ | <img style="height: 32px; width: 32px" src="https://static.igem.org/mediawiki/2016/0/06/T--SYSU-MEDICINE--weibo.png"> | ||
+ | iGEMxSYSU-MEDICINE | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://www.facebook.com/IGEM-SYSU-Medicine"> | ||
+ | <img style="height: 27px; width: 27px; margin-left: 2px;margin-right:2px;" src="https://static.igem.org/mediawiki/2016/a/a1/T--SYSU-MEDICINE--facebook.png"> | ||
+ | IGEM SYSU-Medicine | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/4/43/T--SYSU-MEDICINE--email.png"> | ||
+ | SYSU_MEDICINE@163.com | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <ul class="float-contact"> | ||
+ | <li> | ||
+ | <a href="#" data-toggle="modal" data-target="#wechatModal"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/6/6e/T--SYSU-MEDICINE--wechat.png"> | ||
+ | SYSU-MEDICINE | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://twitter.com/IgemSysu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/1c/T--SYSU-MEDICINE--twitter.png"> | ||
+ | iGEM SYSU-MEDICINE | ||
+ | </a> | ||
+ | </li> | ||
− | <div class=" | + | </ul> |
− | + | <div class="float-contact-right"> | |
− | + | <img style="width: 140px" src="https://static.igem.org/mediawiki/2016/5/5e/T--SYSU-MEDICINE--Igemlogo_banner.png"> | |
− | + | <img style="height: 100px" src="https://static.igem.org/mediawiki/2016/d/df/T--SYSU-MEDICINE--SYSU-MEDICINE.png"> | |
− | < | + | </div> |
− | + | </div> | |
− | < | + | <div class="line"></div> |
− | < | + | <div class="copyright"> |
− | </ | + | <div class="text"> |
+ | © 2016 SYSU-MEDICINE. All Rights Reserved. | ||
+ | </div> | ||
+ | <div class="icon" > | ||
+ | <img src="https://static.igem.org/mediawiki/2016/f/f5/T--SYSU-MEDICINE--china_2x.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/a/a9/T--SYSU-MEDICINE--SYSU.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <!-- Wechat QRCode Modal --> | ||
+ | <div class="modal fade" id="wechatModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="false"> | ||
+ | <div class="modal-dialog" role="document"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <img style="height: 300px;width: 300px;" src="https://static.igem.org/mediawiki/2016/0/07/T--SYSU-MEDICINE--wechat-qrcode.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 23:06, 19 October 2016
Demonstrate
In iGEM 2016, we, SYSU-MEDICINE, not only confirmed our devices (BBa_K1993005 and BBa_K1993009) at molecular level, but also on animal models (IBD and DTH). We tried our best to improve them to acclimatize real conditions.
IBD
Inflammatory bowel diseases (IBD) including Crohn’s disease (CD) and ulcerative colitis (UC), are caused by the multiple factors such as genetic susceptibility, breakdown of mucosal immune tolerance, and self-immune activation to gut microbiota. MSC therapy utilizing immunosuppressive and differentiation properties of MSCs have been tested in clinical trials for both luminal and fistulizing forms of IBD. In our project, MSCs engineered with the gene of CXCR4 and marking proteins were used and evaluated.
Figure 4.1.1
BBa_K1993009
1. Grouping
IBD models with 42 BALB/c mice were established and divided into 5 groups:
(1) 10 mice were included in this experiment. After sensitization, 6 mice were injected with MSCsCXCR4.
(2) 10 mice were included in this experiment. After sensitization, 6 mice were injected with MSCseGFP.
(3) 10 mice were included in this experiment. After sensitization, 6 mice were injected with saline.
(4) 6 mice were treated with alcohol for the enema as the alcohol control.
(5) 6 mice without any further treatment were as the normal control group.
2. Evaluation
To evaluate how MSCs contribute to relief of IBD, colon length, DAI score, survival rate, the concentration of the cytokines and HE staining of each group were recorded. All the data we harvested indicated that MSCs group had better performance than control group.
- We established murine 2,4,6-trinitro benzene sulfonic acid (TNBS)-colitis (IBD animal model). After injecting with MSCsCXCR4, survival rate, body weight, length of colon and DAI score of IBD mice were improved significantly comparing to TNBS+MSC group and TNBS+saline group.
Figure 4.1.2.1 | Figure 4.1.2.2 |
Figure 4.1.2.3 | Figure 4.1.2.4 |
- Photographs of hematoxylin/eosin-stained colon cross-sections 2 days after injecting MSCs. MSCsCXCR4 displayed better treatment efficacy than TNBS+MSC group and TNBS+saline group, characterized by their abilities to decrease leukocyte infiltration.
Figure 4.1.3
- Colon sampling for quantitative PCR analysis. Comparing with TNBS+MSC group, levels of the anti-inflammatory cytokine (IL-10) elevated in TNBS+MSCsCXCR4 group while pro-inflammatory cytokines (IL-6, IL-1β, TNF-α) levels decreased in TNBS+ MSCsCXCR4 group.
Figure 4.1.4.1 | Figure 4.1.4.2 |
Figure 4.1.4.3 | Figure 4.1.4.4 |
- Under IVIS Spectrum, MSCsCXCR4 exhibited enhanced capacities for targeted migration to the bowels in inflammatory condition in vivo.
Figure 4.1.5
DTH
DTH (delayed type hypersensitivity) is an experimental model for human allergic contact dermatitis (ACD), one of the prevalent skin diseases worldwide. The unique immunomodulatory functions of MSCs on various types of immune cells may render them as a novel approach to desensitize allergic diseases. In our project, MSCs engineered with the gene of CXCR5 and marking proteins were used and evaluated.
Figure 4.2.1
BBa_K1993005
1. Grouping
In our design, DTH model with 28 BALB/c mice were established and divided into 4 groups:
(1) 8 mice were included in this experiment. After sensitization, 6 mice were injected with MSCsCXCR5.
(2) 8 mice were included in this experiment with treatment of sensitization and injection of MSCseGFP to the caudal veins.
(3) 6 mice were included in this experiment with treatment of sensitization and injection of PBS to the caudal veins.
(4) 6 mice containing in this group will receive identical volume of acetone/olive oil solution application to the backs and ears. PBS were injected to the caudal veins.
2. Evaluation
Ear samples were measured and harvested for qPCR, HE staining or immuno-fluorescence, which showed better curative effect of engineered MSCs.
- MSCsCXCR5 infusion dramatically ameliorated DTH. MSCsCXCR5 displayed better treatment efficacy than DTH+MSCseGFP group, characterized by their abilities to decrease ear thickness and leukocyte infiltration. MSCsCXCR5 significantly attenuated DTH as early as 24 hours post-injection, and had even greater effects at 48 hours post-injection.
Figure 4.2.2.1
Figure 4.2.2.2
- Ear sampling for quantitative PCR analysis. Comparing with DTH+MSCs group, levels of the anti-inflammatory cytokines (IL-10), elevated in DTH+MSCsCXCR5 group, while levels of pro-inflammatory cytokines (IL-4, TNF-α, IFN-γ, IL-6 and IL-17) decreased in DTH+MSCsCXCR5 group.
Figure 4.2.3
- The inflamed ears were collected and subjected to in situ immunofluorescence staining. Our results revealed that MSCsCXCR5 highly accumulating in inflamed ears displayed better chemotaxis than almost undetectable MSCseGFP.
Figure 4.2.4