Difference between revisions of "Team:HZAU-China/Demonstrate"

Line 91: Line 91:
 
             z-index: 1;
 
             z-index: 1;
 
             background-color: #EEEEEE;
 
             background-color: #EEEEEE;
−
            opacity: 0.96;
 
−
            filter: alpha(opacity=96);
 
 
             box-shadow: 0 5px 15px #CCCCCC;
 
             box-shadow: 0 5px 15px #CCCCCC;
 
             display: none;
 
             display: none;
Line 154: Line 152:
 
         }
 
         }
  
−
         .daohang a:hover span{
+
         .daohang a:hover span {
−
             transform: rotateY(180deg);          
+
             transform: rotateY(180deg);
−
             -webkit-transform: rotateY(180deg);          
+
             -webkit-transform: rotateY(180deg);
−
             -moz-transform: rotateY(180deg);          
+
             -moz-transform: rotateY(180deg);
−
             -o-transform: rotateY(180deg);          
+
             -o-transform: rotateY(180deg);
 
             -ms-transform: rotateY(180deg);
 
             -ms-transform: rotateY(180deg);
−
             transition: all 0.5s ease-in-out;          
+
             transition: all 0.5s ease-in-out;
−
             -webkit-transition: all 0.5s ease-in-out;          
+
             -webkit-transition: all 0.5s ease-in-out;
−
             -moz-transition: all 0.5s ease-in-out;          
+
             -moz-transition: all 0.5s ease-in-out;
 
             -o-transition: all 0.5s ease-in-out;
 
             -o-transition: all 0.5s ease-in-out;
 
         }
 
         }
Line 244: Line 242:
  
 
             .daohangyi {
 
             .daohangyi {
−
                 font-size: 14px;
+
                 font-size: 12px;
 
             }
 
             }
 
         }
 
         }
Line 269: Line 267:
 
             .daohangyi img {
 
             .daohangyi img {
 
                 display: none;
 
                 display: none;
 +
            }
 +
 +
            .daohang .longName .item:before {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
 +
            .daohang .longName .item:hover:after {
 +
                width: 150px;
 +
                left: 20px;
 
             }
 
             }
 
         }
 
         }
Line 292: Line 300:
 
             width: 80%;
 
             width: 80%;
 
             /* height: auto; */
 
             /* height: auto; */
−
             margin: 20px 20px 0 0;
+
             margin: 20px 40px 0 0;
 
             /* right: 2%; */
 
             /* right: 2%; */
 
             /* top: 90px; */
 
             /* top: 90px; */
Line 308: Line 316:
  
 
         .cebian {
 
         .cebian {
−
             width: 15%;
+
             width: 180px;
 
             /* height: 80vh; */
 
             /* height: 80vh; */
 
             float: left;
 
             float: left;
Line 317: Line 325:
 
             /* border:2px solid black */
 
             /* border:2px solid black */
 
             /* background-color: #323643 */
 
             /* background-color: #323643 */
 +
        }
 +
 +
        .zhengwen p{
 +
            text-align: justify !important;
 +
            font-family:  'Times New Roman',Helvetica,'Open Sans',  Arial, sans-serif !important;
 +
            color: #3B3B3B;
 +
            font-size: 26px !important;
 +
            padding-right: 20px;
 
         }
 
         }
  
Line 327: Line 343:
  
 
         .h1 {
 
         .h1 {
−
             height: 100px;
+
             height: 80px;
−
             line-height: 100px;
+
             line-height: 80px;
 
             font-weight: bold;
 
             font-weight: bold;
 
             font-family: 'Product Sans', sans-serif;
 
             font-family: 'Product Sans', sans-serif;
−
             font-size: 50px;
+
             font-size: 40px;
−
             color: black;
+
             color: #3B3B3B;
−
             border-bottom: 3px solid black;
+
             border-bottom: 2px solid #676767;
−
             /* margin: 0 2.4%; */
+
            margin-bottom: 20px;
 +
        }
 +
 
 +
        .h2 {
 +
            height: 40px;
 +
            line-height: 40px;
 +
            font-weight: bold;
 +
            /* font-weight: bold; */
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 30px;
 +
            color: #484848;
 +
             /* margin-bottom: 20px; */
 +
        }
 +
 
 +
        .h3 {
 +
            height: 30px;
 +
            line-height: 30px;
 +
            font-weight: bold;
 +
            /* font-weight: bold; */
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 24px;
 +
            color: #484848;
 +
            /* margin-bottom: 20px; */
 
         }
 
         }
  
Line 457: Line 495:
 
         div.floatCtro {
 
         div.floatCtro {
 
             width: 100%;
 
             width: 100%;
−
             height: 250px;
+
             height: 60px;
 
             margin: 0;
 
             margin: 0;
 
             position: relative;
 
             position: relative;
Line 589: Line 627:
 
         }
 
         }
 
     </style>
 
     </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;
 +
            }
 +
   
 +
            #zhedie1,
 +
            #zhedie2,
 +
            #zhedie3,
 +
            #zhedie4 {
 +
                display: none;
 +
                font-size: 18px;
 +
                padding: 0 50px 0 50px;
 +
                width: 1000px;
 +
                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>
  
 
</head>
 
</head>
Line 616: Line 728:
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
−
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">Interlab</a>
+
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a>
 +
 
 
             </li>
 
             </li>
 
             <li class="hiLight shortName">
 
             <li class="hiLight shortName">
Line 631: Line 745:
 
                     <span class="xjtPic"></span>
 
                     <span class="xjtPic"></span>
 
                 </a>
 
                 </a>
−
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safty</a>
+
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a>
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
Line 644: Line 758:
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
 
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
 
             </li>
 
             </li>
−
             <li class="shortName">
+
             <li class="hiLight shortName">
−
                 <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China/Parts">
+
                 <a class="nav_head" href="#">
 
                     <span>Parts</span>
 
                     <span>Parts</span>
 +
                    <span class="xjtPic"></span>
 
                 </a>
 
                 </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Basic_Part">Basic</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Composite_Part">Composite</a>
 
             </li>
 
             </li>
 
         </ul>
 
         </ul>
Line 656: Line 773:
 
         <!-- 正文 -->
 
         <!-- 正文 -->
 
         <div class="zhengwen">
 
         <div class="zhengwen">
−
            <img class="daimg" src="https://static.igem.org/mediawiki/2018/7/70/T--HZAU-China--hezhao1.png" alt="">
 
 
             <div id="float01" class="cur">
 
             <div id="float01" class="cur">
−
                 <div class="h1">biaotiyi</div>
+
                 <p style="margin-top:30px">Our project aims to induce pyroptosis to tumor cells through Salmonella
 +
                    translocate a pyroptosis
 +
                    associate protein GSDMD. In fact, pyroptosis also can be trigger by infection of Salmonella, but
 +
                    Hela GSDMD KO cell line undergoing apoptosis after infection. In morphology, apoptosis is
 +
                    characterised by shrinkage of the cell which is different from pyroptosis. In order to demonstrate
 +
                    the generation of pyroptosis is cased by the N-terminal of GSDMD rather than infection of
 +
                    Salmonella, Hela GSDMD KO cell line was used in our experiment. Expression of the N terminal of
 +
                    GSDMD fused with eGFP (eGFP-GSDMD-N275) is under the control of P<sub>tet</sub> in Δ<i>sifA</i>
 +
                    Salmonella. Hela GSDMD KO cell line were infect with Δ<i>sifA</i> Salmonella. Inducer ATc (16
 +
                    μg/mL) were
 +
                    added after 5 h infection. Microscopy shows that eGFP-GSDMD-N275 locate in host cell cytoplasm
 +
                    after 5 min of induction and trigger pyroptosis after 30 min of induction (Figure 1). After 1.5 h
 +
                    of induction, Hela GSDMD KO cells undergo second necrosis cause by bacterial infection without
 +
                    inducer. Morphology of this process is similar to pyroptosis<sup>1</sup>. Thus, these population of
 +
                    ruptured
 +
                    cells were counted. There are 1.96-fold change between control group and induced group (Figure 2).
 +
                    So ruptured cells in induced group were triggered pyroptosis by eGFP-GSDMD-N275 but not by
 +
                    bacterial infection. These results demonstrate that we successfully implement our goal. </p>
  
 
             </div>
 
             </div>
 
             <div id="float02">
 
             <div id="float02">
−
                 <div class="h1">biaotier</div>
+
                <div style="width: 90%; margin: auto">
 +
                    <img src="https://static.igem.org/mediawiki/2018/b/b3/T--HZAU-China--basicPart4.png" width=100% alt="">
 +
                </div>
 +
                <p>Figure 1. Hela GSDMD KO cell line were infected with ΔsifA SL1344 containing high copy number
 +
                    plasmids which express eGFP-GSDMD-N275 under the control of P<sub>tet</sub>. Photos were capture
 +
                    after 5 min, 30 min, 1.5h of induction.</p>
 +
                <div style="width: 40%; margin: 30px auto">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--Demonstrate2.png" width=100% alt="">
 +
                </div>
 +
                <p>Figure 2. Ruptured cells in a field of view were counted (n=8). (Click here to see the method)</p>
 +
                 <div class="collapseDiv">
 +
                    <label for="zhedie-toggle3">Method</label>
 +
                    <input type="checkbox" id="zhedie-toggle3" />
 +
                    <div id="zhedie3" class="text-success text-left">
 +
                        <b>Preparation of Cells for Infection</b><br>
 +
                        1. Grow Hela GSDMD KO cells in a humidified 37 °C, 5% CO2 tissue-culture incubator.<br>
 +
                        2. Count the cells using a hemocytometer. Seed in 24-well (5 × 10^4 per well) and grow
 +
                        overnight.<br>
 +
                        <b>Preparation of Bacteria</b><br>
 +
                        1. Grow bacteria overnight 16 h in 2 mL LB in a 15-mL tube. Incubate at 37 °C in a shaking
 +
                        incubator (200 rpm).<br>
 +
                        2. Subculture bacteria by transferring 300 μL of the overnight culture into 5 mL of LB in a
 +
                        loosely capped 50-mL tube. Incubate at 37 °C in a shaking incubator (200 rpm) to late log
 +
                        phase.<br>
 +
                        3. Pellet 1 mL of the Salmonella subculture by centrifugation at 1000 g in a microfuge for 2
 +
                        min at room temperature.<br>
 +
                        4. Remove 900 μL of supernatant and gently resuspend the pellet in 900 μL PBS.<br>
 +
                        <b>Infection</b><br>
 +
                        1. Aspirate media and rinse the monolayer twice with PBS.<br>
 +
                        2. Inoculate cells with bacteria (MOI = 100) by adding bacteria directly to the cell-culture
 +
                        supernatant.<br>
 +
                        3. Incubate for 2 h at 37 °C in 5% CO2.<br>
 +
                        4. Aspirate media and wash<br>
 +
                        5. Add fresh GM containing 100 μg/mL gentamicin and 16 μg/mL incubate at 37 °C in 5% CO2 for 2
 +
                        h.<br>
 +
                        6. Replace GM with fresh GM containing 20 μg/mL gentamicin for 1 h.<br>
 +
                        7.Add 16 μg/mL ATc for remainder of experiment.<br>
 +
                        Observation is taken after 5 min, 30 min, 1.5 h.<br><br>
  
 +
                    </div>
 +
                </div>>
 
             </div>
 
             </div>
 
             <div id="float03">
 
             <div id="float03">
−
                 <div class="h1">biaotisan</div>
+
                 <div class="h1">Reference</div>
−
                  
+
                 <p>1 He, W. T. et al. Gasdermin D is an executor of pyroptosis and required for interleukin-1beta
 +
                    secretion. Cell research 25, 1285-1298, doi:10.1038/cr.2015.139 (2015).
 +
                </p>
 +
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 686: Line 861:
 
             </a>
 
             </a>
 
             <div class="daohangyi">
 
             <div class="daohangyi">
−
                    <span class="biaoti">Demonstrate</span>
+
                <span class="biaoti">Demonstrate</span>
−
                    <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></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 class="floatCtro">
−
                 <p class="daohanger">neirongyi</p>
+
                 <!-- <p class="daohanger">neirongyi</p>
 
                 <p class="daohanger">neironger</p>
 
                 <p class="daohanger">neironger</p>
−
                 <p class="daohanger">neirongsan</p>
+
                 <p class="daohanger">neirongsan</p> -->
 
                 <a>
 
                 <a>
 
                     <span>Back&nbsp;to&nbsp;Top</span>
 
                     <span>Back&nbsp;to&nbsp;Top</span>
Line 755: Line 930:
  
 
</html>
 
</html>
 +
 +
 +
 +
<!-- {{HZAU-China}}
 +
<html>
 +
 +
 +
 +
<div class="column full_size judges-will-not-evaluate">
 +
<h3>★  ALERT! </h3>
 +
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
 +
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 +
</div>
 +
 +
 +
<div class="clear"></div>
 +
 +
 +
 +
<div class="column full_size">
 +
<h1>Demonstrate</h1>
 +
<h3>Gold Medal Criterion #4</h3>
 +
 +
<p>
 +
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
 +
</p>
 +
 +
<p>
 +
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
 +
</p>
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
</html> -->

Revision as of 07:31, 16 October 2018

Our project aims to induce pyroptosis to tumor cells through Salmonella translocate a pyroptosis associate protein GSDMD. In fact, pyroptosis also can be trigger by infection of Salmonella, but Hela GSDMD KO cell line undergoing apoptosis after infection. In morphology, apoptosis is characterised by shrinkage of the cell which is different from pyroptosis. In order to demonstrate the generation of pyroptosis is cased by the N-terminal of GSDMD rather than infection of Salmonella, Hela GSDMD KO cell line was used in our experiment. Expression of the N terminal of GSDMD fused with eGFP (eGFP-GSDMD-N275) is under the control of Ptet in ΔsifA Salmonella. Hela GSDMD KO cell line were infect with ΔsifA Salmonella. Inducer ATc (16 μg/mL) were added after 5 h infection. Microscopy shows that eGFP-GSDMD-N275 locate in host cell cytoplasm after 5 min of induction and trigger pyroptosis after 30 min of induction (Figure 1). After 1.5 h of induction, Hela GSDMD KO cells undergo second necrosis cause by bacterial infection without inducer. Morphology of this process is similar to pyroptosis1. Thus, these population of ruptured cells were counted. There are 1.96-fold change between control group and induced group (Figure 2). So ruptured cells in induced group were triggered pyroptosis by eGFP-GSDMD-N275 but not by bacterial infection. These results demonstrate that we successfully implement our goal.

Figure 1. Hela GSDMD KO cell line were infected with ΔsifA SL1344 containing high copy number plasmids which express eGFP-GSDMD-N275 under the control of Ptet. Photos were capture after 5 min, 30 min, 1.5h of induction.

Figure 2. Ruptured cells in a field of view were counted (n=8). (Click here to see the method)

Preparation of Cells for Infection
1. Grow Hela GSDMD KO cells in a humidified 37 °C, 5% CO2 tissue-culture incubator.
2. Count the cells using a hemocytometer. Seed in 24-well (5 × 10^4 per well) and grow overnight.
Preparation of Bacteria
1. Grow bacteria overnight 16 h in 2 mL LB in a 15-mL tube. Incubate at 37 °C in a shaking incubator (200 rpm).
2. Subculture bacteria by transferring 300 μL of the overnight culture into 5 mL of LB in a loosely capped 50-mL tube. Incubate at 37 °C in a shaking incubator (200 rpm) to late log phase.
3. Pellet 1 mL of the Salmonella subculture by centrifugation at 1000 g in a microfuge for 2 min at room temperature.
4. Remove 900 μL of supernatant and gently resuspend the pellet in 900 μL PBS.
Infection
1. Aspirate media and rinse the monolayer twice with PBS.
2. Inoculate cells with bacteria (MOI = 100) by adding bacteria directly to the cell-culture supernatant.
3. Incubate for 2 h at 37 °C in 5% CO2.
4. Aspirate media and wash
5. Add fresh GM containing 100 μg/mL gentamicin and 16 μg/mL incubate at 37 °C in 5% CO2 for 2 h.
6. Replace GM with fresh GM containing 20 μg/mL gentamicin for 1 h.
7.Add 16 μg/mL ATc for remainder of experiment.
Observation is taken after 5 min, 30 min, 1.5 h.

>
Reference

1 He, W. T. et al. Gasdermin D is an executor of pyroptosis and required for interleukin-1beta secretion. Cell research 25, 1285-1298, doi:10.1038/cr.2015.139 (2015).

Description Design Results
Demonstrate
Back to Top