(9 intermediate revisions by 3 users not shown) | |||
Line 246: | Line 246: | ||
} | } | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 880px) { |
.daohang .caidan { | .daohang .caidan { | ||
Line 316: | Line 316: | ||
.cebian { | .cebian { | ||
− | width: | + | width: 180px; |
/* height: 80vh; */ | /* height: 80vh; */ | ||
float: left; | float: left; | ||
Line 343: | Line 343: | ||
.h1 { | .h1 { | ||
− | line-height: | + | height: 80px; |
+ | line-height: 80px; | ||
font-weight: bold; | font-weight: bold; | ||
− | |||
font-family: 'Product Sans', sans-serif; | font-family: 'Product Sans', sans-serif; | ||
font-size: 40px; | font-size: 40px; | ||
Line 357: | Line 357: | ||
line-height: 40px; | line-height: 40px; | ||
font-weight: bold; | font-weight: bold; | ||
− | |||
/* font-weight: bold; */ | /* font-weight: bold; */ | ||
font-family: 'Product Sans', sans-serif; | font-family: 'Product Sans', sans-serif; | ||
Line 369: | Line 368: | ||
line-height: 30px; | line-height: 30px; | ||
font-weight: bold; | font-weight: bold; | ||
− | |||
/* font-weight: bold; */ | /* font-weight: bold; */ | ||
font-family: 'Product Sans', sans-serif; | font-family: 'Product Sans', sans-serif; | ||
Line 375: | Line 373: | ||
color: #484848; | color: #484848; | ||
/* margin-bottom: 20px; */ | /* margin-bottom: 20px; */ | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 494: | Line 488: | ||
<style> | <style> | ||
#float01 {} | #float01 {} | ||
− | + | ||
− | + | #float02 {} | |
− | + | ||
− | + | div.floatCtro { | |
− | + | width: 100%; | |
− | + | /* height: auto; */ | |
− | + | margin: 0; | |
− | + | position: relative; | |
− | + | background: #fff; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.daohangyi { | .daohangyi { | ||
− | font-size: | + | display: block; |
+ | width: 100%; | ||
+ | /* height: auto; */ | ||
+ | /* text-align: left !important; */ | ||
+ | color: #ffffff !important; | ||
+ | font-size: 16px; | ||
+ | padding:0; | ||
+ | background-color: #323643; | ||
+ | border-bottom: 1px solid black; | ||
+ | padding:0 3%; | ||
+ | text-decoration: none !important; | ||
} | } | ||
− | . | + | |
+ | div.floatCtro .daohanger { | ||
+ | width: 100%; | ||
+ | text-align: left !important; | ||
+ | height: auto; | ||
+ | line-height: 25px; | ||
+ | font-family: Arial; | ||
+ | font-size: 14px !important; | ||
+ | color: #676767; | ||
+ | margin: 0; | ||
+ | padding:10px 8%; | ||
+ | cursor: pointer; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | div.floatCtro a { | ||
+ | display: inline-block; | ||
display: none; | display: none; | ||
− | } | + | width: 100%; |
− | + | height: 40px; | |
− | + | padding:10px 8%; | |
− | + | /* margin: 10px 0 0 0; */ | |
− | + | background: #FFF; | |
+ | color: #000 !important; | ||
+ | vertical-align: middle; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | div.floatCtro a span { | ||
+ | display: block; | ||
+ | height: auto; | ||
+ | text-align: left !important; | ||
+ | line-height: 18px; | ||
+ | font-family: Arial; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | div.floatCtro a:hover { | ||
+ | /* background: #76b39d; */ | ||
+ | color: #EA0D04 !important; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | /* .cebian a:hover { | ||
+ | color: #f6eee0 !important; | ||
+ | } */ | ||
+ | |||
+ | div.floatCtro .daohanger:hover { | ||
+ | /* background: #76b39d; */ | ||
+ | color: #1fa67a; | ||
+ | text-decoration: underline !important; | ||
+ | } | ||
+ | |||
+ | div.floatCtro .daohanger.cur { | ||
+ | /* background: #1fa67a; */ | ||
+ | color: #1fa67a; | ||
+ | } | ||
+ | |||
+ | .biaoti { | ||
+ | display: inline-block; | ||
+ | margin: 8px 0; | ||
+ | /* width: 50%; */ | ||
+ | /* margin-left: 6%; */ | ||
+ | /* text-align: center; */ | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
.daohangyi img { | .daohangyi img { | ||
+ | display: inline-block; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | vertical-align: middle; | ||
+ | background-size: 100% 100%; | ||
+ | |||
+ | } | ||
+ | .cebian div:hover img{ | ||
+ | transform: rotateY(180deg); | ||
+ | -webkit-transform: rotateY(180deg); | ||
+ | -moz-transform: rotateY(180deg); | ||
+ | -o-transform: rotateY(180deg); | ||
+ | -ms-transform: rotateY(180deg); | ||
+ | transition: all 0.5s ease-in-out; | ||
+ | -webkit-transition: all 0.5s ease-in-out; | ||
+ | -moz-transition: all 0.5s ease-in-out; | ||
+ | -o-transition: all 0.5s ease-in-out; | ||
+ | } | ||
+ | .cebian a:hover img{ | ||
+ | transform: rotate(360deg); | ||
+ | -webkit-transform: rotate(360deg); | ||
+ | -moz-transform: rotate(360deg); | ||
+ | -o-transform: rotate(360deg); | ||
+ | -ms-transform: rotate(360deg); | ||
+ | transition: all 0.5s ease-in-out; | ||
+ | -webkit-transition: all 0.5s ease-in-out; | ||
+ | -moz-transition: all 0.5s ease-in-out; | ||
+ | -o-transition: all 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1200px) { | ||
+ | |||
+ | .cebian { | ||
+ | width: 15%; | ||
+ | } | ||
+ | |||
+ | .zhengwen { | ||
+ | margin: 20px 20px 0 0; | ||
+ | |||
+ | .daohangyi { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .daohangyi img { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 900px) { | ||
+ | |||
+ | .daohangyi img { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .laoshi img { | ||
+ | height: 30vh; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <!-- 折叠框CSS --> | ||
+ | <style> | ||
+ | .collapseDiv { | ||
+ | color: #333; | ||
+ | border-radius: 4px; | ||
+ | background-color: #F3F3F3; | ||
+ | border: 1px solid transparent; | ||
+ | border-color: #ddd; | ||
+ | box-shadow: 0 1px 1px #F3F3F3; | ||
+ | margin-top: 5px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .collapseDiv label { | ||
+ | cursor: pointer; | ||
+ | font-size: 24px !important; | ||
+ | /* font-weight: bold; */ | ||
+ | color: green !important; | ||
+ | border-color: #F3F3F3 !important; | ||
+ | padding: 5px 15px 5px 18px !important; | ||
+ | background-color: #f5f5f5 !important; | ||
+ | margin: 0 !important; | ||
+ | border-radius: 5px !important; | ||
+ | } | ||
+ | |||
+ | #zhedie-toggle1, | ||
+ | #zhedie-toggle2, | ||
+ | #zhedie-toggle3, | ||
+ | #zhedie-toggle4 { | ||
display: none; | display: none; | ||
− | } | + | } |
+ | |||
+ | #zhedie1, | ||
+ | #zhedie2, | ||
+ | #zhedie3, | ||
+ | #zhedie4 { | ||
+ | display: none; | ||
+ | font-size: 18px; | ||
+ | padding: 0 50px 0 50px; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #zhedie-toggle1:checked+#zhedie1, | ||
+ | #zhedie-toggle2:checked+#zhedie2, | ||
+ | #zhedie-toggle3:checked+#zhedie3, | ||
+ | #zhedie-toggle4:checked+#zhedie4 { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
− | . | + | |
− | + | ||
+ | .collapse_body { | ||
+ | background-color: #fff; | ||
+ | position: relative; | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | -webkit-transition-timing-function: ease; | ||
+ | -o-transition-timing-function: ease; | ||
+ | transition-timing-function: ease; | ||
+ | -webkit-transition-duration: .35s; | ||
+ | -o-transition-duration: .35s; | ||
+ | transition-duration: .35s; | ||
+ | -webkit-transition-property: height, visibility; | ||
+ | -o-transition-property: height, visibility; | ||
+ | transition-property: height, visibility | ||
+ | } | ||
+ | .collapse_content { | ||
+ | font-size: 20px; | ||
+ | border-top: 1px solid #ddd; | ||
+ | background-color: #fff; | ||
+ | padding: 15px; | ||
} | } | ||
− | |||
</style> | </style> | ||
− | |||
</head> | </head> | ||
Line 716: | Line 784: | ||
<div class="neirong clearfix"> | <div class="neirong clearfix"> | ||
<!-- 正文 --> | <!-- 正文 --> | ||
− | + | <div class="zhengwen"> | |
<div id="float01" class="cur"> | <div id="float01" class="cur"> | ||
− | <div class="h1"> | + | <div class="h1">Processing of experiment results</div> |
− | + | <h2><b>1.</b> Verification of Poisson distribution</h2> | |
− | < | + | <p> |
− | < | + | We infect tumor cells (HeLa GSDMD KO cell line) with <i>Salmonella</i> carrying the GFP gene for a period of time and |
− | + | then count them, and the result is that the distribution of <i>Salmonella</i> in the tumor cells | |
− | + | is consistent with a Poisson distribution. | |
− | + | </p> | |
− | + | <br><br> | |
− | + | <div style="width: 80%; margin: 20px auto"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/8/86/T--HZAU-China--Notebook-fig1.png" width="100%" alt=""> | |
− | + | </div> | |
− | + | <p style="width: 100%; text-align: center !important;"><b>Figure 1.</b> Infection of HeLa GSDMD KO cells by <i>Salmonella</i> and the result of analysis.</p><br> | |
− | + | <p>The amounts of host cells and bacteria were measured in experiments. | |
− | + | </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
</div> | </div> | ||
− | |||
<div id="float02"> | <div id="float02"> | ||
− | + | <p>The concentration of bacteria was calculated according to MOI (multiplicity of infection) and cell density.<br><br> | |
− | + | We adjusted the parameter As to match the curve with the results of the Salmonella infection experiment. When As is | |
− | + | equal to 0.0003, the curve simulated by the mathematical model matches the experimental measurements. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <p> | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
− | + | <div style="width: 80%; margin: 20px auto"> | |
− | <div | + | <img src="https://static.igem.org/mediawiki/2018/8/84/T--HZAU-China--Notebook-fig2.png" width="100%" alt=""> |
+ | </div> | ||
+ | <p style="width: 100%; text-align: center !important;"><b>Figure 2.</b> Parameter fitting of the tumor | ||
+ | cells infection experiments. Red points are experimental results. | ||
+ | </p><br> | ||
<p> | <p> | ||
− | + | The parameters ‘Nsal’ and ‘Tumor’ are already known before the experiment. When the parameter ‘As’ is 0.0003, | |
− | + | the model results best fit the experimental results. </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | <div class=" | + | <!-- 侧边 --> |
− | < | + | <div class="cebian"> |
− | + | <!-- 滚动菜单栏 --> | |
− | + | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Experiments"> | |
− | <span> | + | <span class="biaoti">Experiments</span> |
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
</a> | </a> | ||
+ | <div class="daohangyi"> | ||
+ | <span class="biaoti">Improve</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
+ | </div> | ||
+ | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/InterLab"> | ||
+ | <span class="biaoti">InterLab</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
+ | </a> | ||
+ | <div class="daohangyi" href="#"> | ||
+ | <span class="biaoti">Notebook</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span> | ||
+ | |||
+ | </div> | ||
+ | <div class="floatCtro"> | ||
+ | <!-- <p class="daohanger">Calibration</p> | ||
+ | <p class="daohanger">Cell Measurement</p> | ||
+ | <p class="daohanger">Summary</p> --> | ||
+ | <a> | ||
+ | <span>Back to Top</span> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="daohangyi" style="height:20px"> | ||
+ | </div> | ||
+ | <!-- 滚动菜单栏 --> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 876: | Line 877: | ||
fl = $('#float01').offset().top; | fl = $('#float01').offset().top; | ||
f2 = $('#float02').offset().top; | f2 = $('#float02').offset().top; | ||
+ | |||
if (sTop <= f2 - 100) { | if (sTop <= f2 - 100) { |
Latest revision as of 01:40, 18 October 2018
1. Verification of Poisson distribution
We infect tumor cells (HeLa GSDMD KO cell line) with Salmonella carrying the GFP gene for a period of time and then count them, and the result is that the distribution of Salmonella in the tumor cells is consistent with a Poisson distribution.
Figure 1. Infection of HeLa GSDMD KO cells by Salmonella and the result of analysis.
The amounts of host cells and bacteria were measured in experiments.
The concentration of bacteria was calculated according to MOI (multiplicity of infection) and cell density.
We adjusted the parameter As to match the curve with the results of the Salmonella infection experiment. When As is
equal to 0.0003, the curve simulated by the mathematical model matches the experimental measurements.
Figure 2. Parameter fitting of the tumor cells infection experiments. Red points are experimental results.
The parameters ‘Nsal’ and ‘Tumor’ are already known before the experiment. When the parameter ‘As’ is 0.0003, the model results best fit the experimental results.