|
|
(4 intermediate revisions by the same user not shown) |
Line 19: |
Line 19: |
| <nav class="navbar navbar-expand-xl fixed-top"> | | <nav class="navbar navbar-expand-xl fixed-top"> |
| <div class="container d-flex justify-content-between"><a class="navbar-brand" | | <div class="container d-flex justify-content-between"><a class="navbar-brand" |
− | href="https://2021.igem.org/Team:HUST-China"><i | + | href="https://2021.igem.org/Team:HUST-China"><i class="navbar-logo-left"></i><span>HUST-China</span></a> |
− | class="navbar-logo-left"></i><span>HUST-China</span></a><button aria-controls="navbarNav"
| + | <button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" |
− | aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarNav"
| + | class="navbar-toggler" data-target="#navbarNav" data-toggle="collapse" type="button"><span |
− | data-toggle="collapse" type="button"><span class="navbar-toggler-icon"></span></button>
| + | class="navbar-toggler-icon"></span> |
| + | </button> |
| <div class="collapse navbar-collapse" id="navbarNav"> | | <div class="collapse navbar-collapse" id="navbarNav"> |
| <ul class="navbar-nav ml-auto"> | | <ul class="navbar-nav ml-auto"> |
Line 32: |
Line 33: |
| class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Design">Design</a><a | | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Design">Design</a><a |
| class="dropdown-item" | | class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Proof_Of_Concept">Proof of Concept</a><a | + | href="https://2021.igem.org/Team:HUST-China/Proof_Of_Concept">Proof of |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Safety">Safety</a><a
| + | Concept</a><a class="dropdown-item" |
− | class="dropdown-item"
| + | href="https://2021.igem.org/Team:HUST-China/Safety">Safety</a><a class="dropdown-item" |
| href="https://2021.igem.org/Team:HUST-China/Implementation">Proposed | | href="https://2021.igem.org/Team:HUST-China/Implementation">Proposed |
| Implementation</a><a class="dropdown-item" | | Implementation</a><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Contribution">Contribution</a></div> | + | href="https://2021.igem.org/Team:HUST-China/Contribution">Contribution</a> |
| + | </div> |
| </li> | | </li> |
| <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" | | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
Line 46: |
Line 48: |
| href="https://2021.igem.org/Team:HUST-China/Human_Practices">Overview</a><a | | href="https://2021.igem.org/Team:HUST-China/Human_Practices">Overview</a><a |
| class="dropdown-item" | | class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Human_Practices_01">Part 1</a><a | + | href="https://2021.igem.org/Team:HUST-China/Human_Practices_01">Part |
− | class="dropdown-item"
| + | 1</a><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Human_Practices_02">Part 2</a><a | + | href="https://2021.igem.org/Team:HUST-China/Human_Practices_02">Part |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Collaborations">Part
| + | 2</a><a class="dropdown-item" |
| + | href="https://2021.igem.org/Team:HUST-China/Collaborations">Part |
| 3</a><a class="dropdown-item" | | 3</a><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Education">Part 4</a></div> | + | href="https://2021.igem.org/Team:HUST-China/Education">Part 4</a> |
| + | </div> |
| </li> | | </li> |
| <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" | | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
Line 58: |
Line 62: |
| <div aria-labelledby="navbarModelingDropdown" class="dropdown-menu"><a class="dropdown-item" | | <div aria-labelledby="navbarModelingDropdown" class="dropdown-menu"><a class="dropdown-item" |
| href="https://2021.igem.org/Team:HUST-China/Model">Overview</a><a class="dropdown-item" | | href="https://2021.igem.org/Team:HUST-China/Model">Overview</a><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Gene_Pathway">Gene Pathway</a><a | + | href="https://2021.igem.org/Team:HUST-China/Gene_Pathway">Gene |
− | class="dropdown-item"
| + | Pathway</a><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Dye_color_forecast">Dye color forecast</a><a | + | href="https://2021.igem.org/Team:HUST-China/Dye_color_forecast">Dye color |
− | class="dropdown-item"
| + | forecast</a><a class="dropdown-item" |
| href="https://2021.igem.org/Team:HUST-China/Micronucleus_Counter">Micronucleus | | href="https://2021.igem.org/Team:HUST-China/Micronucleus_Counter">Micronucleus |
| Counter</a></div> | | Counter</a></div> |
Line 84: |
Line 88: |
| class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Parts">Parts</a><a | | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Parts">Parts</a><a |
| class="dropdown-item" | | class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Engineering">Engineering Success</a><a | + | href="https://2021.igem.org/Team:HUST-China/Engineering">Engineering |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Results">Results</a><a
| + | Success</a><a class="dropdown-item" |
− | class="dropdown-item"
| + | href="https://2021.igem.org/Team:HUST-China/Results">Results</a><a class="dropdown-item" |
| href="https://2021.igem.org/Team:HUST-China/Protocol">Protocol</a><a | | href="https://2021.igem.org/Team:HUST-China/Protocol">Protocol</a><a |
| class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Notebook">Notebook</a> | | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Notebook">Notebook</a> |
Line 104: |
Line 108: |
| id="navbarAchievementsDropdown" role="button">Achievements</a> | | id="navbarAchievementsDropdown" role="button">Achievements</a> |
| <div aria-labelledby="navbarAchievementsDropdown" class="dropdown-menu"><a class="dropdown-item" | | <div aria-labelledby="navbarAchievementsDropdown" class="dropdown-menu"><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Judging">Judging</a><a class="dropdown-item" | + | href="https://2021.igem.org/Team:HUST-China/Award">Award</a><a class="dropdown-item" |
| href="https://video.igem.org/w/aMwNT6eBryGs8xG5avXD51">Promotion | | href="https://video.igem.org/w/aMwNT6eBryGs8xG5avXD51">Promotion |
| Video</a><a class="dropdown-item" | | Video</a><a class="dropdown-item" |
Line 136: |
Line 140: |
| <div class="image"><img alt="hardware1" | | <div class="image"><img alt="hardware1" |
| src="https://static.igem.org/mediawiki/2021/e/ee/T--HUST-China--img--hardware--hardware1.png" | | src="https://static.igem.org/mediawiki/2021/e/ee/T--HUST-China--img--hardware--hardware1.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 1: hardware1</p>
| + | |
| </div> | | </div> |
| <h2>1.1 Overview</h2> | | <h2>1.1 Overview</h2> |
Line 156: |
Line 159: |
| <div class="image"><img alt="hardware2" | | <div class="image"><img alt="hardware2" |
| src="https://static.igem.org/mediawiki/2021/6/6c/T--HUST-China--img--hardware--hardware2.png" | | src="https://static.igem.org/mediawiki/2021/6/6c/T--HUST-China--img--hardware--hardware2.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 2: hardware2</p>
| + | |
| </div> | | </div> |
| <div class="modal-btn"><button class="btn btn-warning pull-right" data-target="#TheBottomDesign" | | <div class="modal-btn"><button class="btn btn-warning pull-right" data-target="#TheBottomDesign" |
Line 168: |
Line 170: |
| <h5 class="modal-title" id="TheBottomDesignLabel">TheBottomDesign</h5> | | <h5 class="modal-title" id="TheBottomDesignLabel">TheBottomDesign</h5> |
| </div> | | </div> |
− | <div class="modal-body"><iframe height="500px" src="./statics/bottom.pdf" | + | <div class="modal-body"><iframe height="500px" src="https://static.igem.org/mediawiki/2021/8/83/T--HUST-China--hw-bottom.pdf" |
| width="100%"></iframe></div> | | width="100%"></iframe></div> |
| <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" | | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" |
Line 179: |
Line 181: |
| <div class="image"><img alt="hardware3" | | <div class="image"><img alt="hardware3" |
| src="https://static.igem.org/mediawiki/2021/1/1b/T--HUST-China--img--hardware--hardware3.png" | | src="https://static.igem.org/mediawiki/2021/1/1b/T--HUST-China--img--hardware--hardware3.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 3: hardware3</p>
| + | |
| </div> | | </div> |
| <p>The electric part includes a 3V battery, an air pump, and a motor. Both the motor and the | | <p>The electric part includes a 3V battery, an air pump, and a motor. Both the motor and the |
Line 199: |
Line 200: |
| <h5 class="modal-title" id="TheBaseDesignLabel">TheBaseDesign</h5> | | <h5 class="modal-title" id="TheBaseDesignLabel">TheBaseDesign</h5> |
| </div> | | </div> |
− | <div class="modal-body"><iframe height="500px" src="./statics/base.pdf" | + | <div class="modal-body"><iframe height="500px" src="https://static.igem.org/mediawiki/2021/8/8c/T--HUST-China--hw-chamber.pdf" |
| width="100%"></iframe></div> | | width="100%"></iframe></div> |
| <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" | | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" |
Line 210: |
Line 211: |
| <div class="image"><img alt="hardware4" | | <div class="image"><img alt="hardware4" |
| src="https://static.igem.org/mediawiki/2021/9/98/T--HUST-China--img--hardware--hardware4.png" | | src="https://static.igem.org/mediawiki/2021/9/98/T--HUST-China--img--hardware--hardware4.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 4: hardware4</p>
| + | |
| </div> | | </div> |
| <p>We choose a single straight blade agitator to create radial flow, which enhances the | | <p>We choose a single straight blade agitator to create radial flow, which enhances the |
Line 228: |
Line 228: |
| TheTurbineAgitatorDesign</h5> | | TheTurbineAgitatorDesign</h5> |
| </div> | | </div> |
− | <div class="modal-body"><iframe height="500px" src="./statics/Agitator.pdf" | + | <div class="modal-body"><iframe height="500px" src="https://static.igem.org/mediawiki/2021/f/f3/T--HUST-China--hw-blade.pdf" |
| width="100%"></iframe></div> | | width="100%"></iframe></div> |
| <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" | | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" |
Line 239: |
Line 239: |
| <div class="image"><img alt="hardware5" | | <div class="image"><img alt="hardware5" |
| src="https://static.igem.org/mediawiki/2021/d/dd/T--HUST-China--img--hardware--hardware5.png" | | src="https://static.igem.org/mediawiki/2021/d/dd/T--HUST-China--img--hardware--hardware5.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 5: hardware5</p>
| + | |
| </div> | | </div> |
| <p>Three layers make up the filter body. The bottom layer is designed with mashes to support the | | <p>Three layers make up the filter body. The bottom layer is designed with mashes to support the |
Line 261: |
Line 260: |
| <h5 class="modal-title" id="TheFilterDesignLabel">TheFilterDesign</h5> | | <h5 class="modal-title" id="TheFilterDesignLabel">TheFilterDesign</h5> |
| </div> | | </div> |
− | <div class="modal-body"><iframe height="500px" src="./statics/filterup.pdf" | + | <div class="modal-body"><iframe height="500px" src="https://static.igem.org/mediawiki/2021/1/1e/T--HUST-China--hw-filter-up.pdf" |
| width="100%"></iframe><iframe height="500px" | | width="100%"></iframe><iframe height="500px" |
− | src="./statics/filtermid.pdf" width="100%"></iframe><iframe | + | src="https://static.igem.org/mediawiki/2021/3/37/T--HUST-China--hw-filter-mid.pdf" width="100%"></iframe><iframe |
− | height="500px" src="./statics/filterbottom.pdf" width="100%"></iframe> | + | height="500px" src="https://static.igem.org/mediawiki/2021/f/fd/T--HUST-China--hw-filter-down.pdf" width="100%"></iframe> |
| </div> | | </div> |
| <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" | | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" |
Line 275: |
Line 274: |
| <div class="image"><img alt="hardware6" | | <div class="image"><img alt="hardware6" |
| src="https://static.igem.org/mediawiki/2021/1/14/T--HUST-China--img--hardware--hardware6.png" | | src="https://static.igem.org/mediawiki/2021/1/14/T--HUST-China--img--hardware--hardware6.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 6: hardware6</p>
| + | |
| </div> | | </div> |
| <p>The reaction chamber is where the enzyme accelerates the production of the pigments. Above | | <p>The reaction chamber is where the enzyme accelerates the production of the pigments. Above |
Line 295: |
Line 293: |
| </div> | | </div> |
| <div class="modal-body"><iframe height="500px" | | <div class="modal-body"><iframe height="500px" |
− | src="./statics/reaction_chamber.pdf" width="100%"></iframe><iframe | + | src="https://2021.igem.org/File:T--HUST-China--hw-container.pdf" width="100%"></iframe><iframe |
− | height="500px" src="./statics/cap.pdf" width="100%"></iframe></div> | + | height="500px" src="https://static.igem.org/mediawiki/2021/d/db/T--HUST-China--hw-containercap.pdf" width="100%"></iframe></div> |
| <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" | | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" |
| type="button">Close</button></div> | | type="button">Close</button></div> |
Line 312: |
Line 310: |
| <div class="image"><img alt="hardware7" | | <div class="image"><img alt="hardware7" |
| src="https://static.igem.org/mediawiki/2021/2/2b/T--HUST-China--img--hardware--hardware7.png" | | src="https://static.igem.org/mediawiki/2021/2/2b/T--HUST-China--img--hardware--hardware7.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 7: hardware7</p>
| + | |
| </div> | | </div> |
| <p>The brush of the hair is designed in classic style. It has ten functional thorns, each of | | <p>The brush of the hair is designed in classic style. It has ten functional thorns, each of |
Line 328: |
Line 325: |
| <h5 class="modal-title" id="TheBrushDesignLabel">TheBrushDesign</h5> | | <h5 class="modal-title" id="TheBrushDesignLabel">TheBrushDesign</h5> |
| </div> | | </div> |
− | <div class="modal-body"><iframe height="500px" src="./statics/brush.pdf" | + | <div class="modal-body"><iframe height="500px" src="https://static.igem.org/mediawiki/2021/0/0a/T--HUST-China--hw-comb.pdf" |
| width="100%"></iframe></div> | | width="100%"></iframe></div> |
| <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" | | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" |
Line 339: |
Line 336: |
| <div class="image"><img alt="hardware8" | | <div class="image"><img alt="hardware8" |
| src="https://static.igem.org/mediawiki/2021/2/2e/T--HUST-China--img--hardware--hardware8.png" | | src="https://static.igem.org/mediawiki/2021/2/2e/T--HUST-China--img--hardware--hardware8.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 8: hardware8</p>
| + | |
| </div> | | </div> |
| <p>The container is removable to make union dyeing possible. Users could use different | | <p>The container is removable to make union dyeing possible. Users could use different |
Line 355: |
Line 351: |
| <h5 class="modal-title" id="TheContainerDesignLabel">TheContainerDesign</h5> | | <h5 class="modal-title" id="TheContainerDesignLabel">TheContainerDesign</h5> |
| </div> | | </div> |
− | <div class="modal-body"><iframe height="500px" src="./statics/container.pdf" | + | <div class="modal-body"><iframe height="500px" src="https://static.igem.org/mediawiki/2021/2/22/T--HUST-China--hw-above.pdf" |
| width="100%"></iframe><iframe height="500px" | | width="100%"></iframe><iframe height="500px" |
− | src="./statics/container_cap.pdf" width="100%"></iframe></div> | + | src="https://static.igem.org/mediawiki/2021/a/a8/T--HUST-China--hw-cap.pdf" width="100%"></iframe></div> |
| <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" | | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" |
| type="button">Close</button></div> | | type="button">Close</button></div> |
Line 367: |
Line 363: |
| <div class="image"><img alt="hardware9" | | <div class="image"><img alt="hardware9" |
| src="https://static.igem.org/mediawiki/2021/8/86/T--HUST-China--img--hardware--hardware9.png" | | src="https://static.igem.org/mediawiki/2021/8/86/T--HUST-China--img--hardware--hardware9.png" |
− | style="width: 100%" /> | + | style="width: 50%" /> |
− | <p>Figure 9: hardware9</p>
| + | |
| </div> | | </div> |
| <p>The shell outside the container helps our users grab and use the dyeing comb comfortably. Its | | <p>The shell outside the container helps our users grab and use the dyeing comb comfortably. Its |
Line 381: |
Line 376: |
| <h5 class="modal-title" id="TheShellDesignLabel">TheShellDesign</h5> | | <h5 class="modal-title" id="TheShellDesignLabel">TheShellDesign</h5> |
| </div> | | </div> |
− | <div class="modal-body"><iframe height="500px" src="./statics/shell.pdf" | + | <div class="modal-body"><iframe height="500px" src="https://static.igem.org/mediawiki/2021/2/26/T--HUST-China--hw-shell.pdf" |
| width="100%"></iframe></div> | | width="100%"></iframe></div> |
| <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" | | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal" |
Line 514: |
Line 509: |
| href="https://2021.igem.org/Team:HUST-China/Another Area">other | | href="https://2021.igem.org/Team:HUST-China/Another Area">other |
| areas</a>.</p> | | areas</a>.</p> |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="modal-btn"><button class="btn btn-warning pull-right" data-target="#Modal Test"
| |
− | data-toggle="modal" type="button">Read More</button>
| |
− | <div aria-hidden="true" aria-labelledby="Modal TestLabel" class="modal fade"
| |
− | data-backdrop="static" data-keyboard="false" id="Modal Test" tabindex="-1">
| |
− | <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-xl">
| |
− | <div class="modal-content">
| |
− | <div class="modal-header">
| |
− | <h5 class="modal-title" id="Modal TestLabel">Modal Test</h5>
| |
− | </div>
| |
− | <div class="modal-body">
| |
− | <p>None</p>
| |
− | </div>
| |
− | <div class="modal-footer"><button class="btn btn-danger" data-dismiss="modal"
| |
− | type="button">Close</button></div>
| |
− | </div>
| |
| </div> | | </div> |
| </div> | | </div> |