|
|
| Line 1: |
Line 1: |
| − | <p>
| |
| − | <title>JiangNan</title>
| |
| − | <script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
| |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
| |
| − | <script type="text/javascript" src="js/navbar.js"></script>
| |
| − | <script type="text/javascript" src="js/main.js"></script>
| |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
| |
| − | <link rel="stylesheet" type="text/css" href="css/navbar.css">
| |
| − | <link rel="stylesheet" type="text/css" href="css/main.css">
| |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
| |
| − | <style type="text/css">
| |
| − | .swing{
| |
| − | animation-duration: 2s;
| |
| − | }
| |
| − | .bounce{
| |
| − | animation-duration: 2s;
| |
| − | }
| |
| − | .pulse{
| |
| − | animation-duration: 2s;
| |
| − | }
| |
| − | .rubberBand{
| |
| − | animation-duration: 2s;
| |
| − | }
| |
| − | </style>
| |
| − | </p>
| |
| − | <div class="navbar-fixed" style="position: absolute;">
| |
| − | <nav id="mainnav">
| |
| − | <div class="nav-wrapper">
| |
| − | <a href="#" id="0"><img id="0img" src="./normnavbar/logo.png" style="height: 45px;"></a>
| |
| − | <ul id="nav-mobile" class="right hide-on-med-and-down">
| |
| − | <li>
| |
| − | <a id="1" class="dropdown-button" href="" data-activates="projectdropdown">
| |
| − | <img id="1img" src="./normnavbar/project.png">
| |
| − | </a>
| |
| − | <ul id="projectdropdown" class="dropdown-content">
| |
| − | <li><a href="#">Overview</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="#">Description</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="#">achivement</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="#">design</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li >
| |
| − | <a id="2" class="dropdown-button" href="" data-activates="human_practicedropdown">
| |
| − | <img id="2img" src="./normnavbar/human_practice.png">
| |
| − | </a>
| |
| − | <ul id="human_practicedropdown" class="dropdown-content">
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a id="3" class="dropdown-button" href="" data-activates="modelingdropdown">
| |
| − | <img id="3img" src="./normnavbar/modeling.png">
| |
| − | </a>
| |
| − | <ul id="modelingdropdown" class="dropdown-content"></ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a id="4" class="dropdown-button" href="" data-activates="partdropdown">
| |
| − | <img id="4img" src="./normnavbar/part.png">
| |
| − | </a>
| |
| − | <ul id="partdropdown" class="dropdown-content">
| |
| − | <li><a href="#">basic parts</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="#">composite parts</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a id="5" class="dropdown-button" href="" data-activates="notebookdropdown">
| |
| − | <img id="5img" src="./normnavbar/notebook.png">
| |
| − | </a>
| |
| − | <ul id="notebookdropdown" class="dropdown-content">
| |
| − | <li><a href="#">protocols</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="#">interlab</a></li>
| |
| − | <li class="divider"></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="./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="safety.html" data-activates="safetydropdown">
| |
| − | <img id="7img" src="./normnavbar/safety.png">
| |
| − | </a>
| |
| − | <ul id="safetydropdown" class="dropdown-content"></ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </nav>
| |
| − | </div>
| |
| | | | |
| − | <div>
| |
| − | <div id="indexmain">
| |
| − | <img src="mainimages/indexmain.png" width="100%" height="700">
| |
| − | <img src="mainimages/indexforw.png" width="100%" style="position: absolute;top: 585px;">
| |
| − | <div class="center" style="width: 100%;position: absolute;top: 550px;">
| |
| − | <img id="readnext" class="animated infinite bounce" src="mainimages/readnext.png" width="100" height="100" style="">
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="description">
| |
| − | <img src="mainimages/description.png" width="100%" height="700">
| |
| − | <div style="width: 100%;position: absolute; top: 750px;text-align: center;">
| |
| − | <img src="mainimages/logo.png" width="100">
| |
| − | <h5>Project Description</h5>
| |
| − | <br>
| |
| − | <p>The goal of our project is to enable 3 features of our chassis cell, i.e.</p>
| |
| − | <p>high titration, suspension cultivation, and broad spectrum to reduce the production cost and increase the yield of viruses for vaccine production.</p>
| |
| − | <p>The chassis cell we used here is. MDBK cells.</p>
| |
| − | </div>
| |
| − | <div class="row" style="width: 100%; position: absolute; top: 1200px; margin-bottom: 0px;">
| |
| − | <div class="col s4 center" style="display: inline;">
| |
| − | <img id="sus" src="mainimages/sus.png" width="150" style="position: relative;">
| |
| − | <p></p>
| |
| − | <img src="mainimages/sustitle.png" width="150" style="position: relative;bottom: 20px;">
| |
| − | </div>
| |
| − | <div class="col s4 center" style="display: inline;">
| |
| − | <img id="broad" src="mainimages/broad.png" width="150" style="position: relative;">
| |
| − | <p></p>
| |
| − | <img src="mainimages/broadtitle.png" width="150" style="position: relative;bottom: 20px;">
| |
| − | </div>
| |
| − | <div class="col s4 center" style="display: inline;">
| |
| − | <img id="high" src="mainimages/high.png" width="150" style="position: relative;">
| |
| − | <p></p>
| |
| − | <img src="mainimages/hightitle.png" width="150" style="position: relative;bottom: 20px;">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="high_titer" class="scrollspy">
| |
| − | <div style="color:white;width: 100%;height: 700px"></div>
| |
| − | <img src="mainimages/high_titerforw.png" width="100%" height="700" style="position: absolute;top: 1400px;">
| |
| − | <div style="position: absolute;top: 1600px; left: 40px">
| |
| − | <img src="mainimages/hightitle.png" width="300">
| |
| − | <br>
| |
| − | <br>
| |
| − | <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>
| |
| − | </div>
| |
| − | <img id="highmove" src="mainimages/high.png" width="400" height="400" style="position: absolute;top: 1550px;right: 40px;">
| |
| − | </div>
| |
| − | <div id="suspension" class="scrollspy">
| |
| − | <div style="color:white;width: 100%;height: 700px"></div>
| |
| − | <img src="mainimages/suspensionforw.png" width="100%" height="700" style="position: absolute;top: 2100px;">
| |
| − | <div style="position: absolute;top: 2200px; left: 40px">
| |
| − | <img src="mainimages/sustitle.png" width="300">
| |
| − | <br>
| |
| − | <br>
| |
| − | <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>
| |
| − | <img id="susmove" src="mainimages/susmove.png" width="400" style="position: absolute;top: 2200px;right: 40px;">
| |
| − | </div>
| |
| − | <div id="broadspectrum" class="scrollspy">
| |
| − | <div style="color:white;width: 100%;height: 700px"></div>
| |
| − | <img src="mainimages/broad_specmforw.png" width="100%" height="700" style="position: absolute;top: 2800px;">
| |
| − | <div style="position: absolute;top: 3000px;left: 40px">
| |
| − | <img src="mainimages/broadtitle.png" width="300">
| |
| − | <br>
| |
| − | <br>
| |
| − | <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>
| |
| − | <img id="broadmove" src="mainimages/broadmove.png" width="400" style="position: absolute; top: 3000px; right: 40px;">
| |
| − | </div>
| |
| − | <div class="col hide-on-small-only m3 l2" style="position: fixed;right: 30px; top: 200px;">
| |
| − | <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>
| |
