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">Processing of experimental results</div>> | |
− | + | <h2><b>1.</b> Verification of Poisson distribution</h2> | |
− | + | <p> | |
− | + | We infect tumor cells with Salmonella carrying the GFP gene for a period of time and then | |
− | + | count, and the result is that the distribution of Salmonella in the tumor cells | |
− | + | is consistent with the Poisson distribution. | |
− | + | </p> | |
− | + | <img src=""> | |
− | + | <p><b>Figure 1.</b> Figure 5: Infection of Salmonella and the result and result of analysis. | |
− | + | The amount of cells and bacteria is obtained through experiments. | |
− | + | </p><br><br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | <p>Cell density is 1*10^5 cm<sup>2</sup>. | |
+ | The concentration of bacteria is converted according to MOI and cell density. | ||
+ | We adjusted As to match the curve to the results of the Salmonella infection experiment. When As is equal to 0.0003, the curve simulated by the mathematical model matches the experimental results. | ||
+ | </p> | ||
+ | <img src=""> | ||
+ | <p><b>Figure 2.</b> </p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | </div> | |
− | + | <!-- 侧边 --> | |
− | + | <div class="cebian"> | |
− | + | <!-- 滚动菜单栏 --> | |
− | + | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Experiments"> | |
− | + | <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> | |
− | + | <div class="daohangyi"> | |
− | + | <span class="biaoti">Improve</span> | |
− | + | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="floatCtro"> | |
− | <div | + | <!-- <p class="daohanger">Calibration</p> |
− | < | + | <p class="daohanger">Cell Measurement</p> |
− | <p> | + | <p class="daohanger">Summary</p> --> |
+ | <a> | ||
+ | <span>Back to Top</span> | ||
+ | </a> | ||
</div> | </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> | </a> | ||
+ | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Notebook"> | ||
+ | <span class="biaoti">Notebook</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
+ | </a> | ||
+ | <!-- 滚动菜单栏 --> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 870: | Line 857: | ||
scrolls() | scrolls() | ||
function scrolls() { | function scrolls() { | ||
− | var f1, f2, bck; | + | var f1, f2, f3, bck; |
var fixRight = $('div.floatCtro p'); | var fixRight = $('div.floatCtro p'); | ||
var blackTop = $('div.floatCtro a') | var blackTop = $('div.floatCtro a') | ||
Line 876: | Line 863: | ||
fl = $('#float01').offset().top; | fl = $('#float01').offset().top; | ||
f2 = $('#float02').offset().top; | f2 = $('#float02').offset().top; | ||
+ | f3 = $('#float03').offset().top; | ||
if (sTop <= f2 - 100) { | if (sTop <= f2 - 100) { | ||
Line 889: | Line 877: | ||
if (sTop >= f2 - 100) { | if (sTop >= f2 - 100) { | ||
fixRight.eq(1).addClass('cur').siblings().removeClass('cur'); | fixRight.eq(1).addClass('cur').siblings().removeClass('cur'); | ||
+ | } | ||
+ | if (sTop >= f3 - 100) { | ||
+ | fixRight.eq(2).addClass('cur').siblings().removeClass('cur'); | ||
} | } | ||
Revision as of 07:43, 17 October 2018
1. Verification of Poisson distribution
We infect tumor cells with Salmonella carrying the GFP gene for a period of time and then count, and the result is that the distribution of Salmonella in the tumor cells is consistent with the Poisson distribution.
Figure 1. Figure 5: Infection of Salmonella and the result and result of analysis. The amount of cells and bacteria is obtained through experiments.
Cell density is 1*10^5 cm2. The concentration of bacteria is converted according to MOI and cell density. We adjusted As to match the curve to the results of the Salmonella infection experiment. When As is equal to 0.0003, the curve simulated by the mathematical model matches the experimental results.
Figure 2.