Difference between revisions of "Team:Jiangnan"

Line 1: Line 1:
  
 
<html>
 
<html>
 
 
 
<script src="https://2018.igem.org/Team:Jiangnan/JSjquery?action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Team:Jiangnan/JSmaterializecss?action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Team:Jiangnan/JSmain?action=raw&ctype=text/javascript"></script>
 
<!--script type="text/javascript" src="js/navbar.js"></script-->
 
<script type="text/javascript" src="https://2018.igem.org/Team:Jiangnan/JSmain?action=raw&ctype=text/javascript"></script>
 
 
<link rel="stylesheet" href="https://2018.igem.org/Team:Jiangnan/CSSmaterializecss?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:Jiangnan/CSSmaterializecss?action=raw&ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Jiangnan/CSSnavbar?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:Jiangnan/CSSanimatecss?action=raw&ctype=text/css">
 
 
<style type="text/css">
 
<style type="text/css">
#home_logo, #sideMenu { display:none; }
+
        #home_logo, #sideMenu { display:none; }
 +
        #HQ_page p{text-align:inherit;font-size:inherit;}
 
html{width:100%;height:100%;background:white; list-style:none;}
 
html{width:100%;height:100%;background:white; list-style:none;}
 +
        #top_menu_under{height:auto;}
 
#globalWrapper,#HQ_page,#bodyContent,#mw-content-text{height:100%;}
 
#globalWrapper,#HQ_page,#bodyContent,#mw-content-text{height:100%;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
#content { margin-left:0px;margin-top:-4px; padding:0px; width:100%;height:100%;}
+
#content { margin-left:0px;margin-top:-5px; padding:0px; width:100%;height:100%;}
 
body {background-color:white;height:100%;}
 
body {background-color:white;height:100%;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }  
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }  
Line 23: Line 15:
 
         #description p{text-align:center;}
 
         #description p{text-align:center;}
 
         .mw-content-ltr ul{margin:0px}
 
         .mw-content-ltr ul{margin:0px}
.swing{
+
h4 {
animation-duration: 2s;
+
font-family: Arial,sans-serif;
}
+
font-weight: 100;
.bounce{
+
text-align: center;
animation-duration: 2s;
+
}
}
+
.pulse{
+
animation-duration: 2s;
+
}
+
.rubberBand{
+
animation-duration: 2s;
+
}
+
p{
+
        font-family: cursive, sans-serif;
+
color:#1b5e20;
+
margin: 2px;
+
}
+
h1{
+
font-family:cursive, sans-serif;
+
}
+
h2{
+
font-family: cursive, sans-serif;
+
}
+
</style>
+
<script>
+
$(document).ready(function(){
+
$(".dropdown-button").dropdown({
+
inDuration:800,
+
outDuration:225,
+
constrainWidth:true,
+
hover:true,
+
gutter:0,
+
belowOrigin:true,
+
aligment:'left',
+
});
+
});
+
</script>
+
  
 +
p{
 +
font-size: 1.2em;
 +
}
  
<div class="navbar-fixed"  style="position: absolute;">
+
.JTrow{
<nav id="mainnav">
+
margin-top: 5%;
<div class="nav-wrapper">
+
margin-bottom:5%;
<a href="#" id="0"><img id="0img" src="https://static.igem.org/mediawiki/2018/2/28/T--Jiangnan--navbar--logo.png" style="position:relative;bottom:10px;height: 45px;"></a>
+
margin-left: 10%;
<ul id="nav-mobile" class="right hide-on-med-and-down">
+
margin-right: 10%;
<li>
+
text-align: center;
<a id="1" class="dropdown-button" href="" data-activates="projectdropdown">
+
}
<img id="1img" src="https://static.igem.org/mediawiki/2018/e/ed/T--Jiangnan--normnavbar--project.png">
+
 
</a>
+
.JTp{
<ul id="projectdropdown" class="dropdown-content">
+
    display: block;
<li><a href="#">Overview</a></li>
+
    margin-block-start: 0.2em;
<li class="divider"></li>
+
    margin-block-end: 0.2em;
<li><a href="#">Description</a></li>
+
    margin-inline-start: 0px;
<li class="divider"></li>
+
    margin-inline-end: 0px;
<li><a href="#">achivement</a></li>
+
}
<li class="divider"></li>
+
</style>
<li><a href="#">design</a></li>
+
        <style type="text/css">
</ul>
+
.Jnav{position: fixed;top: 17px;opacity: 1;background-color: rgba(255, 255, 255, 0.2); width: 100%;z-index:999;}
</li>
+
.Jnav a{text-decoration: none!important;color:#039be5;}
<li >
+
.Jnavtitle{float: right;width: 10%;text-align: center;padding: 1em 0;}
<a id="2" class="dropdown-button" href="" data-activates="human_practicedropdown">
+
.Jnavdrag{position: relative;width: 100%;}
<img id="2img" src="https://static.igem.org/mediawiki/2018/5/58/T--Jiangnan--normnavbar--human_practice.png">
+
.Jnavdrag>ul{position: absolute;top: 0;width: 100%;border-radius: 5px;background-color: white;transition: all .4s ease-in-out;opacity: 0;}
</a>
+
</style>
<ul id="human_practicedropdown" class="dropdown-content">
+
        <script type="text/javascript">
</ul>
+
function Jnavshow(obj){
</li>
+
var ul = obj.getElementsByTagName("ul");
<li>
+
ul = ul[0];
<a id="3" class="dropdown-button" href="" data-activates="modelingdropdown">
+
ul.style["opacity"] = 1;
<img id="3img" src="https://static.igem.org/mediawiki/2018/4/4d/T--Jiangnan--normnavbar--modeling.png">
+
}
</a>
+
function Jnavhide(obj){
<ul id="modelingdropdown" class="dropdown-content"></ul>
+
var ul = obj.getElementsByTagName("ul");
</li>
+
ul = ul[0];
<li>
+
ul.style["opacity"] = 0;
<a id="4" class="dropdown-button" href="" data-activates="partdropdown">
+
}
<img id="4img" src="https://static.igem.org/mediawiki/2018/d/db/T--Jiangnan--normnavbar--part.png">
+
</script>
</a>
+
<div class="Jnav">
<ul id="partdropdown" class="dropdown-content">
+
<div class="Jnavtitle">
<li><a href="#">basic parts</a></li>
+
<a href="https://2018.igem.org/Team:Jiangnan/Safety">Safety</a>
<li class="divider"></li>
+
</div>
<li><a href="#">composite parts</a></li>
+
<div class="Jnavtitle">
</ul>
+
<a href="https://2018.igem.org/Team:Jiangnan/Hardware">Hardware</a>
</li>
+
</div>
<li>
+
<div class="Jnavtitle" onmouseover="Jnavshow(this)" onmouseleave="Jnavhide(this)">
<a id="5" class="dropdown-button" href="" data-activates="notebookdropdown">
+
<a href="https://2018.igem.org/Team:Jiangnan/Team">Team</a>
<img id="5img" src="https://static.igem.org/mediawiki/2018/0/04/T--Jiangnan--normnavbar--notebook.png">
+
<div class="Jnavdrag">
</a>
+
<ul>
<ul id="notebookdropdown" class="dropdown-content">
+
<li><a href="https://2018.igem.org/Team:Jiangnan/Team">Team Members</a></li>
<li><a href="#">protocols</a></li>
+
<li class="divider"></li>
<li class="divider"></li>
+
<li><a href="https://2018.igem.org/Team:Jiangnan/Attributions">Attribution</a></li>
<li><a href="#">interlab</a></li>
+
<li class="divider"></li>
<li class="divider"></li>
+
<li><a href="https://2018.igem.org/Team:Jiangnan/Collaborations">Collaboration</a></li>
<li><a href="#">lab journal</a></li>
+
</ul>
+
</li>
+
<li>
+
<a id="6" class="dropdown-button" href="" data-activates="teamdropdown">
+
<img id="6img" src="https://static.igem.org/mediawiki/2018/e/e4/T--Jiangnan--normnavbar--team.png">
+
</a>
+
<ul id="teamdropdown" class="dropdown-content">
+
<li><a href="#">about us</a></li>
+
<li class="divider"></li>
+
<li><a href="#">attribution</a></li>
+
</ul>
+
</li>
+
<li>
+
<a id="7" class="dropdown-button" href="" data-activates="safetydropdown">
+
<img id="7img" src="https://static.igem.org/mediawiki/2018/3/3d/T--Jiangnan--normnavbar--safety.png">
+
</a>
+
<ul id="safetydropdown" class="dropdown-content"></ul>
+
</li>
+
 
</ul>
 
</ul>
 
</div>
 
</div>
</nav>
+
</div>
 +
<div class="Jnavtitle" onmouseover="Jnavshow(this)" onmouseleave="Jnavhide(this)">
 +
<a href="https://2018.igem.org/Team:Jiangnan/Human_Practices">Human Practice</a>
 +
<div class="Jnavdrag">
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Human_Practices">Overview</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Silver">Silver</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Entrepreneurship">Gold</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Public_Engagement">Pulic Engagement</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Entrepreneurship">Entrepreneurship</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="Jnavtitle">
 +
<a href="https://2018.igem.org/Team:Jiangnan/Model">Model</a>
 +
</div>
 +
<div class="Jnavtitle" onmouseover="Jnavshow(this)" onmouseleave="Jnavhide(this)">
 +
<a href="https://2018.igem.org/Team:Jiangnan/Notebook">Notebook</a>
 +
<div class="Jnavdrag">
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Notebook">Lab Book</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Protocol">Protocol</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="Jnavtitle" onmouseover="Jnavshow(this)" onmouseleave="Jnavhide(this)">
 +
<a href="https://2018.igem.org/Team:Jiangnan">Project</a>
 +
<div class="Jnavdrag">
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Background">Background</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Design">Design</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Demonstrate">Demonstration</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Results">Result</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2018.igem.org/Team:Jiangnan/Parts">Part</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="navlogo" style="float: left;width: 20%;text-align: center;">
 +
<a href="https://2018.igem.org/Team:Jiangnan"><img src="https://static.igem.org/mediawiki/2018/d/d7/T--Jiangnan--igemJN_logo.png" style="width: 3em;"></a>
 +
</div>
 
</div>
 
</div>
  
Line 141: Line 133:
  
  
<div>
+
 
<div id="indexmain">
+
 
<img src="https://static.igem.org/mediawiki/2018/7/75/T--jiangnan--main--indexmain.jpg" width="100%" height="700">
+
 
<!--img src="https://static.igem.org/mediawiki/2018/5/50/T--Jiangnan--main--indexforw.png" width="100%" style="position: absolute;top: 585px;"-->
+
 
<div class="center" style="width: 100%;position: absolute;top: 550px;">
+
<div style="width:100%;background-color: #f0ebea">
<img id="readnext" class="animated infinite bounce" src="https://static.igem.org/mediawiki/2018/9/9b/T--Jiangnan--main--readnext.png" width="100" height="100" style="">
+
<div style="text-align: center;">
</div>
+
<video class="responsive-video" controls>
 +
<source src="https://2018.igem.org/wiki//images/9/95/T--Jiangnan--Video_Trim.mp4" type="video/mp4">
 +
</video>
 
</div>
 
</div>
<div id="description">
+
<div style="position: relative;">
<img src="https://static.igem.org/mediawiki/2018/0/0b/T--Jiangnan--main--description.png" width="100%" height="700">
+
<img src="main/top.png" width="100%">
<div style="width: 100%;position: absolute; top: 750px;text-align: center;">
+
<div style="position: absolute;top: 4em;width: 100%;">
<img src="https://static.igem.org/mediawiki/2018/f/f3/T--Jiangnan--main--logo.png" width="100">
+
<div style="text-align: center;">
<h5>Project Description</h5>
+
<img src="https://static.igem.org/mediawiki/2018/a/a1/T--Jiangnan--main_logo.png" width="10%">
<br>
+
<h4 style="color: white;">Project Description</h4>
<div class="container">
+
<div style="margin-bottom: 0; width: 60%;display: inline;position: relative;">
<p>The limiting factors of most vaccine companies, according to our previous invesigation and survey,are multifaceted costs in actual production process and long product life cycle and other issues due to complex application process of new vaccines(cell line).</p>
+
<p style="text-align: center;color: white">The limitingg factors of most vaccine companies, according to our previous invetigation and survey, are
<p>The goal of our project is to enable 3 features of our chassis cell, i.e.</p>
+
mulitifaceted costs in actual production process and long product lift cycle and other issues due to
<p>high titration, suspension cultivation, and broad spectrum to reduce the production cost and increase the yield of viruses for vaccine production.</p>
+
to complex application process of new vaccines(call line).<br>
<p>The chassis cell we used here is MDBK cells.</p>
+
The goal of our project is to enable three features of our chassis cell, i.e.,high titration, suspension cultivation, and
 +
broad spectrum to reduce the production cost increase the yield of viruses for vaccine production. The chassis cell we used here if.
 +
.MDBK cell.</p>
 
</div>
 
</div>
</div>
+
<div style="width: 33.3%;float: left;">
<div class="row" style="width: 100%; position: absolute; top: 1200px; margin-bottom: 0px;">
+
<a href="#broad"><img class="animated infinite pulse" src="https://static.igem.org/mediawiki/2018/0/06/T--JiangNan--broad.png" width="50%"></a>
<div class="col s4 center" style="display: inline;">
+
<div><h4 style="color: white">Broad spectrum</h4></div>
<img id="sus" src="https://static.igem.org/mediawiki/2018/c/cf/T--Jiangnan--main--sus.png" width="150" style="position: relative;">
+
<p></p>
+
<img src="https://static.igem.org/mediawiki/2018/d/dd/T--Jiangnan--main--sustitle.png" width="150" style="position: relative;bottom: 20px;">
+
 
</div>
 
</div>
<div class="col s4 center" style="display: inline;">
+
<div style="width: 33.3%;float: left;">
<img id="broad" src="https://static.igem.org/mediawiki/2018/b/b1/T--Jiangnan--main--broad.png" width="150" style="position: relative;">
+
<a href="#sus"><img class="animated infinite swing" src="https://static.igem.org/mediawiki/2018/c/cf/T--Jiangnan--main--sus.png" width="50%"></a>
<p></p>
+
<div><h4 style="color: white">Suspension</h4></div>
<img src="https://static.igem.org/mediawiki/2018/a/ab/T--Jiangnan--main--broadtitle.png" width="150" style="position: relative;bottom: 20px;">
+
 
</div>
 
</div>
<div class="col s4 center" style="display: inline;">
+
<div style="width: 33.3%;float: left;">
<img id="high" src="https://static.igem.org/mediawiki/2018/9/96/T--Jiangnan--main--high.png" width="150" style="position: relative;">
+
<a href="#high"><img class="animated infinite rubberBand" src="https://static.igem.org/mediawiki/2018/9/96/T--Jiangnan--main--high.png" width="50%"></a>
<p></p>
+
<div><h4 style="color: white">High titer</h4></div>
<img src="https://static.igem.org/mediawiki/2018/d/d8/T--Jiangnan--main--hightitle.png" width="150" style="position: relative;bottom: 20px;">
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
<div id="high_titer" class="scrollspy">
+
</div>
<div style="color:white;width: 100%;height: 700px"></div>
+
<div id="broad" class="row">
<img src="https://static.igem.org/mediawiki/2018/6/69/T--Jiangnan--main--high_titerforw.png" width="100%" height="700" style="position: absolute;top: 1400px;">
+
<div class="col s7 offset-s1">
<div style="position: absolute;top: 1600px; left: 40px">
+
<h5 style="color: #2e7d32">Broad spectrum</h5>
<img src="https://static.igem.org/mediawiki/2018/d/d8/T--Jiangnan--main--hightitle.png" width="300">
+
<p>Through text mining, we classified cell receptors according to the Baltimore subtyping of viruses and summarized the primary receptors mediating the entry of different types of viruses. After systematic analysis, we aim to express Nectin 4 and Tfr on our chassis cells to make them possible to a broad spectrum of viruses.</p>
<br>
+
</div>
<br>
+
<div class="col s3">
<p style="width: 700px;">Through bioinformatics analysis and mathematical modeling, we constructed the network regulating virus titration of cells. The top gene was selected, functionally validated in vitro and used for genomic modulation in the chassis cells to enable them the feature of increased titration. On the other hand, we manufactured a device to generate cold atmospheric plasma, using which cell titration was further increased in response to plasma irradiation. </p>
+
<img src="https://static.igem.org/mediawiki/2018/4/42/T--Jiangnan--main--broadmove.png" width="100%">
 
</div>
 
</div>
<img id="highmove" src="https://static.igem.org/mediawiki/2018/9/96/T--Jiangnan--main--high.png" width="400" height="400" style="position: absolute;top: 1550px;right: 40px;">
 
 
</div>
 
</div>
<div id="suspension" class="scrollspy">
+
<div id="sus" class="row">
<div style="color:white;width: 100%;height: 700px"></div>
+
<div class="col s3 offset-s1">
<img src="https://static.igem.org/mediawiki/2018/e/e9/T--Jiangnan--main--suspensionforw.png" width="100%" height="700" style="position: absolute;top: 2100px;">
+
<img src="https://static.igem.org/mediawiki/2018/0/00/T--Jiangnan--main--susmove.png" width="100%">
<div style="position: absolute;top: 2200px; left: 40px">
+
</div>
<img src="https://static.igem.org/mediawiki/2018/d/dd/T--Jiangnan--main--sustitle.png" width="300">
+
<div class="col s7">
<br>
+
<h5 style="text-align: right;color: #ff9100">Suspension</h5>
<br>
+
<p>Through high throughput sequencing of two pairs of cells with and without the suspension feature, we found a panel of genes responsible for the suspension feature of cells following network construction using computational approach. The top gene was functionally validated before applied to the chassis cell for genomic modulation.</p>
<p style="width: 700px;">Through high throughput sequencing of two pairs of cells with and without the suspension feature, we found a panel of genes responsible for the suspension feature of cells following network construction using computational approach. The top gene was functionally validated before applied to the chassis cell for genomic modulation. </p>
+
 
</div>
 
</div>
<img id="susmove" src="https://static.igem.org/mediawiki/2018/0/00/T--Jiangnan--main--susmove.png" width="400" style="position: absolute;top: 2200px;right: 40px;">
 
 
</div>
 
</div>
<div id="broadspectrum" class="scrollspy">
+
<div id="high" class="row">
<div style="color:white;width: 100%;height: 700px"></div>
+
<div class="col s7 offset-s1">
<img src="https://static.igem.org/mediawiki/2018/0/0b/T--Jiangnan--main--broad_specmforw.png" width="100%" height="700" style="position: absolute;top: 2800px;">
+
<h5 style="color: #03a9f4">High titer</h5>
<div style="position: absolute;top: 3000px;left: 40px">
+
<p>Through bioinformatics analysis and mathematical modeling, we constructed the network regulating virus titration of cells. The top gene was selected, functionally validated in vitro and used for genomic modulation in the chassis cells to enable them the feature of increased titration. On the other hand, we manufactured a device to generate cold atmospheric plasma, using which cell titration was further increased in response to plasma irradiation.</p>
<img src="https://static.igem.org/mediawiki/2018/a/ab/T--Jiangnan--main--broadtitle.png" width="300">
+
</div>
<br>
+
<div class="col s3">
<br>
+
<img src="https://static.igem.org/mediawiki/2018/1/17/T--Jiangnan--main--highmove.png" width="100%">
<p style="width: 700px;">Through text mining, we classified cell receptors according to the Baltimore subtyping of viruses and summarized the primary receptors mediating the entry of different types of viruses. After systematic analysis, we aim to express Nectin 4 and Tfr on our chassis cells to make them possible to a broad spectrum of viruses.
+
</p>
+
 
</div>
 
</div>
<img id="broadmove" src="https://static.igem.org/mediawiki/2018/4/42/T--Jiangnan--main--broadmove.png" width="400" style="position: absolute; top: 3000px; right: 40px;">
 
 
</div>
 
</div>
    <div id="sideguide" class="col hide-on-small-only m3 l2" style="position: fixed;right: 30px; top: 200px;display: none;">
 
      <ul class="section table-of-contents">
 
        <li><a href="#high_titer">High titration</a></li>
 
        <li><a href="#suspension">Suspension</a></li>
 
        <li><a href="#broadspectrum">Broad spectrum</a></li>
 
      </ul>
 
    </div>
 
 
</div>
 
</div>
 +
<img src="https://static.igem.org/mediawiki/2018/b/b6/T--Jiangnan--thanks.png" width="100%" style="margin-bottom: -1em;">
 +
 +
</div>
 +
 +
 
</html>
 
</html>

Revision as of 14:05, 17 October 2018

Project Description

The limitingg factors of most vaccine companies, according to our previous invetigation and survey, are mulitifaceted costs in actual production process and long product lift cycle and other issues due to to complex application process of new vaccines(call line).
The goal of our project is to enable three features of our chassis cell, i.e.,high titration, suspension cultivation, and broad spectrum to reduce the production cost increase the yield of viruses for vaccine production. The chassis cell we used here if. .MDBK cell.

Broad spectrum

Suspension

High titer

Broad spectrum

Through text mining, we classified cell receptors according to the Baltimore subtyping of viruses and summarized the primary receptors mediating the entry of different types of viruses. After systematic analysis, we aim to express Nectin 4 and Tfr on our chassis cells to make them possible to a broad spectrum of viruses.

Suspension

Through high throughput sequencing of two pairs of cells with and without the suspension feature, we found a panel of genes responsible for the suspension feature of cells following network construction using computational approach. The top gene was functionally validated before applied to the chassis cell for genomic modulation.

High titer

Through bioinformatics analysis and mathematical modeling, we constructed the network regulating virus titration of cells. The top gene was selected, functionally validated in vitro and used for genomic modulation in the chassis cells to enable them the feature of increased titration. On the other hand, we manufactured a device to generate cold atmospheric plasma, using which cell titration was further increased in response to plasma irradiation.