|
|
| Line 17: |
Line 17: |
| | | | |
| | <!-- Sidebar/menu --> | | <!-- Sidebar/menu --> |
| − | <nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br> | + | <nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"> |
| | <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:22px">Close Menu</a> | | <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:22px">Close Menu</a> |
| | <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px"> | | <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px"> |
| Line 24: |
Line 24: |
| | <div class="w3-bar-block" style="padding-top: 15px"> | | <div class="w3-bar-block" style="padding-top: 15px"> |
| | <ul id="normal" class="dropmenu"> | | <ul id="normal" class="dropmenu"> |
| − | <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a> | + | <li style="font-size: 16px; text-indent:3em"> - <a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a> |
| | <ul> | | <ul> |
| − | <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">1</a></li> | + | <li style="font-size: 16px; text-indent:3em"> - <a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">1</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| Line 51: |
Line 51: |
| | <div class="w3-main" style="margin-left:340px;margin-right:40px"> | | <div class="w3-main" style="margin-left:340px;margin-right:40px"> |
| | | | |
| − | <div class="w3-container" id="overview" style="margin-top:20px"> | + | <div class="w3-container" id="contact" style="margin-top:30px"><!-- ページタイトル --> |
| | + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px" align="center">Interlab</h2> |
| | + | </div> |
| | | | |
| − | <h2 id="Introduction" class="smalltitle">1. Introduction</h2> | + | <hr> |
| − | <p class="text">In iGEM 2015, the Interlab Study was held, where we measured the expression level of GFP using three designated devices. It was the first time for our team to join this Interlab Study. In addition to the three designated devices, we also measured the expression level of GFP from a positive control and a negative control using the flow cytometer and the plate reader. Also, for the plate reader, we succeeded in calculating the absolute unit by drawing the calibration curve using sodium fluorescein.</p>
| + | |
| − | <h2 id="Summary" class="smalltitle">2. Summary of the Experiment</h2>
| + | |
| − | <p class="text">Our purpose was to obtain the fluorescence data of the three designated devices and to compare them. We prepared Device1〜Device3, Positive control and Negative control as shown below. We measured the exact same colonies of the exact same samples with both the plate reader and the flow cytometer.</p>
| + | |
| − | <li><p class="list">Device 1: J23101 + I13504(pSB1C3)</p></li>
| + | |
| − | <li><p class="list">Device 2: J23106 + I13504(pSB1C3)</p></li>
| + | |
| − | <li><p class="list">Device 3: J23117 + I13504(pSB1C3)</p></li>
| + | |
| − | <li><p class="list">Positive control: BBa_I20270(pSB1C3)</p></li>
| + | |
| − | <li><p class="list">Negative control: BBa_R0040(pSB1C3)</p></li><br>
| + | |
| − | <table width="980 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="980px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/b/b1/Tokyo_tech_Interlab_1.png" />
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="980px">
| + | |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-2-1.</strong> designated devices</h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| | | | |
| − | <h2 id="Results" class="smalltitle">3. Results</h2>
| |
| − | <h3 id="Plate" class="sub5">3.1. Plate reader</h3>
| |
| − | <p class="text2">First of all, we calibrated our plate reader by confirming the linear relationship between sodium fluorescein concentration and fluorescence (Fig. 3-6-3-1). The way we obtained the calibration curve is descried in the 4. Material and Method section.
| |
| − | </p>
| |
| − | <table width="940 px" border="0px">
| |
| − | <tr>
| |
| − | <td width="940px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/c/c7/Tokyo_Tech_Interlab_Fig.3-7-3-1.png" />
| |
| − | </td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td width="940px">
| |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-3-1.</strong> Calibration curve</h4>
| |
| − | <td>
| |
| − | </tr>
| |
| − | </table><br><br>
| |
| − | <p class="text2">We measured three colonies(#1〜3) three times (Technical replicate 1〜3) per each sample (Device1〜3, positive control and negative control).<br>
| |
| − | Using the calibration curve (Fig. 3-6-3-1), we were able to obtain the absolute unit of fluorescence (Table. 3-6-3-1). The way we obtained the absolute unit is described in the 4. Material and Method section. These results show that the intensity of fluorescence was in the following order, Device1>Device2>positive control>Device3>negative control.</p><br>
| |
| − | <table width="940 px" border="0px">
| |
| − | <tr>
| |
| − | <td width="940px">
| |
| − | <h4 align="center" class="fig"><strong>Table. 3-6-3-1.</strong> The absolute unit of fluorescence intensity</h4>
| |
| − | <td>
| |
| − | </tr>
| |
| | | | |
| − | <tr>
| + | <div class="w3-container" id="overview" style="margin-top:20px"> |
| − | <td width="940px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/c/ca/Tokyo_Tech_Interlab_Table.3-7-3-1.png" width="940px"/>
| + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Introduction</b></h2> |
| − | </td>
| + | <hr style="width:50px;border:5px solid red" class="w3-round"> |
| − | </tr>
| + | |
| − | </table><br><br>
| + | |
| − | <p class="text2">We calculated the arithmetic mean for each sample by adding the nine values of all three colonies and dividing it by 9. | + | |
| − | We also calculated the standard deviation for each sample from the calculated arithmetic mean. (Table. 3-6-3-2)
| + | |
| − | </p><br>
| + | |
| − | <table width="940 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="940px">
| + | |
| − | <h4 align="center" class="fig"><strong>Table. 3-6-3-2.</strong> Arithmetic mean (Mean) and Standard deviation (S.D) of samples.</h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| | | | |
| − | <tr>
| + | <p style="font-size: 16px; text-indent:1em"> |
| − | <td width="940px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/a/a6/Tokyo_Tech_Interlab_Table.3-7-3-2.png" width="700px"/>
| + | <!-- テキストはここへ --> |
| − | </td>
| + | </p><br> |
| − | </tr>
| + | |
| − | </table><br>
| + | |
| − | <table width="980 px" border="0px"> | + | |
| − | <tr>
| + | |
| − | <td width="980px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/c/c3/Tokyo_Tech_Interlab_Fig.3-7-3-2.png" width="530px"/>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="980px">
| + | |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-3-2.</strong> Results from the plate reader
| + | |
| − | <br>The error bar represents the standard deviation for each sample calculated from the nine values of all three colonies.</h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | </table><br><br>
| + | |
| − | <h3 id="Flow" class="sub5">3.2. Flow cytometer</h3>
| + | |
| − | <p class="text2">We measured the geometric mean of fluorescence intensity for each sample. The results are shown below (Table.3-6-3-3). We measured three colonies(#1〜3) three times (Technical replicate 1〜3) per each sample (Device1〜3,positive control and negative control).<br>
| + | |
| − | These results show that the intensity of fluorescence was in the following order, Device1>Device2>positive control>Device3>negative control. (Table. 3-6-3-4)(Fig. 3-6-3-3)<br>
| + | |
| − | These results are the same as the results from the measurement done by the plate reader.</p><br>
| + | |
| − | <table width="940 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="940px">
| + | |
| − | <h4 align="center" class="fig"><strong>Table. 3-6-3-3.</strong> Results from the flow cytometer</h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| | | | |
| − | <tr>
| + | </div> |
| − | <td width="940px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/8/80/Tokyo_Tech_Interlab_Table.3-7-3-3.png" width="940px"/> | + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table><br><br>
| + | |
| | | | |
| − | <table width="940 px" border="0px">
| + | <hr> |
| − | <tr>
| + | |
| − | <td width="940px">
| + | |
| − | <h4 align="center" class="fig"><strong>Table. 3-6-3-4.</strong> Arithmetic mean (Mean) and Standard deviation (S.D) of samples.</h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| | | | |
| − | <tr>
| + | <div class="w3-container" id="overview" style="margin-top:20px"> |
| − | <td width="940px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/0/0a/Tokyo_Tech_Interlab_Table.3-7-3-4.png" width="700px"/>
| + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Summary of the Experiment</b></h2> |
| − | </td>
| + | <hr style="width:50px;border:5px solid red" class="w3-round"> |
| − | </tr>
| + | |
| − | </table><br>
| + | |
| − | <table width="980 px" border="0px"> | + | |
| − | <tr>
| + | |
| − | <td width="980px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/3/3e/Tokyo_Tech_Interlab_Fig.3-7-3-4.png" width="530px"/>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="980px">
| + | |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-3-3.</strong> Results from the flow cytometer <br>The error bar represents the standard deviation for each sample calculated from the nine values of all three colonies.
| + | |
| − | </h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | </table><br><br>
| + | |
| | | | |
| − | <h2 id="Materials" class="smalltitle">4. Materials and Methods</h2>
| + | <p style=" font- size: 16px; text- indent: 1em"> |
| − | <h3 id="Const" class="sub5">4.1. Construction</h3>
| + | <!-- テキストはここへ --> |
| − | <h3 class="sub5">-Strain</h3>
| + | </p><br> |
| − | <p class=" text2">All the samples were DH5alpha strain.</p> | + | |
| − | <h3 class="sub5">-Plasmids</h3>
| + | |
| − | <p class="text2">Device 1: J23101 + I13504(pSB1C3)
| + | |
| − | <table width="980 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="980px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/1/1c/Tokyo_Tech_Device1.png"/>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="980px">
| + | |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-4-1.</strong></h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | </table><br>
| + | |
| − | <p class="text2">Device 2: J23106 + I13504(pSB1C3)
| + | |
| − | <table width="980 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="980px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/3/3b/Tokyo_Tech_Device2.png"/>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="980px">
| + | |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-4-2.</strong></h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | </table><br>
| + | |
| − | <p class="text2">Device 3: J23117 + I13504(pSB1C3)
| + | |
| − | <table width="980 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="980px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/b/be/Tokyo_Tech_Device3.png"/>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="980px">
| + | |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-4-3.</strong></h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | </table><br>
| + | |
| − | <p class="text2">Positive control: BBa_I20270(pSB1C3)
| + | |
| − | <table width="980 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="980px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/0/09/Tokyo_Tech_Interpositive.png"/>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="980px">
| + | |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-4-4.</strong></h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | </table><br>
| + | |
| − | <p class="text2">Negative control: BBa_R0040(pSB1C3)
| + | |
| − | <table width="980 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="980px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/1/1b/Tokyo_Tech_Internegative.png"/>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="980px">
| + | |
| − | <h4 align="center" class="fig"><strong>Fig.3-6-4-5.</strong></h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | </table><br>
| + | |
| − | <h3 class="sub5">-Sequence Data</h3>
| + | |
| − | <p class="text2">Please refer to <a href ="https://2015.igem.org/Team:Tokyo_Tech/Experiment/Interlab/Sequence">Sequence Data</a> page.<br>
| + | |
| − | <h3 id="ID" class="sub5">4.2. Instruments and Date</h3>
| + | |
| − | <h3 id="Inst" class="sub6">4.2.1. Instruments</h3>
| + | |
| − | <p class="text2"><strong>-Plate reader</strong></p>
| + | |
| − | <p class="text3">We used FujiFilm FLA-5100 Fluorescent Image Analyzer from FUJIFilm Life Science. The wavelength of light we used to excite the cells was 473 nm. We used BPB1 (530DF20) filter to capture the light emission from the cells. The sampling frequency is only one time.
| + | |
| − | </p>
| + | |
| − | <p class="text2"><strong>-Flow cytometer</strong></p>
| + | |
| − | <p class="text3">We used BD FACSCaliburTM Flow Cytometer of Becton, Dickenson and Company. The wavelength of light we used to excite the cells was 488 nm. We used laser detection channel FL1 to capture the light emission from the cells. Laser detection channel Fl1 was used with sensitivity 680 [v]. The sampling frequency is only one time.</p>
| + | |
| − | <h3 id="Date" class="sub6">4.2.2. Date</h3>
| + | |
| − | <p class="text3">Cloning of constructs was confirmed by August 21st 2015. Transformant plates were from 24 August 2015. All the samples were measured on August 27th 2015.</p>
| + | |
| − | <h3 id="Protocol" class="sub5">4.3. Protocol</h3>
| + | |
| − | <h3 id="reader" class="sub6">4.3.1. Plate reader</h3>
| + | |
| − | <p class="text4">
| + | |
| − | 1. Prepare 3 over night cultures for each sample Device1〜Device3, Positive control and Negative control in 3 mL LB medium containing chloramphenicol (35 microg / mL) at 37°C for 17 h and shake at 180 rpm.<br>
| + | |
| − | 2. Measured the OD590 of each sample and diluted each sample to adjust OD590 within 5% of 0.5.<br>
| + | |
| − | 3. Set the plate reader to measure GFP.<br>
| + | |
| − | 4. Take 1 mL of the samples, and centrifuge at 9000x g, 1 min, 4°C.<br>
| + | |
| − | 5. Remove the supernatants by using P1000 pipette. <br>
| + | |
| − | 6. Add 1 mL of filtered PBS (phosphate-buffered saline) and suspended.<br>
| + | |
| − | 7. Place 200 microL of each sample into the 96-well plate as described in Table. 3-6-4-1.<br>
| + | |
| − | 8. Measure the fluorescence intensity with plate reader.<br>
| + | |
| − | 9. Rotate the 96-well plate 180 degrees horizontally and measure the fluorescence intensity again.<br></p>
| + | |
| − | <table width="940 px" border="0px">
| + | |
| − | <tr>
| + | |
| − | <td width="940px">
| + | |
| − | <h4 align="center" class="fig"><strong>Table. 3-6-4-1.</strong> Position of samples in 96-well plate</h4>
| + | |
| − | <td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td width="940px"><div align="center"><img src="https://static.igem.org/mediawiki/2015/f/f7/Tokyo_Tech_Interlab_Table.3-7-4-1.png" width="700px"/>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table><br>
| + | |
| − | <h3 id="meter" class="sub6">4.3.2. Flow cytometer</h3>
| + | |
| − | <p class="text4">
| + | |
| − | 1. Prepare 3 over night cultures for each sample Device1〜Device3, Positive control and Negative control in 3 mL LB medium containing chloramphenicol (35 microg / mL) at 37°C for 17 h and shake at 180 rpm.<br>
| + | |
| − | 2. Start preparing the flow cytometer 1 h before the end of incubation.<br>
| + | |
| − | 3. Measure the OD590 and adjust the volume of each sample to centrifuge so that the amount of pellet will be about the same for every sample.<br>
| + | |
| − | 4. Centrifuge the samples at 9000x g, 1 min, 4°C.<br>
| + | |
| − | 5. Remove the supernatants by using P1000 pipette and suspend the samples with 1 mL of filtered PBS (phosphate-buffered saline).<br>
| + | |
| − | 6. Dispense all of each suspension into a disposable tube through a cell strainer.<br>
| + | |
| − | 7. Measure fluorescence intensity with flow cytometer.<br><br>
| + | |
| − | <h3 id="How" class="sub5">4.4. How to process the data</h3>
| + | |
| − | <h3 id="Pr" class="sub6">4.4.1. Plate reader</h3>
| + | |
| − | <p class="text4">
| + | |
| − | <strong>-How to draw the calibration curve</strong><br>
| + | |
| − | 1. Place 200 microL of various concentrations of sodium fluorescein (500, 375, 250, 125, 50, 25, 10, 5 ng / mL and PBS only) into the 96-well plate in triplicate.<br>
| + | |
| − | 2. Measure the fluorescence intensity with the plate reader.<br>
| + | |
| − | 3. Rotate the 96-well plate 180 degrees horizontally.<br>
| + | |
| − | 4. Measure the fluorescence intensity again.<br>
| + | |
| − | 5. Determine the auto-fluorescence of PBS by calculating the arithmetic mean of fluorescence intensity of PBS added in triplicate and use this value as the background fluorescence. <br>
| + | |
| − | 6. Subtract background fluorescence from each fluorescence intensity value of each well containing sodium fluorescein.<br>
| + | |
| − | 7. Take the arithmetic mean of the three technical replicates of sodium fluorescein of each concentration.<br>
| + | |
| − | 8. Draw the calibration curve.<br> </p><br>
| + | |
| − | <p class="text4">
| + | |
| − | <strong>-How to obtain the absolute unit of fluorescence intensity</strong><br>
| + | |
| − | 1. Measure the fluorescence intensity with the plate reader.<br>
| + | |
| − | 2. Rotate the 96-well plate 180 degrees horizontally and measure the fluorescence intensity again.<br>
| + | |
| − | 3. Calculate the arithmetic mean of these two results.<br>
| + | |
| − | 4. Determine the auto-florescence of PBS by calculating the arithmetic mean of fluorescence intensity of PBS added in triplicate and use this value as the background fluorescence.<br>
| + | |
| − | 5. Subtract the background fluorescence from each well containing the samples.<br>
| + | |
| − | 6. Divide them by the value of OD590 of each sample.<br>
| + | |
| − | 7. Calculate the ng / mL fluorescence per OD590 unit by the formula we obtained from drawing the calibration curve.<br>
| + | |
| − | <h3 id="Flow cytometer" class="sub6">4.4.2. Flow cytometer</h3>
| + | |
| − | <p class="text3">Cells were gated according to the side scatter (SSC) and the forward scatter (FCS) to exclude cell debris and impurities.</p><br><br>
| + | |
| − | <h3 id="Individuals" class="sub5">4.5. Individuals responsible for conducting Interlab study</h3>
| + | |
| − | <p class="text2">
| + | |
| − | Misa Minegishi : Measured the devices and processed the data.<br>
| + | |
| − | Yuta Yamazaki : Measured the devices and processed the data.<br>
| + | |
| − | Hiraku Tokuma : Created the devices.<br>
| + | |
| − | Riku Shinohara: Created the devices.<br>
| + | |
| − | <h2 id="Reference" class="smalltitle">5. Reference</h2>
| + | |
| − | <p class="text"><a href ="https://2014.igem.org/Team:Imperial/InterLab_Study">2014 Imperial Interlab Study</a><br><br><br><br>
| + | |
| | | | |
| | + | <!-- 図開始 --> |
| | + | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> |
| | + | <figure> |
| | + | <img src="<!--画像URL-->" style="max-width:70%"> |
| | + | <figcaption style="font-size: 16px">Fig. 画像タイトル</figcaption> |
| | + | </figure> |
| | + | </div><!-- 図終了 --> |
| | + | |
| | + | </div> |
| | + | |
| | + | <hr> |
| | + | |
| | + | <div class="w3-container" id="overview" style="margin-top:20px"> |
| | + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Results</b></h2> |
| | + | <hr style="width:50px;border:5px solid red" class="w3-round"> |
| | + | |
| | + | <p style="font-size: 16px; text-indent:1em"> |
| | + | <!-- テキストはここへ --> |
| | + | </p><br> |
| | + | |
| | + | <!-- 図開始 --> |
| | + | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> |
| | + | <figure> |
| | + | <img src="<!--画像URL-->" style="max-width:70%"> |
| | + | <figcaption style="font-size: 16px">Fig. 画像タイトル</figcaption> |
| | + | </figure> |
| | + | </div><!-- 図終了 --> |
| | + | |
| | + | </div> |
| | + | |
| | + | <div class="w3-container" id="overview" style="margin-top:20px"> |
| | + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Materials and Methods</b></h2> |
| | + | <hr style="width:50px;border:5px solid red" class="w3-round"> |
| | + | |
| | + | <p style="font-size: 16px; text-indent:1em"> |
| | + | <!-- テキストはここへ --> |
| | + | </p><br> |
| | + | |
| | + | <!-- 図開始 --> |
| | + | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> |
| | + | <figure> |
| | + | <img src="<!--画像URL-->" style="max-width:70%"> |
| | + | <figcaption style="font-size: 16px">Fig. 画像タイトル</figcaption> |
| | + | </figure> |
| | + | </div><!-- 図終了 --> |
| | + | |
| | + | </div> |
| | + | |
| | + | <div class="w3-container" id="overview" style="margin-top:20px"> |
| | + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Reference</b></h2> |
| | + | <hr style="width:50px;border:5px solid red" class="w3-round"> |
| | + | |
| | + | <p style="font-size: 16px; text-indent:1em"> |
| | + | <!-- テキストはここへ --> |
| | + | </p><br> |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <!-- End page content --> |
| | </div> | | </div> |
| − | </div> | + | |
| | + | <!-- W3.CSS Container --> |
| | + | <div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right">Hajime Fujita: <a href="96haji.me" title="W3.CSS" target="_blank" class="w3-hover-opacity">All Rights Reserved</a></p><br></div> |
| | + | |
| | + | <script> |
| | + | // Script to open and close sidebar |
| | + | function w3_open() { |
| | + | document.getElementById("mySidebar").style.display = "block"; |
| | + | document.getElementById("myOverlay").style.display = "block"; |
| | + | } |
| | + | |
| | + | function w3_close() { |
| | + | document.getElementById("mySidebar").style.display = "none"; |
| | + | document.getElementById("myOverlay").style.display = "none"; |
| | + | } |
| | + | |
| | + | // Modal Image Gallery |
| | + | function onClick(element) { |
| | + | document.getElementById("img01").src = element.src; |
| | + | document.getElementById("modal01").style.display = "block"; |
| | + | var captionText = document.getElementById("caption"); |
| | + | captionText.innerHTML = element.alt; |
| | + | } |
| | + | </script> |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
