|
|
(5 intermediate revisions by 2 users not shown) |
Line 10: |
Line 10: |
| rel="stylesheet"/> | | rel="stylesheet"/> |
| </head> | | </head> |
− | <body><!-- # TODO: #6 Fix table caption font--><!-- # TODO: #7 Fix citations links font size--> | + | <body> |
− | <nav class="navbar navbar-expand-xl fixed-top"> | + | <!-- # TODO: #6 Fix table caption font--> |
− | <div class="container d-flex justify-content-between"><a class="navbar-brand"
| + | <!-- # TODO: #7 Fix citations links font size--> |
− | href="https://2021.igem.org/Team:HUST-China"><i
| + | <nav class="navbar navbar-expand-xl fixed-top"> |
− | class="navbar-logo-left"></i><span>HUST-China</span></a>
| + | <div class="container d-flex justify-content-between"><a class="navbar-brand" |
− | <button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
| + | href="https://2021.igem.org/Team:HUST-China"><i class="navbar-logo-left"></i><span>HUST-China</span></a> |
− | data-target="#navbarNav" data-toggle="collapse" type="button"><span class="navbar-toggler-icon"></span>
| + | <button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" |
− | </button>
| + | class="navbar-toggler" data-target="#navbarNav" data-toggle="collapse" type="button"><span |
− | <div class="collapse navbar-collapse" id="navbarNav">
| + | class="navbar-toggler-icon"></span> |
− | <ul class="navbar-nav ml-auto">
| + | </button> |
− | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
| + | <div class="collapse navbar-collapse" id="navbarNav"> |
− | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
| + | <ul class="navbar-nav ml-auto"> |
− | id="navbarProjectDropdown" role="button">Project</a>
| + | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
− | <div aria-labelledby="navbarProjectDropdown" class="dropdown-menu"><a class="dropdown-item"
| + | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarProjectDropdown" |
− | href="https://2021.igem.org/Team:HUST-China/Description">Description</a><a
| + | role="button">Project</a> |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Design">Design</a><a
| + | <div aria-labelledby="navbarProjectDropdown" class="dropdown-menu"><a class="dropdown-item" |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Proof_Of_Concept">Proof of
| + | href="https://2021.igem.org/Team:HUST-China/Description">Description</a><a |
− | Concept</a><a class="dropdown-item"
| + | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Design">Design</a><a |
− | href="https://2021.igem.org/Team:HUST-China/Safety">Safety</a><a
| + | class="dropdown-item" |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Implementation">Proposed
| + | href="https://2021.igem.org/Team:HUST-China/Proof_Of_Concept">Proof of |
− | Implementation</a><a class="dropdown-item"
| + | Concept</a><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Contribution">Contribution</a>
| + | href="https://2021.igem.org/Team:HUST-China/Safety">Safety</a><a class="dropdown-item" |
− | </div>
| + | href="https://2021.igem.org/Team:HUST-China/Implementation">Proposed |
− | </li>
| + | Implementation</a><a class="dropdown-item" |
− | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
| + | href="https://2021.igem.org/Team:HUST-China/Contribution">Contribution</a> |
− | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
| + | </div> |
− | id="navbarHuman PracticesDropdown" role="button">Human Practices</a>
| + | </li> |
− | <div aria-labelledby="navbarHuman PracticesDropdown" class="dropdown-menu"><a class="dropdown-item"
| + | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
− | href="https://2021.igem.org/Team:HUST-China/Human_Practices">Overview</a><a
| + | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Human_Practices_01">Part
| + | id="navbarHuman PracticesDropdown" role="button">Human Practices</a> |
− | 1</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Human_Practices_02">Part
| + | <div aria-labelledby="navbarHuman PracticesDropdown" class="dropdown-menu"><a |
− | 2</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Collaborations">Part
| + | class="dropdown-item" |
− | 3</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Education">Part 4</a>
| + | href="https://2021.igem.org/Team:HUST-China/Human_Practices">Overview</a><a |
− | </div>
| + | class="dropdown-item" |
− | </li>
| + | href="https://2021.igem.org/Team:HUST-China/Human_Practices_01">Part |
− | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
| + | 1</a><a class="dropdown-item" |
− | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
| + | href="https://2021.igem.org/Team:HUST-China/Human_Practices_02">Part |
− | id="navbarModelingDropdown" role="button">Modeling</a>
| + | 2</a><a class="dropdown-item" |
− | <div aria-labelledby="navbarModelingDropdown" class="dropdown-menu"><a class="dropdown-item"
| + | href="https://2021.igem.org/Team:HUST-China/Collaborations">Part |
− | href="https://2021.igem.org/Team:HUST-China/Model">Overview</a><a
| + | 3</a><a class="dropdown-item" |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Gene_Pathway">Gene
| + | href="https://2021.igem.org/Team:HUST-China/Education">Part 4</a> |
− | Pathway</a><a class="dropdown-item"
| + | </div> |
− | href="https://2021.igem.org/Team:HUST-China/Dye_color_forecast">Dye color
| + | </li> |
− | forecast</a><a class="dropdown-item"
| + | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
− | href="https://2021.igem.org/Team:HUST-China/Micronucleus_Counter">Micronucleus
| + | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarModelingDropdown" |
− | Counter</a></div>
| + | role="button">Modeling</a> |
− | </li>
| + | <div aria-labelledby="navbarModelingDropdown" class="dropdown-menu"><a class="dropdown-item" |
− | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
| + | href="https://2021.igem.org/Team:HUST-China/Model">Overview</a><a class="dropdown-item" |
− | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
| + | href="https://2021.igem.org/Team:HUST-China/Gene_Pathway">Gene |
− | id="navbarProductsDropdown" role="button">Products</a>
| + | Pathway</a><a class="dropdown-item" |
− | <div aria-labelledby="navbarProductsDropdown" class="dropdown-menu"><a class="dropdown-item"
| + | href="https://2021.igem.org/Team:HUST-China/Dye_color_forecast">Dye color |
− | href="https://2021.igem.org/Team:HUST-China/Products">Overview</a><a
| + | forecast</a><a class="dropdown-item" |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Software">Software</a><a
| + | href="https://2021.igem.org/Team:HUST-China/Micronucleus_Counter">Micronucleus |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Hardware">Hardware</a><a
| + | Counter</a></div> |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Another_Area">Another
| + | </li> |
− | Area</a></div>
| + | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
− | </li>
| + | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarProductsDropdown" |
− | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
| + | role="button">Products</a> |
− | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
| + | <div aria-labelledby="navbarProductsDropdown" class="dropdown-menu"><a class="dropdown-item" |
− | id="navbarExperimentsDropdown" role="button">Experiments</a>
| + | href="https://2021.igem.org/Team:HUST-China/Products">Overview</a><a |
− | <div aria-labelledby="navbarExperimentsDropdown" class="dropdown-menu"><a class="dropdown-item"
| + | class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Experiments">Overview</a><a
| + | href="https://2021.igem.org/Team:HUST-China/Software">Software</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
| + | href="https://2021.igem.org/Team:HUST-China/Hardware">Hardware</a><a |
− | Success</a><a class="dropdown-item"
| + | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Another_Area">Another |
− | href="https://2021.igem.org/Team:HUST-China/Results">Results</a><a
| + | Area</a></div> |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Protocol">Protocol</a><a
| + | </li> |
− | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Notebook">Notebook</a>
| + | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
− | </div>
| + | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" |
− | </li>
| + | id="navbarExperimentsDropdown" role="button">Experiments</a> |
− | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
| + | <div aria-labelledby="navbarExperimentsDropdown" class="dropdown-menu"><a class="dropdown-item" |
− | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
| + | href="https://2021.igem.org/Team:HUST-China/Experiments">Overview</a><a |
− | id="navbarPeopleDropdown" role="button">People</a>
| + | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Parts">Parts</a><a |
− | <div aria-labelledby="navbarPeopleDropdown" class="dropdown-menu"><a class="dropdown-item"
| + | class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Team">Team</a><a
| + | href="https://2021.igem.org/Team:HUST-China/Engineering">Engineering |
− | class="dropdown-item"
| + | Success</a><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/Partnership">Partnership</a><a
| + | href="https://2021.igem.org/Team:HUST-China/Results">Results</a><a class="dropdown-item" |
− | class="dropdown-item"
| + | href="https://2021.igem.org/Team:HUST-China/Protocol">Protocol</a><a |
− | href="https://2021.igem.org/Team:HUST-China/Attributions">Attributions</a></div>
| + | class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Notebook">Notebook</a> |
− | </li>
| + | </div> |
− | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
| + | </li> |
− | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
| + | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
− | id="navbarAchievementsDropdown" role="button">Achievements</a>
| + | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarPeopleDropdown" |
− | <div aria-labelledby="navbarAchievementsDropdown" class="dropdown-menu"><a class="dropdown-item"
| + | role="button">People</a> |
− | href="https://2021.igem.org/Team:HUST-China/Judging">Judging</a><a
| + | <div aria-labelledby="navbarPeopleDropdown" class="dropdown-menu"><a class="dropdown-item" |
− | class="dropdown-item"
| + | href="https://2021.igem.org/Team:HUST-China/Team">Team</a><a class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/https:/video.igem.org/w/aMwNT6eBryGs8xG5avXD51">Promotion
| + | href="https://2021.igem.org/Team:HUST-China/Partnership">Partnership</a><a |
− | Video</a><a class="dropdown-item"
| + | class="dropdown-item" |
− | href="https://2021.igem.org/Team:HUST-China/https:/igem.org/2021_Judging_Form?id=3711">Judging
| + | href="https://2021.igem.org/Team:HUST-China/Attributions">Attributions</a></div> |
− | Form</a></div>
| + | </li> |
− | </li>
| + | <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" |
− | </ul>
| + | class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" |
| + | id="navbarAchievementsDropdown" role="button">Achievements</a> |
| + | <div aria-labelledby="navbarAchievementsDropdown" class="dropdown-menu"><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 |
| + | Video</a><a class="dropdown-item" |
| + | href="https://igem.org/2021_Judging_Form?id=3711">Judging |
| + | Form</a></div> |
| + | </li> |
| + | </ul> |
| + | </div> |
| </div> | | </div> |
− | </div> | + | </nav> |
− | </nav> | + | |
| <div class="navbar-extra fixed-top"></div> | | <div class="navbar-extra fixed-top"></div> |
| <header class="d-flex justify-content-center align-items-center"> | | <header class="d-flex justify-content-center align-items-center"> |
Line 121: |
Line 130: |
| </div> | | </div> |
| <div class="content col-lg-9"> | | <div class="content col-lg-9"> |
− | <article><h1>Introduction</h1> | + | <article> |
| + | <h1>Introduction</h1> |
| <p>How do we achieve <em>perming and dyeing</em> through synthetic biology methods?</p> | | <p>How do we achieve <em>perming and dyeing</em> through synthetic biology methods?</p> |
| <p>Engineered yeast producing natural pigments and short peptides with abundant sulfhydryl was | | <p>Engineered yeast producing natural pigments and short peptides with abundant sulfhydryl was |
Line 134: |
Line 144: |
| style="width: 100%"/> | | style="width: 100%"/> |
| </div> | | </div> |
− | <div class="modal-btn"> | + | <p>PERM: Various reagents used in traditional perming, such |
− | <button class="btn btn-warning pull-right" data-target="#design1" data-toggle="modal"
| + | |
− | type="button">Read More
| + | |
− | </button>
| + | |
− | <div aria-hidden="true" aria-labelledby="design1Label" class="modal fade" data-backdrop="static"
| + | |
− | data-keyboard="false" id="design1" 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="design1Label">design1</h5>
| + | |
− | </div>
| + | |
− | <div class="modal-body"><p>PERM: Various reagents used in traditional perming, such
| + | |
| as mercaptoacetic acid, hydrogenperoxide and P-phenylpropanediamine are allergic | | as mercaptoacetic acid, hydrogenperoxide and P-phenylpropanediamine are allergic |
| and carcinogenic in addition to causing serious damage to hair. In order to | | and carcinogenic in addition to causing serious damage to hair. In order to |
Line 155: |
Line 155: |
| dislocated disulfide bonds with α-keratins, which can change the shape of | | dislocated disulfide bonds with α-keratins, which can change the shape of |
| hair.</p> | | hair.</p> |
− | <div class="image"><img alt="design2"
| + | <div class="image"><img alt="design2" |
| src="https://static.igem.org/mediawiki/2021/8/86/T--HUST-China--img--design--design2.png" | | src="https://static.igem.org/mediawiki/2021/8/86/T--HUST-China--img--design--design2.png" |
| style="width: 100%"/> | | style="width: 100%"/> |
− | </div>
| + | </div> |
− | <p>The rigid linker is more prone to form α-helix,
| + | <p>The rigid linker is more prone to form α-helix, |
| which can separate sulfhydryl preventing them from reacting with each other. The | | which can separate sulfhydryl preventing them from reacting with each other. The |
| complex is small enough to enter the cortex through the cuticle and form | | complex is small enough to enter the cortex through the cuticle and form |
| dislocated disulfide bonds with α-keratins, which can change the shape of | | dislocated disulfide bonds with α-keratins, which can change the shape of |
| hair.</p> | | hair.</p> |
− | <div class="image"><img alt="design3"
| + | <div class="image"><img alt="design3" |
| src="https://static.igem.org/mediawiki/2021/2/2b/T--HUST-China--img--design--design3.png" | | src="https://static.igem.org/mediawiki/2021/2/2b/T--HUST-China--img--design--design3.png" |
| style="width: 100%"/> | | style="width: 100%"/> |
| </div> | | </div> |
− | </div>
| |
− | <div class="modal-footer">
| |
− | <button class="btn btn-danger" data-dismiss="modal" type="button">Close</button>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| <p>UNDO: Disulfide isomerase has been proven to help open up cuticle and give short peptides easier | | <p>UNDO: Disulfide isomerase has been proven to help open up cuticle and give short peptides easier |
| access into the cortex[2]. Connecting disulfide isomerase and short peptides with GS-linker | | access into the cortex[2]. Connecting disulfide isomerase and short peptides with GS-linker |
Line 183: |
Line 175: |
| <div class="image"><img alt="design4" | | <div class="image"><img alt="design4" |
| src="https://static.igem.org/mediawiki/2021/0/06/T--HUST-China--img--design--design4.png" | | src="https://static.igem.org/mediawiki/2021/0/06/T--HUST-China--img--design--design4.png" |
− | style="width: 100%"/> | + | style="width: 100%"/></div> |
− | </div>
| + | <p>The amino acid sequence of GS-linker is GGGGGSGGGGGSGGGGGS, determined by modeling.</p> |
− | <div class="modal-btn"> | + | |
− | <button class="btn btn-warning pull-right" data-target="#Design2" data-toggle="modal"
| + | |
− | type="button">Read More
| + | |
− | </button>
| + | |
− | <div aria-hidden="true" aria-labelledby="Design2Label" class="modal fade" data-backdrop="static"
| + | |
− | data-keyboard="false" id="Design2" 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="Design2Label">Design2</h5>
| + | |
− | </div>
| + | |
− | <div class="modal-body"><p>The amino acid sequence of GS-linker is
| + | |
− | GGGGGSGGGGGSGGGGGS, determined by modeling.</p></div>
| + | |
− | <div class="modal-footer">
| + | |
− | <button class="btn btn-danger" data-dismiss="modal" type="button">Close</button>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| <h1>Dye</h1> | | <h1>Dye</h1> |
| <h2><span style="color:blue">BLUE: Indigo</span></h2> | | <h2><span style="color:blue">BLUE: Indigo</span></h2> |
| <p><strong>DYE:</strong> We chose indigo as dye for blue. Indole is oxidized by FMO into | | <p><strong>DYE:</strong> We chose indigo as dye for blue. Indole is oxidized by FMO into |
− | leucoindigo[3]. It is reduced to leucoindigo by ethanol and lactic acid produced by Pichia | + | indoxyl[3]. It is reduced to indoxyl by ethanol and lactic acid produced by Pichia |
− | pastoris, which can better adhere to hair. Leucoindigo is then oxidized by oxygen into indigo to | + | pastoris, which can better adhere to hair. Indoxyl is then oxidized by oxygen into indigo to |
| turn the hair blue.</p> | | turn the hair blue.</p> |
| <div class="image"><img alt="design5" | | <div class="image"><img alt="design5" |
Line 369: |
Line 342: |
| for safe use.</p> | | for safe use.</p> |
| <p>In addition, a hair dyeing comb was designed for applying hair dye cream in real life scenarios. | | <p>In addition, a hair dyeing comb was designed for applying hair dye cream in real life scenarios. |
− | (Please refer to <a href="https://2021.igem.org/Team:HUST-China/Design/Hardware">hardware</a> | + | (Please refer to <a href="https://2021.igem.org/Team:HUST-China/Hardware">hardware</a> |
| for detailed information)</p> | | for detailed information)</p> |
| <div class="row g-0"> | | <div class="row g-0"> |
Line 377: |
Line 350: |
| <div class="dialogbox"><p>The design of pathways is truly intriguing, right?! But will it | | <div class="dialogbox"><p>The design of pathways is truly intriguing, right?! But will it |
| work? If you share the same confusion with me, let's take a look at the <a | | work? If you share the same confusion with me, let's take a look at the <a |
− | href="https://2021.igem.org/Team:HUST-China/Design/Proof Of Concept">proof of | + | href="https://2021.igem.org/Team:HUST-China/Proof Of Concept">proof of |
| concept</a>-</p></div> | | concept</a>-</p></div> |
| </div> | | </div> |
| + | </div> |
| </div> | | </div> |
| </article> | | </article> |