Difference between revisions of "Team:Tongji Shanghai/Description"

 
(5 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<html lang="en">
 
<html lang="en">
  
<body>
+
<head>
  
   <!-- Container -->
+
   <!-- Basic -->
  <div id="container">
+
  
    <!-- Start Header -->
+
  <!-- Define Charset -->
    <div class="hidden-header"></div>
+
  <meta charset="utf-8">
    <header class="clearfix">
+
  
      <!-- Start Top Bar -->
+
  <!-- Responsive Metatag -->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
      <!-- End Top Bar -->
+
  <!-- Page Description and Author -->
 +
  <meta name="description" content="Margo - Responsive HTML5 Template">
 +
  <meta name="author" content="Margo">
  
      <!-- Start Header ( Logo & Naviagtion ) -->
 
      <div class="navbar navbar-default navbar-top">
 
        <div class="container">
 
          <div class="navbar-header">
 
            <!-- Stat Toggle Nav Link For Mobiles -->
 
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
              <i class="fa fa-bars"></i>
 
            </button>
 
            <!-- End Toggle Nav Link For Mobiles -->
 
            <a class="navbar-brand" href="https://2016.igem.org/Team:Tongji_Shanghai"><img alt="" src="images/margo.png"></a>
 
          </div>
 
          <div class="navbar-collapse collapse">
 
  
            <!-- Start Navigation List -->
+
  <!-- Bootstrap CSS  -->
            <ul class="nav navbar-nav navbar-right">
+
  <link rel="stylesheet" href="asset/css/bootstrap.min.css" type="text/css" media="screen">
               
+
              <li>
+
                <a href="#">Achievement</a>
+
                <ul class="dropdown">
+
                  <li><a href="contact.html">Judging Criteria</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Parts">Parts</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Model">Modeling</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Notebook">Notebook</a></li>
+
                </ul>
+
            </li> 
+
               
+
              <li>
+
                <a href="#">Project</a>
+
                <ul class="dropdown">
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
+
                  <li><a href="#">Topic 1</a></li>
+
                  <li><a href="#">Topic 2</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments">Experiments</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results">Results</a></li>
+
                </ul>
+
              </li>
+
               
+
              <li>
+
                <a href="#">Outreach</a>
+
                <ul class="dropdown">
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collaboration</a></li>
+
                </ul>
+
              </li>               
+
               
+
              <li>
+
                <a href="#">Lab</a>
+
                <ul class="dropdown">
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions">Attribution</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/About">About</a></li>
+
                </ul>
+
              </li> 
+
                               
+
              <li>
+
                <a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Safety</a>
+
                <ul class="dropdown">
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Lab Safety</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Bio Safety</a></li>
+
                </ul>
+
              </li>
+
               
+
  
               
+
  <!-- Font Awesome CSS -->
        </ul>
+
  <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="screen">
            <!-- End Navigation List -->
+
          </div>
+
        </div>
+
  
        <!-- Mobile Menu Start -->
+
  <!-- Slicknav -->
        <ul class="wpb-mobile-menu">
+
  <link rel="stylesheet" type="text/css" href="css/slicknav.css" media="screen">
          <li>
+
                <a href="#">Achievement</a>
+
                <ul class="dropdown">
+
                  <li><a href="contact.html">Judging Criteria</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Parts">Parts</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Model">Modeling</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Notebook">Notebook</a></li>
+
                </ul>
+
          </li>
+
          <li>
+
                <a href="#">Project</a>
+
                <ul class="dropdown">
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
+
                  <li><a href="#">Topic 1</a></li>
+
                  <li><a href="#">Topic 2</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments">Experiments</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results">Results</a></li>
+
                </ul>
+
          </li>
+
          <li>
+
                <a href="#">Outreach</a>
+
                <ul class="dropdown">
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collaboration</a></li>
+
                </ul>
+
          </li>
+
          <li>
+
                <a href="#">Lab</a>
+
                <ul class="dropdown">
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions">Attribution</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/About">About</a></li>
+
                </ul>
+
          </li>
+
          <li>
+
                <a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Safety</a>
+
                <ul class="dropdown">
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Lab Safety</a></li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Bio Safety</a></li>
+
                </ul>           
+
          </li>
+
          <li>
+
            <a href="contact.html">Contact</a>
+
          </li>
+
        </ul>
+
        <!-- Mobile Menu End -->
+
  
      </div>
+
  <!-- Margo CSS Styles  -->
      <!-- End Header ( Logo & Naviagtion ) -->
+
  <link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
  
    </header>
+
  <!-- Responsive CSS Styles  -->
    <!-- End Header -->
+
  <link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen">
  
 +
  <!-- Color CSS Styles  -->
 +
  <link rel="stylesheet" type="text/css" href="css/colors/red.css" title="red" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/jade.css" title="jade" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/beige.css" title="beige" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/cyan.css" title="cyan" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/peach.css" title="peach" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/pink.css" title="pink" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css" title="sky-blue" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen" />
  
 +
 +
  <!-- Margo JS  -->
 +
  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
 +
  <script type="text/javascript" src="js/jquery.migrate.js"></script>
 +
  <script type="text/javascript" src="js/modernizrr.js"></script>
 +
  <script type="text/javascript" src="asset/js/bootstrap.min.js"></script>
 +
  <script type="text/javascript" src="js/jquery.fitvids.js"></script>
 +
  <script type="text/javascript" src="js/owl.carousel.min.js"></script>
 +
  <script type="text/javascript" src="js/nivo-lightbox.min.js"></script>
 +
  <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
 +
  <script type="text/javascript" src="js/jquery.appear.js"></script>
 +
  <script type="text/javascript" src="js/count-to.js"></script>
 +
  <script type="text/javascript" src="js/jquery.textillate.js"></script>
 +
  <script type="text/javascript" src="js/jquery.lettering.js"></script>
 +
  <script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
 +
  <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
 +
  <script type="text/javascript" src="js/jquery.parallax.js"></script>
 +
  <script type="text/javascript" src="js/jquery.slicknav.js"></script>
 +
 +
  <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 +
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 +
 +
</head>
 +
 +
 +
<body>
 +
 +
  <!-- Container -->
 +
  <div id="container">
 
     <!-- Start Page Banner -->
 
     <!-- Start Page Banner -->
 
     <div class="page-banner">
 
     <div class="page-banner">
Line 171: Line 107:
  
 
             <!-- Categories Widget -->
 
             <!-- Categories Widget -->
             <div class="widget widget-categories" style="display: block;position: fixed;">
+
             <div class="widget widget-categories" style="display: block;position: fixed;" id="sidebar1">
 
               <h4>Description <span class="head-line"></span></h4>
 
               <h4>Description <span class="head-line"></span></h4>
 
               <ul>
 
               <ul>
Line 215: Line 151:
 
         <div class="row">     
 
         <div class="row">     
 
         <div class="col-md-12" style="margin:0px; padding:0">
 
         <div class="col-md-12" style="margin:0px; padding:0">
             <h3 class="classic-title" style="margin-top:20px"><span>Cell Experiments</span></h3>   
+
             <h3 class="classic-title" style="margin-top:20px"><span>Plasmid Construction</span></h3>   
 
           <!-- Some Text -->
 
           <!-- Some Text -->
             <ul style="margin-left:0px; font-size:16px">In order to test the toxicity and killing efficiency of our system, we have designed in vitro cytotoxicity test and in vitro photo thermal effect test. Cell viability is tested with “cell Titer-Glo luminescent cell viability assay”, which reflects the ATP concentration of cells, and also “cell apoptosis kit”, which reflects percentage of living cells.
+
             <ul style="margin-left:0px; font-size:16px">Cancer thermotherapy realized by depositing heat into tumor in a minimally invasive way is a promising alternative to the conventional therapies for cancer treatment. It’s a therapeutic tool to eradicate cancer tumor with minimum toxic effects. To make it better, we plan to improve its ability to target to tumor cells and thermosensitivity of tumor cells. Furthermore, we hope it can reflect the the treatment process. Here, we provide an approach to optimize its tumor targeting and thermosensitivity of tumor cells by hTert promoter and heat shock protein 70(hsp70) prompter and the following tumor suppressor p53. Additionally, the luciferase following p53 makes it a reporter system.
 
           </ul>
 
           </ul>
 
           <br>
 
           <br>
Line 223: Line 159:
 
                      
 
                      
 
            
 
            
            <div class="carousel slide" id="myCarousel" data-ride="carousel">
+
              
                  <!-- Indicators -->
+
                  <ol class="carousel-indicators" style="margin: 0 -30%;">
+
                      <li class="active" data-target="#myCarousel" data-slide-to="0"></li>
+
                      <li data-target="#myCarousel" data-slide-to="1"></li>
+
                                           
+
                  </ol>
+
                  <!-- Wrapper for slides -->
+
                <div class="carousel-inner" role="listbox">
+
                  <div class="item active">
+
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2016/d/d1/T--Tongji_Shanghai--TEAM_GROUP_1.jpg">
+
                  </div>
+
 
+
                  <div class="item">
+
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2016/b/bd/T--Tongji_Shanghai--TEAM_GROUP_3.jpg">
+
                  </div>
+
                </div>
+
             <!-- Left and right controls -->
+
                  <a class="left carousel-control" role="button" href="#myCarousel" data-slide="prev">
+
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png"></span>
+
                    <span class="sr-only">Previous</span>
+
                  </a>
+
                  <a class="right carousel-control" role="button" href="#myCarousel" data-slide="next">
+
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png"></span>
+
                    <span class="sr-only">Next</span>
+
                  </a>
+
            </div>
+
 
            
 
            
 
        
 
        
Line 260: Line 170:
 
     <div class="row">     
 
     <div class="row">     
 
       <div class="col-md-12" style="margin:0px; padding:0">
 
       <div class="col-md-12" style="margin:0px; padding:0">
       <h3 class="classic-title" style="margin-top:20px"><span>Materials Synthesis</span></h3>
+
       <h3 class="classic-title" style="margin-top:20px"><span>Cell Experiments</span></h3>
 
       <!--<h4>Taipei Workshop in NYMU<span class="head-line"></span></h4><br>
 
       <!--<h4>Taipei Workshop in NYMU<span class="head-line"></span></h4><br>
  
 
    
 
    
 
           <!-- Some Text -->
 
           <!-- Some Text -->
             <ul style="margin-left:0px; font-size:16px;">We have synthesized the AuNRs (gold nanorods) and detoxified them for photothermal therapy, also known as optical hyperthermia or photothermal ablation, which is an emerging strategy for treating solid tumors. Gold nanoparticles are capable of confining resonant photons, further inducing coherent surface plasmon oscillation of their conduction band electrons.<br><br>
+
             <ul style="margin-left:0px; font-size:16px;">In order to test the toxicity and killing efficiency of our system, we have designed in vitro cytotoxicity test and in vitro photo thermal effect test. Cell viability is tested with cellTiter-Glo luminescent cell viability assay, which can reflect the ATP concentration of cells.<br><br>
            For non-invasive therapy, near infrared (NIR) radiation is chosen because it penetrates tissue more deeply. And we find that AuNRs with a strong SPR(surface plasmon resonance) in the NIR region can show intense absorption of light in the NIR region, also biocompatibility. Even more, it can accumulate in tumor tissue via passive targeting phenomena. PEG can be used to increase biocompatibility, suppress immunogenic responses and decrease adsorption. </ul>
+
            </ul>
 
           <br>
 
           <br>
 
           <br>
 
           <br>
Line 281: Line 191:
 
    
 
    
 
           <!-- Some Text -->
 
           <!-- Some Text -->
             <ul style="margin-left:0px; font-size:16px;">Previous work has shown that golden nanorods is bio-safe to cells under 100μg/ml, and perform well when exposed to 820nm NIR. In mice experiments, we use lentivirus to transport plasmid into tumor. The feasibility of in vivo near-infrared OPTT is demonstrated after infecting lentivirus in tumor-bearing mice by direct injection. A portable wave diode laser is applied to cooperate with this therapy.</ul>
+
             <ul style="margin-left:0px; font-size:16px;">Previous work has shown that golden nanorods is harmless to cells under 100μg/ml, and perform well when exposed to NIR. The feasibility of in vivo near-infrared OPTT is demonstrated after infected plasmids in tumor-bear mice by direct injection. Near-infrared OPTT was performed extra corporally using a portable wave diode laser.</ul>
 
           <br>
 
           <br>
 
           <br>
 
           <br>
Line 295: Line 205:
 
         </div>
 
         </div>
 
         </div>
 
         </div>
 +
     
 +
     
 +
    <!-- End Content -->
 +
 +
 +
    <!-- Start Footer -->
 +
 +
    <!-- End Footer -->
 +
 +
 +
  <!-- Go To Top Link -->
 +
  <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
 +
 +
 +
 +
  <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/script_js?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
<script type="text/javascript" >       
 +
function menuFixed(id){
 +
var obj = document.getElementById(id);
 +
var _getHeight = obj.offsetTop;
 +
 +
window.onscroll = function(){
 +
changePos(id,_getHeight);
 +
}
 +
}
 +
function changePos(id,height){
 +
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
 +
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var w = window.innerWidth;
 +
if(w>=1024){
 +
  if($(window).scrollTop() + $(window).height() > $(document).height() - 260){
 +
                $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");}
 +
}
 +
if(scrollTop < height){ obj.style.position = 'relative';     
 +
}else{
 +
obj.style.position = 'fixed';
 +
}
 +
}
 +
</script>
 +
 +
<script type="text/javascript">
 +
window.onload = function(){
 +
menuFixed('sidebar1');
 +
}
 +
</script>
  
  

Latest revision as of 19:10, 19 October 2016

Tongji_Shanghai-2016.igem.org Tongji Shanghai

Project

Our project is our story.

Materials Synthesis

    We have synthesized the AuNRs (gold nanorods) and detoxified them for photothermal therapy, also known as optical hyperthermia or photothermal ablation, which is an emerging strategy for treating solid tumors. Gold nanoparticles are capable of confining resonant photons, further inducing coherent surface plasmon oscillation of their conduction band electrons.

    For non-invasive therapy, near infrared (NIR) radiation is chosen because it penetrates tissue more deeply. And we find that AuNRs with a strong SPR(surface plasmon resonance) in the NIR region can show intense absorption of light in the NIR region, also biocompatibility. Even more, it can accumulate in tumor tissue via passive targeting phenomena. PEG can be used to increase biocompatibility, suppress immunogenic responses and decrease adsorption.


Plasmid Construction

    Cancer thermotherapy realized by depositing heat into tumor in a minimally invasive way is a promising alternative to the conventional therapies for cancer treatment. It’s a therapeutic tool to eradicate cancer tumor with minimum toxic effects. To make it better, we plan to improve its ability to target to tumor cells and thermosensitivity of tumor cells. Furthermore, we hope it can reflect the the treatment process. Here, we provide an approach to optimize its tumor targeting and thermosensitivity of tumor cells by hTert promoter and heat shock protein 70(hsp70) prompter and the following tumor suppressor p53. Additionally, the luciferase following p53 makes it a reporter system.


Cell Experiments

    In order to test the toxicity and killing efficiency of our system, we have designed in vitro cytotoxicity test and in vitro photo thermal effect test. Cell viability is tested with cellTiter-Glo luminescent cell viability assay, which can reflect the ATP concentration of cells.



Mice Experiments

    Previous work has shown that golden nanorods is harmless to cells under 100μg/ml, and perform well when exposed to NIR. The feasibility of in vivo near-infrared OPTT is demonstrated after infected plasmids in tumor-bear mice by direct injection. Near-infrared OPTT was performed extra corporally using a portable wave diode laser.