(Blanked the page) |
Maddiewu123 (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <!------------------------------------------Preloading----------------------------------------------> | ||
+ | <head> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/c/ce/T--LINKS_China--home_open_new.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/a/a1/T--LINKS_China--home_closed_new.png"> | ||
+ | |||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/5/53/T--LINKS_China--team_open_new_v2.jpg"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/9/92/T--LINKS_China--team_closed_new.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/9/99/T--LINKS_China--team_members_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/6/62/T--LINKS_China--team_attributions_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/2/21/T--LINKS_China--team_collaborations_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/4a/T--LINKS_China--team_partnership_new_v2.png"> | ||
+ | |||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/2/21/T--LINKS_China--project_open_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/40/T--LINKS_China--project_closed_new.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/7d/T--LINKS_China--project_description_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/7b/T--LINKS_China--project_engineering_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/9/91/T--LINKS_China--project_implementation_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/76/T--LINKS_China--project_proofofconcept_new_v2.png"> | ||
+ | |||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/49/T--LINKS_China--parts_open_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/1/16/T--LINKS_China--parts_closed_new.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/1/1b/T--LINKS_China--parts_partslist_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--parts_contribution_new_v2.png"> | ||
+ | |||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/c/c1/T--LINKS_China--wetlab_open_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/3/39/T--LINKS_China--wetlab_closed_new.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/74/T--LINKS_China--wetlab_experiments_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/c/cc/T--LINKS_China--wetlab_measurement_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--wetlab_notebook_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/1/1f/T--LINKS_China--wetlab_results_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/6/6e/T--LINKS_China--wetlab_safety_new_v2.png"> | ||
+ | |||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/6/6f/T--LINKS_China--drylab_open_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/46/T--LINKS_China--drylab_modeling_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/8/8d/T--LINKS_China--drylab_hardware_new_v2.png"> | ||
+ | |||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/79/T--LINKS_China--hps_open_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--hps_ihps_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/42/T--LINKS_China--hps_communication_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--hps_sustainability_new_v2.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/1/11/T--LINKS_China--hps_entreprenuership_new_v2.png"> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!------------------------------------------NavStart----------------------------------------------> | ||
+ | <div id="outnav"> | ||
+ | |||
+ | |||
+ | |||
+ | <!---Home Spider ----> | ||
+ | <a href="https://2021.igem.org/Team:LINKS_China" class="dropbtn"><img src="https://static.igem.org/mediawiki/2021/3/33/T--LINKS_China--footer_teamlogo.png" id="homespider"></a> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!---Seven Sections ----> | ||
+ | <div class="sections"> | ||
+ | |||
+ | |||
+ | <!---Home ----> | ||
+ | <div class="dropdown" onmouseover="home_main.src='https://static.igem.org/mediawiki/2021/c/ce/T--LINKS_China--home_open_new.png'" onmouseout="home_main.src='https://static.igem.org/mediawiki/2021/a/a1/T--LINKS_China--home_closed_new.png'"> | ||
+ | <a href="https://2021.igem.org/Team:LINKS_China"><img id="home_main" src="https://static.igem.org/mediawiki/2021/a/a1/T--LINKS_China--home_closed_new.png" class="dropbtn"></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!---Team ----> | ||
+ | <div class="dropdown" onmouseover="team_main.src='https://static.igem.org/mediawiki/2021/5/53/T--LINKS_China--team_open_new_v2.jpg'" onmouseout="team_main.src='https://static.igem.org/mediawiki/2021/9/92/T--LINKS_China--team_closed_new.png'"> | ||
+ | <img id="team_main" src="https://static.igem.org/mediawiki/2021/9/92/T--LINKS_China--team_closed_new.png" class="dropbtn"> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Members"><img src='https://static.igem.org/mediawiki/2021/9/99/T--LINKS_China--team_members_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Attributions"><img src='https://static.igem.org/mediawiki/2021/6/62/T--LINKS_China--team_attributions_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Collaborations"><img src='https://static.igem.org/mediawiki/2021/2/21/T--LINKS_China--team_collaborations_new_v2.png' class="dropbtn" ></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Partnership"><img src='https://static.igem.org/mediawiki/2021/4/4a/T--LINKS_China--team_partnership_new_v2.png' class="dropbtn" ></a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!---Project ----> | ||
+ | <div class="dropdown" onmouseover="project_main.src='https://static.igem.org/mediawiki/2021/2/21/T--LINKS_China--project_open_new_v2.png'" onmouseout="project_main.src='https://static.igem.org/mediawiki/2021/4/40/T--LINKS_China--project_closed_new.png'"> | ||
+ | <img id="project_main" src="https://static.igem.org/mediawiki/2021/4/40/T--LINKS_China--project_closed_new.png" class="dropbtn"> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Description"><img src='https://static.igem.org/mediawiki/2021/7/7d/T--LINKS_China--project_description_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Engineering"><img src='https://static.igem.org/mediawiki/2021/7/7b/T--LINKS_China--project_engineering_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Implementation"><img src='https://static.igem.org/mediawiki/2021/9/91/T--LINKS_China--project_implementation_new_v2.png' class="dropbtn" ></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Proof_Of_Concept"><img src='https://static.igem.org/mediawiki/2021/7/76/T--LINKS_China--project_proofofconcept_new_v2.png' class="dropbtn" ></a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!---Parts ----> | ||
+ | |||
+ | <div class="dropdown" onmouseover="parts_main.src='https://static.igem.org/mediawiki/2021/4/49/T--LINKS_China--parts_open_new_v2.png'" onmouseout="parts_main.src='https://static.igem.org/mediawiki/2021/1/16/T--LINKS_China--parts_closed_new.png'"> | ||
+ | <img id="parts_main" src="https://static.igem.org/mediawiki/2021/1/16/T--LINKS_China--parts_closed_new.png" class="dropbtn"> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Parts_List"><img src='https://static.igem.org/mediawiki/2021/1/1b/T--LINKS_China--parts_partslist_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Contribution"><img src='https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--parts_contribution_new_v2.png' class="dropbtn"></a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!---Wet Lab ----> | ||
+ | <div class="dropdown" onmouseover="wetlab_main.src='https://static.igem.org/mediawiki/2021/c/c1/T--LINKS_China--wetlab_open_new_v2.png'" onmouseout="wetlab_main.src='https://static.igem.org/mediawiki/2021/3/39/T--LINKS_China--wetlab_closed_new.png'"> | ||
+ | <img id="wetlab_main" src="https://static.igem.org/mediawiki/2021/3/39/T--LINKS_China--wetlab_closed_new.png" class="dropbtn"> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Experiments"><img src='https://static.igem.org/mediawiki/2021/7/74/T--LINKS_China--wetlab_experiments_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Measurement"><img src='https://static.igem.org/mediawiki/2021/c/cc/T--LINKS_China--wetlab_measurement_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Notebook"><img src='https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--wetlab_notebook_new_v2.png' class="dropbtn" ></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Results"><img src='https://static.igem.org/mediawiki/2021/1/1f/T--LINKS_China--wetlab_results_new_v2.png' class="dropbtn" ></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Safety"><img src='https://static.igem.org/mediawiki/2021/6/6e/T--LINKS_China--wetlab_safety_new_v2.png' class="dropbtn" ></a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!---Dry Lab ----> | ||
+ | <div class="dropdown" onmouseover="drylab_main.src='https://static.igem.org/mediawiki/2021/6/6f/T--LINKS_China--drylab_open_new_v2.png'" onmouseout="drylab_main.src='https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png'"> | ||
+ | <img id="drylab_main" src="https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png" class="dropbtn"> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Model"><img src='https://static.igem.org/mediawiki/2021/4/46/T--LINKS_China--drylab_modeling_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Hardware"><img src='https://static.igem.org/mediawiki/2021/8/8d/T--LINKS_China--drylab_hardware_new_v2.png' class="dropbtn"></a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!---HPs----> | ||
+ | <div class="dropdown" onmouseover="hps_main.src='https://static.igem.org/mediawiki/2021/7/79/T--LINKS_China--hps_open_new_v2.png'" onmouseout="hps_main.src='https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png'"> | ||
+ | <img id="hps_main" src="https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png" class="dropbtn"> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Human_Practices"><img src='https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--hps_ihps_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Communication"><img src='https://static.igem.org/mediawiki/2021/4/42/T--LINKS_China--hps_communication_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Sustainable"><img src='https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--hps_sustainability_new_v2.png' class="dropbtn"></a></div> | ||
+ | <div><a href="https://2021.igem.org/Team:LINKS_China/Entrepreneurship"><img src='https://static.igem.org/mediawiki/2021/1/11/T--LINKS_China--hps_entreprenuership_new_v2.png' class="dropbtn"></a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------------NavEnd-------------------------------------------------> | ||
+ | |||
+ | |||
+ | <div id="big_header"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--bigheader_resultsv2.jpg" style="position: absolute; top:12.5vw; left: 30vw; width: 40vw;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--descriptionplace_lightpurple.jpg" style="position: absolute; top:12vw; left: 22.5vw; width: 55vw;"> | ||
+ | </div> | ||
+ | |||
+ | <div id="main_content"> | ||
+ | <!------------- | ||
+ | <div id="horizontal_zipper_header"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/7/72/T--LINKS_China--horizontal_zipper2.0.jpg"><img src="https://static.igem.org/mediawiki/2021/7/72/T--LINKS_China--horizontal_zipper2.0.jpg"> | ||
+ | </div>---------> | ||
+ | |||
+ | |||
+ | |||
+ | <!------------------------------------SIDEBAR_AND_TEXT-------------------------------------> | ||
+ | <div id="sidebar_and_texts"> | ||
+ | |||
+ | |||
+ | <!------------------------------------SIDEBAR_START-------------------------------------> | ||
+ | <div id="sidebar"> | ||
+ | |||
+ | <ul class="section_guider" style="list-style: none !important;"> | ||
+ | <li><a href="#section1"><img src="https://static.igem.org/mediawiki/2021/b/b4/T--LINKS_China--sectionguider_test1.2.jpg" id="section1_guider"></a></li> | ||
+ | <li><a href="#section2"><img src="https://static.igem.org/mediawiki/2021/8/80/T--LINKS_China--sectionguider_test2.2.jpg | ||
+ | " id="section2_guider"></a></li> | ||
+ | <li><a href="#section3"><img src="https://static.igem.org/mediawiki/2021/3/35/T--LINKS_China--sectionguider_test3.2.jpg" id="section3_guider"></a></li> | ||
+ | <li><a href="#section4"><img src="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--section_guidertest4.1.jpg" id="section4_guider"></a></li> | ||
+ | <li><a href="#section5"><img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--section_guidertest5.1.jpg" id="section5_guider"></a></li> | ||
+ | <li><a href="#section6"><img src="https://static.igem.org/mediawiki/2021/4/41/T--LINKS_China--section_guidertest6.1.jpg" id="section6_guider"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2021/0/03/T--LINKS_China--section_guidertest7.2.jpg" id="section7_guider"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2021/c/cb/T--LINKS_China--section_guidertest8.1.jpg" id="section8_guider"></a></li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | <ul class="section_header" style="list-style: none !important;"> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section1_header"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section2_header"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section3_header"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section4_header"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section5_header"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section6_header"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section7_header"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section8_header"></li> | ||
+ | </ul> | ||
+ | |||
+ | <a id="top_button" href="#"><img src="https://static.igem.org/mediawiki/2021/8/8e/T--LINKS_China--top_button.jpg"></a> | ||
+ | |||
+ | |||
+ | <nav class="section-nav"> | ||
+ | <ul> | ||
+ | <li><a href="#section1">Overview</a></li> | ||
+ | <li><a href="#section2">Producing Bacterial Cellulose</a></li> | ||
+ | <li><a href="#section3">Spider Silk modification of BC’s properties</a></li> | ||
+ | <li><a href="#section4">Dyeing BC with Natural Dyes</a></li> | ||
+ | <li><a href="#section5">Producing ethyl acetate from the byproducts of fermentation</a></li> | ||
+ | <li><a href="#section6">References</a></li> | ||
+ | <li><a href="#section7"></a></li> | ||
+ | <li><a href="#section8"></a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | </div> | ||
+ | <!------------------------------------SIDEBAR_END-------------------------------------> | ||
+ | |||
+ | |||
+ | <!------------------------------------TEXT_START-------------------------------------> | ||
+ | |||
+ | <div id="texts"> | ||
+ | <h1>OVERVIEW</h1> | ||
+ | <br> | ||
+ | <section class="normal_texts" id="section1"> | ||
+ | <br> | ||
+ | <h2>Goal — The Neoleathic age wants to create a suitable leather substitute with bacterial cellulose (BC) produced from a Symbiotic Co-culture Of Bacteria (Komagataeibacter) and Yeast (SCOBY) by modifying BC in three ways:</h2> | ||
+ | <ol> | ||
+ | <li>Binding spider silk proteins to improve BC’s properties</li> | ||
+ | <li>Dyeing BC with natural dyes</li> | ||
+ | <li>Creating fragrance compounds in BC</li> | ||
+ | </ol> | ||
+ | |||
+ | <h2>Major achievements:</h2> | ||
+ | <ol> | ||
+ | <li>Characterized and perfected BC growth protocols</li> | ||
+ | <li>Successfully bound spider silk proteins in vitro to BC and tested its softness and strength, which showed significant results</li> | ||
+ | <li>Proved the viability of in situ spider silk binding</li> | ||
+ | <li>Achieved mass scale production of natural dyes</li> | ||
+ | <li>Engineered and characterized new bio-bricks relating to dye production</li> | ||
+ | <li>Measured the rate and titer of the enzymes in dye production</li> | ||
+ | <li>Engineered yeast to produce fragrance from the byproducts of BC production</li> | ||
+ | </ol> | ||
+ | |||
+ | <h2>Future directions:</h2> | ||
+ | <p>To achieve our goal of BC becoming a suitable leather substitute, more research needs to be done regarding industrial production and processing of BC. Additionally, an interesting prospect is the direct synthesis of dyes by modifying Komagataeibacter. A simpler, one-celled model for dye synthesis would also greatly improve dye production, as less human resources will be needed (something our modeling team is trying to model!). Overall, while we demonstrate the viability of the Neoleathic age, more research is needed to implement our ideas to reality. </p> | ||
+ | |||
+ | <br> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <br><br><br> | ||
+ | |||
+ | <h1>Producing Bacterial Cellulose</h1> | ||
+ | <section class="normal_texts" id="section2"> | ||
+ | <br> | ||
+ | <p>The base material for our project, bacterial cellulose (BC), is produced by a Symbiotic Co-culture Of Bacteria and Yeast (SCOBY) of<i> Komagataeibacter intermedius/rhaeticus</i> and <i>Saccharomyces cerevisiae</i> (1), similar to the health drink kombucha. Before we begin our project, we had to acquire <i> Komagataeibacter </i> strains for our SCOBY. </p><br> | ||
+ | <h2>Isolating and characterizing Komagataeibacter strains</h2> | ||
+ | <p>To acquire <i>Komagataeibacter</i> strains, we bought commercially available kombucha and isolated <i>Komagataeibacter</i> from the drink. We performed 16sRNA PCR and sequencing of different strains and constructed a phylogenetic tree (Fig. 1) to identify our strains of <i>Komagataeibacter</i>.</p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/d/d2/T--LINKS_China--results_strainsiamge.jpg" style="width: 42vw"> | ||
+ | <p> Figure 1. Phylogenetic tree of our strains (25, 12, B2, and 40) constructed using 16sRNA analysis. Due to size constraints, “rh” stands for rhaeticus, “xy" for “xylinus”, "in" for “intermedius”, “su” for “sucrofermentans”, and “ob” for “oboediens”</p> | ||
+ | </div><br> | ||
+ | |||
+ | <p>We then cultured Komagataeibacter rhaeticus and Komagataeibacter intermedius on YPD plates with 0.5% glucose and 1% cellulase and took photos under a microscope (Fig. 2)</p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0e/T--LINKS_China--results_pic2.jpg" style="width: 48vw"> | ||
+ | <p> Figure 2. A. Pictures of K. rhaeticus and K. intermedius under a microscope. The visible crystals within K. intermedius are likely the result of salt in the medium. B. The edge of a K. rhaeticus culture. The effects of cellulase can be see with the broken cellulose fragments. </p> | ||
+ | </div><br> | ||
+ | |||
+ | <p>After identifying our strains, we grew them, individually, for ten days and measured the dry weight of the BC produced, to figure out which strains can produce the most BC. </p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <p> Figure 5. Comparison of ten day BC dry weight for strains 12, 25, 40, and B2. </p> | ||
+ | </div><br> | ||
+ | |||
+ | <p>Sample BC membranes from <i>Komagataeibacter</i> strain 25 are generally heavier than samples from strain 12, indicating that strain 25 may be a better choice for growing BC membrane due to its higher BC yield. (*还要compare其他的)</p> | ||
+ | |||
+ | |||
+ | <p> Afterwards, we then attempted SCOBY with all four strains 12, 25, 40, and B2. 12 and 25 were extremely unstable in SCOBY, and were incapable of consistently forming a BC membrane in SCOBY. 40 was more stable than 12 and 25, and was able to form BC fairly consistently, but it had a slow growth rate in SCOBY. B2, on the other hand, was able to consistently form BC in SCOBY, and had a fast growth rate in SCOBY compared to 40. Thus, B2 was selected for the rest of the project.</p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/6/64/T--LINKS_China--results_pic3_test.jpg" style="width: 48vw"> | ||
+ | <p>Comparison of samples</p> | ||
+ | </div> | ||
+ | <br> | ||
+ | <h2>Different growth stages of SCOBY and BC</h2> | ||
+ | |||
+ | <p>We grew our SCOBY and characterized the BC in different growth environments (Fig. 3a). A side note here is that <i>Komagataeibacter</i> can produce BC on its own with the presence of glucose. All cultures are grown in YPD with 0.5% sucrose. Aerobic conditions are ensured for all cultures.</p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/9/9c/T--LINKS_China--results_pic4_test.jpg" style="width: 40vw"> | ||
+ | <p>Figure 3. A. In clockwise order starting from the top left: Komagataeibacter in 14mL culturing tube with 5mL YPD, SCOBY in 50mL centrifuge tube with 15mL YPD, Komagataeibacter in 50mL centrifuge tube with 15mL YPD, SCOBY in 2L glass bowl with 600mL YPD, SCOBY in 4L glass tank with 2L YPD. B. Unprocessed BC from 4L glass tank. </p> | ||
+ | </div> | ||
+ | |||
+ | <p>In the 14mL culturing tube, the Komagataeibacter grew into a furry, ball-like structure, with the inner part made of cellulose, and the outer part made of bacteria. After approximately one week, Komagataeibacter culture’s BC will be 2-3 mm thick, while SCOBY’s BC will be 5-6 mm thick, indicating that yeast is extremely helpful in increasing BC yields. </p><br> | ||
+ | |||
+ | <h2>Measuring membrane growth</h2> | ||
+ | |||
+ | <p>To gain a better understanding of BC's growth, we measured SCOBY's BC's thickness over time in different growth conditions (Fig. 4), with the same medium as before.</p> | ||
+ | |||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/7/7b/T--LINKS_China--results_pic5_test.jpg" style="width: 45vw"><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/c/cf/T--LINKS_China--results_pic6_test.jpg" style="width: 45vw"><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/5/59/T--LINKS_China--results_pic7_test.jpg" style="width: 45vw"><br> | ||
+ | <p> Figure 4. From top to bottom, measurement of the thickness of SCOBY's BC's thickness in 50mL centrifuge tubes, 1.5L glass bowl, and 4L glass tank over time. </p> | ||
+ | </div><br> | ||
+ | |||
+ | <p> We noticed that the BC membrane generally grows faster during the first few days, and its growth rate gradually slows down to zero after seven to ten days, something useful in order to determine when to harvest the BC. </p><br> | ||
+ | |||
+ | <h2>Producing BC on a large scale</h2> | ||
+ | <p> To produce BC on a more massive scale for further experimentation and proof of concept, we amplified production from a 50mL test tube to 1.5L glass bowl to finally a 4L glass tank. The biggest barrier during the entire process was contamination, and we had multiple attempts fail because of contamination, especially our first few attempts. This inspired us to visit Classy-Kiss (read more on our visit on our iHPs page), where we gained insight into how they sterilized their equipment. Furthermore, they also provided helpful advice regarding optimal fermentation conditions. As we wanted our BC to be a leather substitute in the future, we designed a “box” (the name of our hardware) capable of growing and processing the leather in one place, without the need for humans. Visit our hardware page for more information!</p> | ||
+ | |||
+ | |||
+ | <br> | ||
+ | </section> | ||
+ | |||
+ | <br><br><br> | ||
+ | |||
+ | |||
+ | <h1>Spider Silk modification of BC’s properties</h1> | ||
+ | <section class="normal_texts" id="section3"> | ||
+ | <br> | ||
+ | <p>Dry BC is very brittle, similar to dry tree bark (they are both made of cellulose). This brittleness makes it unsuitable as a leather substitute. Therefore, we hypothesized that by using a synthetic spider silk protein NT2RepCT (first characterized by GBSZ_2019; it was the best basic part of 2019) fused with cellulose binding matrixes (CBMs) to create CBM-NT2RepCT-CBM proteins, which can bind to our BC and improve its physical characteristics. Additionally, by engineering yeast to secrete CBM-NT2RepCT-CBM, we hope to bind spider silk proteins to BC as it is forming.</p><br> | ||
+ | |||
+ | <h2>Structure and properties of spider silk and reinforcing BC</h2> | ||
+ | |||
+ | <p>Spider silk proteins in nature are made of multiple repetitive amino acid sequences, up to hundreds of repeats long. These amino acid sequences form beta-pleated sheets, and hydrogen-bonds between the repeats stabilize the structure and form the spider silk we see. Artificial spider silk proteins contains much less repeats, only two repeats in NT2RepCT. However, they still function similarly to natural spider silk. When not in the “string” form we see, spider silk proteins display hydrogel characteristics, forming a net of proteins, similar to our BC. By interlacing cellulose with spider silk, we create a reinforced net-like material, denser than both spider silk or BC alone. Furthermore, by attaching the spider silk to BC, we create a hydrogel made of two connected “nets”, making it stronger and softer than our original BC (Fig. 7).</p><br> | ||
+ | |||
+ | <h2>Structure and properties of CBMs</h2> | ||
+ | |||
+ | <p>To bind our spider silk proteins to BC, we used cellulose binding matrixes (CBMs). As implied by its name, CBMs bind to cellulose fibers. It is an artificial protein with its sequence being derived from natural proteins with cellulose-binding functions, such as cellulase, thus its name “matrix”. There are three types are CBMs, CBM1, CBM2, and CBM3, with differ in their size. CBM1 is the smallest, whilst CBM3 is the biggest.The CBMs used throughout our project is CBM3 from <i>Ruminiclostridium thermocellum</i> (Protein Data Bank accession number 1NBC) (2) and CBM2 from <i>Cellulomonas fimi</i>. Figure 8 shows their predicted structures and active sites.</p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/e/e0/T--LINKS_China--results_pic8_test.jpg" style="width: 45vw;"><br> | ||
+ | <p>Figure 8. Predicted structure and active site of CBM2 (left) and CBM3 (right)</p> | ||
+ | </div><br> | ||
+ | |||
+ | <h2>Constructing CBM2/3-NT2RepCT-CBM2/3 plasmids</h2> | ||
+ | |||
+ | <p>We constructed our spider silk fused with CBMs (CBM3-NT2RepCT-CBM3 and CBD-NT2RepCT-CBD) by golden gate assembly. Primers were used to add BsaI restriction sites and short flexible linkers of 5 amino acids (GSGGS and GGGGS) in NT2RepCT (we have access to GBSZ 2019’s strain) to fuse the respective domains together in the pET28a vector with two BsaI sites sandwiched between two CBMs (acquired by DNA synthesis) (Fig. 9a). After construction, the plasmids were transformed successfully into <i>E. coli</i> strain BL21 for inducible expression under the T7 system with IPTG (Fig. 9b). </p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/1/1f/T--LINKS_China--results_pic9_test.jpg" style="width: 49vw;"><br> | ||
+ | <p>Figure 9. A. Schematic representing the design and construction of CBM-NT2RepCT-CBM. CBM represents either CBM3 or CBD. B. Colony PCR gel electrophoresis results from transformation into E. coli BL21. </p> | ||
+ | </div><br> | ||
+ | |||
+ | <h2>Comparing the solubility of CBM2/3 fused with NT2RepCT</h2> | ||
+ | <p> Expression of CBM3, CBM2, CBM3-NT2RepCT-CBM3, and CBD-NT2RepCT-CBD in E. coli BL21 was induced with IPTG and a SDS-PAGE analysis was conducted (Fig. 10).</p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--results_pic10_test.jpg" style="width: 49vw;"><br> | ||
+ | <p> Figure 10. A. Schematic representing the constructed CBM3-NT2RepCT-CBM3 and CBD-NT2RepCT-CBD plasmids. B. SDS-PAGE gel results of expression of CBM3-NT2RepCT-CBM3 and CBD-NT2RepCT-CBD in E. coli BL21. The black and red arrows indicate CBM3-NT2RepCT-CBM3 and CBD-NT2RepCT-CBD respectively. </p> | ||
+ | </div><br> | ||
+ | |||
+ | <p>As shown by the SDS-PAGE results, CBM2-NT2RepCT-CBM2 was present in the whole cell sample, but absent in the supernatant, whilst CBM3-NT2RepCT-CBM3 was present in both, indicating poor water solubility of CBM2-NT2RepCT-CBM2. Therefore, CBM3-NT2RepCT-CBM3 was chosen for the rest of the project. The difference in size between CBM2 and CBM3 can also be seen. </p><br> | ||
+ | |||
+ | <h2>Purification of CBM3-NT2RepCT-CBM3</h2> | ||
+ | <p>To test whether or not NT2RepCT or CBM3-NT2RepCT-CBM3 made a difference after mixing or binding with our BC, we first needed to purify both proteins. We cultured and induced both proteins with IPTG, and used standard his-tag purification methods and a BCA test to determine the concentration of our spider silk proteins (Fig. 10). </p> | ||
+ | <p>There was a higher concentration of NT2RepCT than CBM3-NT2RepCT-CBM3, with their concentrations being 0.38mg/mL and 0.265mg/mL respectively. </p> | ||
+ | |||
+ | <h2>Measuring softness and tensile stress of BC mixed with NT2RepCT and CBM3-NT2RepCT-CBM3</h2> | ||
+ | <p>After purification of both NT2RepCT and CBM3-NT2RepCT-CBM3, we mixed each with dried BC. We then tested the softness of BC mixed with different amounts of CBM3-NT2RepCT-CBM3 (10-day pellicle with approx. same weight grown in a 50mL tube with 0, 0.5, 1.5, and 3.4mg of CBM3-NT2RepCT-CBM3) (Fig. 11a), and the tensile strength of pure BC, BC with NT2RepCT, and BC with CBM3-NT2RepCT-CBM3 (Fig. 11b). More information about how we did the experiments can be found here. </p> | ||
+ | |||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/2/26/T--LINKS_China--results_pic11_test.jpg" style="width: 46vw;"><br> | ||
+ | <p>Figure 11. A. Comparison of the softness of BC mixed with 0, 0.5, 1.5, and 3.4mg of CBM3-NT2RepCT-CBM3. B. Comparison of maximal stress between pure BC, BC with NT2RepCT, and BC with CBM3-NT2RepCT-CBM3. All error bars represent two standard deviations from the mean. */** represents a confidence level of 95/99%. </p> | ||
+ | </div><br> | ||
+ | |||
+ | <p>There is a steady increase of softness as more CBM3-NT2RepCT-CBM3 is added to BC, showing an increase of approximately 50% between pure BC and BC with 3.4mg of CBM3-NT2RepCT-CBM3. More surprising is the one fold increase between pure BC and BC with CBM3-NT2RepCT-CBM3, demonstrating that the combination of BC and spider silk is a viable way to increase BC’s strength. Additionally, the difference in tensile strength is significant between NT2RepCT and CBM3-NT2RepCT-CBM3, showing that the addition of CBM3 is crucial in achieving a stronger material. </p><br> | ||
+ | |||
+ | |||
+ | <h2>Engineering yeast to produce and secrete CBM3-NT2RepCT-CBM3 as BC is forming</h2> | ||
+ | <p>As we addition of CBM3-NT2RepCT-CBM3 is shown to increase the softness and tensile strength of BC, making it more like traditional leather, we wanted to engineer yeast to produce and secrete CBM3-NT2RepCT-CBM3 to bind to the BC as it is forming in SCOBY (Fig. 12). This way, the labor-intensive process of protein purification can be skipped. </p> | ||
+ | |||
+ | <p>To enable secretion of production in yeast, we need to attach a short maturation factor alpha (Mα) to our protein. Previous research has characterized Mα and mutated it to become more efficient at protein secretion. For our project, we selected Mα E86T; A87N (referred to as MαMut) as it had one of the highest secretion rates (3). We constructed two plasmids, MαMut-sfGFP-CBM3 and MαMut-CBM3-NT2RepCT-CBM3. </p> | ||
+ | |||
+ | <h2>Verifying secretion of protein with MαMut-sfGFP-CBM3 (Fig. 13)</h2> | ||
+ | <h2>Growing SCOBY with MαMut-sfGFP-CBM3(Fig. 14)</h2> | ||
+ | <h2>Comparing in situ and in vitro binding of MαMut-CBM3-NT2RepCT-CBM3 (Fig. 15)</h2> | ||
+ | |||
+ | <br> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <br><br><br> | ||
+ | |||
+ | <h1>Dyeing BC with Natural Dyes</h1> | ||
+ | <section class="normal_texts" id="section4"> | ||
+ | <br> | ||
+ | |||
+ | <p>Tanning and dyeing animal leather is very polluting process. In areas with lax regulations, such pollution will enter the natural ecosystem, significantly impacting its health. Therefore, we produced three natural dyes — indigo, tyrian purple (6, 6’dibromoindigo), and tyrian red (6, 6’dichloroindigo) in <i>E. coli</i> from tryptophan (trp) to dye our BC. We experimented with different expression systems and protein linkers and quantified the production of our intermediate product and our final dyes. </p><br> | ||
+ | |||
+ | <h2>Production pathway of indigo, tyrian purple, and tyrian red from Trp</h2> | ||
+ | <p>Production of indigoid dyes from trp require three enzymes: Trp-6-halogenase, TnaA and FMO (4). Trp-6-halogenase will halogenize trp’s 6th carbon in the presence of halide salts, turning trp into 6-X-trp, where X is a halogen. TnaA will separate the indole sidechain of trp from the amino acid backbone, turning trp or 6-X-trp into indole or 6-X-indole (we only care about indole). FMO will add a hydroxyl group to the 3rd carbon on indole or 6-X-indole to convert it to 3-hydroxy-indole or 3-hydroxy-6-X-indole. Finally, 3-hydroxy-indole or 3-hydroxy-6-X-indole will spontaneously dimerize into indigo or 6, 6’diXindigo (Fig. 16). </p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/d/de/T--LINKS_China--results_pic12_test.jpg" style="width: 50vw;"><br> | ||
+ | <p>Figure 16. Schematic representing conversion of trp into indigo or tyrian purple under the presence of trp-6-halogenase, TnaA, and FMO. The problem arises when trp-6-halogenase, TnaA, and FMO is simultaneously expressed, as trp will trend towards indigo, not tyrian purple. </p> | ||
+ | </div><br> | ||
+ | |||
+ | <p>The problem arises when we simultaneously express all three enzymes (trp-6-halogenase, TnaA, and FMO) under the presence of trp. Trp will, more likely, take the shorter enzymatic pathway and be turned into indigo by TnaA and FMO, without being halogenated first by trp-6-halogenase. To achieve optimal production of halogenated indigoid dyes, we need to separate expression of trp-6-haloganese and TnaA and FMO. To do this, we constructed two strains of E. coli, one expressing trp-6-halogenase, the other TnaA and FMO. </p><br> | ||
+ | |||
+ | <h2>Improving solubility of trp-6-halogenase</h2> | ||
+ | <p>Previous research has already characterized the fused enzyme Fre-SttH as a trp-6-halogenase (4). Thus, we chose to use Fre-SttH as our trp-6-halogenase.</p> | ||
+ | <p>Fre-SttH is composed of two separate domains, Fre and SttH. SttH is a trp-6-haloganese that requires FADH2 as a cofactor to convert trp into 6-X-trp, and is highly insoluble in E. coli. Therefore, previous researchers have fused Fre, a highly-soluble flavin reductase which reduces FAD to FADH2 from E. coli, with SttH as a N-terminal soluble tag, enabling the protein to become soluble and eliminating the need for costly FADH2 cofactors to be added (Fig. 17)(4).</p> | ||
+ | |||
+ | <div class="picture_and_explanation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--results_pic13_test.jpg" style="width: 47vw;"><br> | ||
+ | <p>Figure 17. Schematic representing the fusion of Fre to SttH to eliminate the need for costly FADH2 cofactors to be added and to make SttH soluble in E. coli (4).</p> | ||
+ | </div><br> | ||
+ | |||
+ | |||
+ | <h2>Expressing Fre-SttH in <i>E. coli</i></h2> | ||
+ | <p>To express Fre-SttH, we first attempted the T7 system, commonly used in <i>E. coli</i> BL21. We constructed histag-Fre-SttH in the T7 system with a lacO promoter, but found both its expression and solubility to be fairly low, thus making it unsuitable for our project. </p> | ||
+ | <p>Because we needed a knockout TnaA (TnaA is naturally expressed in <i>E. coli</i>, giving it its characteristic scent) strain to express Fre-SttH so that our 6-X-Trp will not turn into 6-X-indole for measurement purposes, we switched from the T7 system to the ptac system. The ptac system, unlike the T7 system which can only be used in <i>E. coli</i> BL21, can be used in all E. coli strains. Our knockout strain was supplied in <i>E. coli</i> DH5α, courtesy of Sha Zhou, in which we constructed ptac-histag-Fre-SttH and ptac-Fre-SttH. </p> | ||
+ | <p>We then expressed induced expression of both proteins (histag-Fre-SttH and Fre-SttH) and performed SDS-PAGE analysis. Results show that histag-Fre-SttH expression and solubility were poor, but Fre-SttH had extremely high expression and high solubility. Thus, ptac-Fre-SttH in ΔtnaA <i>E. coli</i> DH5α was used for all further experiments. </p> | ||
+ | |||
+ | <h2>Measuring Fre-SttH activity and substrate-product concentrations using HPLC</h2> | ||
+ | <p>In order to quantify our enzymatic rate of Fre-SttH and measure the substrate-product concentrations of Trp and 6-X-Trp, we induced Fre-SttH expression and added Trp and NaCl/NaBr. We then took samples of the culture every 6 hours for 24 hours for HPLC analysis. The relative concentrations of Trp and 6-X-Trp was calculated for every sample.</p> | ||
+ | <p>The rate of conversion from Trp + NaCl to 6-Cl-Trp was faster than that of its Br counterpart, reaching around 1.4mM after 24 hours for Cl, compared to 1.0mM for Br. To learn more about how we did the experiment, visit our experiment and measurement pages. From this, we acquired several enzymatic constants, which was vital to our modeling team. </p><br> | ||
+ | |||
+ | <h2>Fusing TnaA and FMO together</h2> | ||
+ | <p>To improve the reaction speed of TnaA and FMO, we fused these two proteins together into TnaA-FMO. This increases the chance of 6-X-Trp, after being halogenized by FMO, encountering TnaA to form the dyes, rather than being de-halogenated or degraded by the cell. </p><br> | ||
+ | |||
+ | <h2>Designing TnaA-FMO</h2> | ||
+ | <p>We designed and engineered three strains of <i>E. coli</i>, 044, 042, and 047, which expresses TnaA-rbs-FMO (TnaA and FMO is expressed separately), TnaA-rigid linker-FMO (TnaA-RL-FMO), and TnaA-Flexible linker-FMO (TnaA-FL-FMO). The sequences for RL and FL are EAAAKEAAAK and GGGGSGGGGS respectively. As TnaA is expressed as a tetramer and FMO a dimer, we speculate that a TnaA tetramer at the center of the fused protein, with FMO forming two dimers to each side of the TnaA tetramer, similar to a CO2 molecule. As such, we speculate that 047 (TnaA-FL-FMO) will have higher efficiency than 044 (TnaA-rbs-FMO) and 042 (TnaA-RL-FMO), as the fused protein can more easily form into its working conformation. </p> | ||
+ | <p>We constructed 044, 042, and 047 plasmids for the ptac system, and we cultured and induced these strains with IPTG. Afterwards, 1mM of either Trp, 6-Cl-Trp, or 6-Br-Trp was added, and the relative titers of each strain was taken by using a standard calibration curve of the three dyes. 缺这里的数据</p> | ||
+ | <p>Drawing inspiration upon GBSZ 2019’s TnaA-rbs-FMO expression system using a constitutive promoter system(TALEsp2) (025), we designed TALEsp2-TnaA-FL-FMO (046), and compared the titers of 025 and 046, to further test whether a TnaA-FL-FMO has higher titres than TnaA-rbs-FMO.缺数据</p> | ||
+ | <p>After confirming the efficacy of Fre-SttH and TnaA-FMO, we wanted to attempt producing dyes from Trp and NaX salts. We cultured and induced Fre-SttH, then took its supernatant and added it to the TnaA-FMO cultures. </p> | ||
+ | <p>The 047 (TnaA-FL-FMO) culture is much more darker and purer in color compared to the rest, showing that 047 probably produced more dyes than the other strains. 025 and 044, on the other hand, whilst still producing a substantial amount of dyes, have colors that are bluer compared to other strains, indicating that apart from tyrian purple/red, these strains also produced indigo. The reason for this is still unknown, but we speculate that it might be because after TnaA acts upon 6-X-Trp to form 6-X-indole, the 6-X-indole might then be de-halogenated before FMO can turn into tyrian purple/red. FMO will then turn the indole into indigo. </p> | ||
+ | <p>We then measured the titers of the above cultures. 缺数据</p> | ||
+ | <p>To dye clothe and our BC, we scaled up production of our dyes. We then dyed silk handkerchiefs and our BC. </p> | ||
+ | <p>The resulting large-scale production was optimal, and the color on the silk and BC is similar to commercial, artificial dyes. </p> | ||
+ | |||
+ | |||
+ | <br> | ||
+ | </section> | ||
+ | |||
+ | <br><br> | ||
+ | |||
+ | |||
+ | <h1>Producing ethyl acetate from the byproducts of fermentation</h1> | ||
+ | <section class="normal_texts" id="section5"> | ||
+ | <br> | ||
+ | |||
+ | <h2>Metabolic pathway of producing ethyl acetate</h2> | ||
+ | <p>In SCOBY, yeast will break down sucrose into glucose and fructose, and <i>Komagataeibacter</i> will then oxidize glucose, to gain energy, into acetate. The resulting acetate is a useless byproduct of SCOBY, which will accumulate in the culture. This acetate creates two problems. One, acetate is acidic, and can interfere with secreted yeast proteins, such as MαMut-CBM3-NT2RepCT-CBM3. Second, acetate itself is odorous and smells like vinegar.</p> | ||
+ | |||
+ | |||
+ | <p>In order to utilize the accumulated acetate and to convert it into something useful, we decided on a simple metabolic pathway to turn ethanol (also produced by yeast in SCOBY) and acetate into ethyl acetate. Ethyl acetate contains a fruity smell. This pathway can be completed with two heterologous enzymes: SaACS2 from <i>Salmonella enterica</i> and AeAT9 from <i>Actinidia eriantha</i> (kiwifruit). SaACS2 operates best under anaerobic conditions, and converts acetate into acetyl-CoA. AeAT9 combines acetyl-CoA and ethanol to form ethyl acetate. </p> | ||
+ | |||
+ | |||
+ | <p> We then constructed plasmids containing pTEF1-SaACS2-tADH1 and pRPL8B-AeAT9-tSSA1, through the use of a yeast toolkit first characterized by Lee et al. (5). We synthesized the level 0 plasmids, each containing a basic bio-brick (promoter, terminator, coding region, etc.) flanked by two BsaI restriction sites. Then we constructed the level 1 plasmids (pTEF1-SaACS2-tADH1 and pRPL8B-AeAT9-tSSA1), containing 1 transcriptional unit capable of expression in yeast, using golden gate assembly of 8 level 0 plasmids. </p> | ||
+ | |||
+ | |||
+ | <p>To construct the final large plasmid, we used the previous two level 1 plasmids which contained our target transcriptional units and another level 1 plasmid which acts as the plasmid to perform BsmBI golden gate assembly. During this entire process, we were in close contact and collaboration with AISSU_Union (we share the same lab), where we shared resources, plasmids, and experience with each another. Specifically, their instructor, Tianxiang Wang, was instrumental in guiding our plasmid construction, after we failed multiple times. Read more about our partnership here. </p> | ||
+ | |||
+ | <p> After the final level 2 plasmid (pTEF1-SaACS2-tADH1-pRPL8B-AeAT9-tSSA1) was successfully constructed, we transformed this plasmid into yeast. </p> | ||
+ | |||
+ | <p>After transformation was confirmed, we cultured the yeast for 24 hours in YPD + glucose, then added 0.1% and 0.2% pure ethanol and acetate to different cultures. We took samples at 24h, 48h, and 72h to perform gas chromatography analysis.</p> | ||
+ | |||
+ | <p>We received surprising cultures of yeast, unlike anything we or our instructors have seen before. It was a globulous yellow structure that floated around in the medium, with some similarity to ginseng. This glob continuously grew as time progressed, indicating that it was not dead cells caused by SaACS2 or AeAT9 protein toxicity. Furthermore, this glob was present in all 5 cultures (1 0% culture as control, 2 0.1% acetate & ethanol cultures, and 2 0.2% acetate & ethanol cultures), meaning that the formation of the glob was independent of the addition of acetate and ethanol. </p> | ||
+ | |||
+ | <p>We speculate that the glob is a result of SaACS2’s affinity to be expressed in anaerobic conditions. During shake culturing, the yeast cells with the least contact with air started to express SaACS2. As SaACS2 is highly efficient at synthesizing acetyl-CoA (more than 50 times as efficient as homologous ACS1 in yeast), the cells which expressed SaACS2 grew substantially faster than the other cells, using acetyl-CoA as an energy source. Over time, these cells accumulated to form the glob we see. However, as time is limited (wiki freeze), we did not have time to test our hypothesis.</p> | ||
+ | |||
+ | <p>Despite the weird culture, our GC results show that … 没数据</p> | ||
+ | |||
+ | <br> | ||
+ | </section> | ||
+ | <br><br> | ||
+ | |||
+ | |||
+ | <h1>References</h1> | ||
+ | <section class="references" id="section6"> | ||
+ | <br> | ||
+ | <ol> | ||
+ | <li>Aaron</li> | ||
+ | <li>Aaron</li> | ||
+ | <li>Aaron</li> | ||
+ | <li>Aaron</li> | ||
+ | <li>Aaron</li> | ||
+ | <li>Still Aaron</li> | ||
+ | <li>Still still Aaron</li> | ||
+ | <li>Aaron......</li> | ||
+ | <li>..... and Aaron</li> | ||
+ | </ol> | ||
+ | <br> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <br><br><br> | ||
+ | <!------------------------------------TEXT_END-------------------------------------> | ||
+ | |||
+ | <div id="footer"> | ||
+ | <div id="links-logo"> | ||
+ | <a href="https://2021.igem.org/Team:LINKS_China"><img src="https://static.igem.org/mediawiki/2021/3/33/T--LINKS_China--footer_teamlogo.png" height="100" width="auto"></a> | ||
+ | </div> | ||
+ | <div id="footer-divider"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" height="125" width="2"> | ||
+ | </div> | ||
+ | <div id="footer-text"> | ||
+ | <h3>Sponsors</h3> | ||
+ | </div> | ||
+ | <div id="snapgene-logo"> | ||
+ | <a href="https://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2021/5/5e/T--LINKS_China--SnapGeneLogo.jpg"></a> | ||
+ | </div> | ||
+ | <div id="linkspider-logo"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/3/38/T--LINKS_China--linkspider_logo.png" height="100" width="auto"> | ||
+ | </div> | ||
+ | <div id="basis-logo"> | ||
+ | <a href="https://basis-global.com/"><img src="https://static.igem.org/mediawiki/2021/7/7d/T--LINKS_China--basis_logo.png" height="100" width="auto"></a> | ||
+ | </div> | ||
+ | <div id="scie-logo"> | ||
+ | <a href="https://www.scie.com.cn/"><img src="https://static.igem.org/mediawiki/2021/e/ec/T--LINKS_China--scie_logo.png" height="100" width="auto"></a> | ||
+ | </div> | ||
+ | <div id="footer-divider2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" height="125" width="2"> | ||
+ | </div> | ||
+ | <div id="footer-text2"> | ||
+ | <h3>Follow Us</h3> | ||
+ | </div> | ||
+ | <div id="ins-logo"> | ||
+ | <a href="https://www.instagram.com/links_china/"><img src="https://static.igem.org/mediawiki/2021/0/07/T--LINKS_China--ins_logo_tp.png" height="90" width="auto"></a> | ||
+ | </div> | ||
+ | <div id="bilibili-logo"> | ||
+ | <a href="https://space.bilibili.com/71190254?from=search&seid=7679001301054558817&spm_id_from=333.337.0.0"><img src="https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--bilibili_logo_tp.png" height="60" width="auto"></a> | ||
+ | </div> | ||
+ | <div id="email-logo"> | ||
+ | <a href="mailto: links_china@outlook.com"><img src="https://static.igem.org/mediawiki/2021/d/df/T--LINKS_China--email_logo.png" height="90" width="auto"></a> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--footer4.png" class="footer"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | html { | ||
+ | scroll-behavior: smooth; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----------------------------------------FONTS--------------------------------------------*/ | ||
+ | @font-face{ | ||
+ | font-family: "Jost" ; | ||
+ | src: url("https://static.igem.org/mediawiki/2021/6/65/T--LINKS_China--fonts_jost.ttf"); | ||
+ | } | ||
+ | |||
+ | |||
+ | @font-face{ | ||
+ | font-family: "Roboto"; | ||
+ | src: url("https://static.igem.org/mediawiki/2021/6/66/T--LINKS_China--fonts_roboto_regular.ttf"); | ||
+ | } | ||
+ | |||
+ | @font-face{ | ||
+ | font-family: "Lato"; | ||
+ | src: url("https://static.igem.org/mediawiki/2021/d/d2/T--LINKS_China--fonts_lato_regular.ttf"); | ||
+ | } | ||
+ | |||
+ | |||
+ | @font-face{ | ||
+ | font-family: "Open Sans"; | ||
+ | src: url("https://static.igem.org/mediawiki/2021/5/5e/T--LINKS_China--fonts_opensans.ttf"); | ||
+ | } | ||
+ | |||
+ | @font-face{ | ||
+ | font-family: "LatoLight"; | ||
+ | src: url("https://static.igem.org/mediawiki/2021/f/f9/T--LINKS_China--fonts_Latolight.ttf") | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------BIG HEADER AND HORIZONTAL ZIPPER------------------------------------------*/ | ||
+ | #big_header{ | ||
+ | width: 100vw; | ||
+ | height: 49vw; | ||
+ | background: url(https://static.igem.org/mediawiki/2021/4/43/T--LINKS_China--backgroundimg_results.jpg); | ||
+ | background-attachment:scroll; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position:top; | ||
+ | background-size: 105%; | ||
+ | padding: 0; | ||
+ | box-shadow: 0 0 0.4vw 0.4vw #fbedf3 inset; | ||
+ | } | ||
+ | |||
+ | #big_header img{ | ||
+ | width: 100vw; | ||
+ | height: auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | #horizontal_zipper_header{ | ||
+ | display: flex; | ||
+ | } | ||
+ | |||
+ | #horizontal_zipper_header img{ | ||
+ | flex: 50%; | ||
+ | width: 48vw; | ||
+ | height: 1vw; | ||
+ | padding: 2vw; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------SIDEBAR FOR COMPUTERS------------------------------------------*/ | ||
+ | |||
+ | @media only screen and (min-device-width: 768px) { | ||
+ | #sidebar_and_texts { | ||
+ | display: grid; | ||
+ | grid-template-columns: 0.27fr 1.63fr; | ||
+ | gap: 0px 0px; | ||
+ | align-items: baseline; | ||
+ | } | ||
+ | |||
+ | #sidebar { | ||
+ | position: sticky; | ||
+ | top: 5vw; | ||
+ | left: 3vw; | ||
+ | margin: 0; | ||
+ | font-size: 2.25em; | ||
+ | line-height: 1.2; | ||
+ | height: 34vw; | ||
+ | width: 3.9vw; | ||
+ | border: 3.3px solid #600136; | ||
+ | border-radius: 1.25vw; | ||
+ | background-attachment:scroll; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position:top; | ||
+ | background-size: 100%; | ||
+ | transition: top 0.3s; /* Transition effect when sliding down (and up) */ | ||
+ | } | ||
+ | |||
+ | #sidebar .section_guider{ | ||
+ | position: absolute; | ||
+ | z-index: 2; | ||
+ | list-style: none !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #sidebar .section_guider li{ | ||
+ | z-index: 2; | ||
+ | list-style: none !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar .section_guider img{ | ||
+ | width: 2.56vw; | ||
+ | top: 4px; | ||
+ | margin: 0vw 0vw 0vw 0vw; | ||
+ | right: 36.7px; | ||
+ | height: auto; | ||
+ | z-index: 2; | ||
+ | list-style: none !important; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #sidebar .section_header li{ | ||
+ | z-index: 2; | ||
+ | list-style: none !important; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #sidebar .section_header{ | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | list-style: none !important; | ||
+ | } | ||
+ | |||
+ | #sidebar .section_header img{ | ||
+ | position: relative; | ||
+ | width: 11.2vw; | ||
+ | top: -1.3vw; | ||
+ | padding: 1.75vw 0vw 0vw 0vw; | ||
+ | right: 0.55vw; | ||
+ | height: auto; | ||
+ | z-index: 2; | ||
+ | list-style: none !important; | ||
+ | position: relative; | ||
+ | opacity: 0; | ||
+ | float: initial; | ||
+ | } | ||
+ | |||
+ | #sidebar #top_button img{ | ||
+ | position: relative; | ||
+ | width: 5vw; | ||
+ | top: 0.5vw; | ||
+ | left: -0.525vw; | ||
+ | } | ||
+ | |||
+ | .section-nav{ | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------SIDEBAR FOR IPADS AND PHONES------------------------------------------*/ | ||
+ | |||
+ | |||
+ | @media only screen and (max-device-width: 768px) { | ||
+ | #sidebar_and_texts { | ||
+ | display: grid; | ||
+ | grid-template-columns: 0.31fr 1.59fr; | ||
+ | gap: 0px 0px; | ||
+ | align-items: baseline; | ||
+ | } | ||
+ | |||
+ | #sidebar { | ||
+ | display: block; | ||
+ | border: 0px solid #600136; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar .section_guider{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar .section_guider li{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar .section_guider img{ | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar .section_header{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar .section_header li{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar .section_header img{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar #top_button img{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | .section-nav{ | ||
+ | display: block; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | .section-nav li.active > a { | ||
+ | color: #630330; | ||
+ | font-weight: 1200; | ||
+ | } | ||
+ | |||
+ | /* Sidebar Navigation */ | ||
+ | .section-nav { | ||
+ | padding-left: 0; | ||
+ | border: 3px solid #efefef; | ||
+ | color: white; | ||
+ | width: 11vw; | ||
+ | height: 30vw; | ||
+ | font-size: 9pt; | ||
+ | border-radius: 17px; | ||
+ | } | ||
+ | |||
+ | .section-nav li { | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .section-nav li a { | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | padding: .125rem 0; | ||
+ | color: #ccc; | ||
+ | transition: all 50ms ease-in-out; | ||
+ | right: 3vw; | ||
+ | } | ||
+ | |||
+ | |||
+ | .section-nav a:hover, | ||
+ | .section-nav a:focus { | ||
+ | color: #630330; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------MAIN TEXTS------------------------------------------*/ | ||
+ | #texts{ | ||
+ | position: relative; | ||
+ | top: 0vw; | ||
+ | padding: 3vw; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #texts h1{ | ||
+ | font-size: 5em; | ||
+ | color: #630330; | ||
+ | font-family: 'Open Sans'; | ||
+ | z-index: 5; | ||
+ | font-weight: bolder; | ||
+ | line-height: 1.2; | ||
+ | letter-spacing: 0.6px; | ||
+ | text-shadow: 2px 2px 5px #C0C0C0; | ||
+ | } | ||
+ | |||
+ | |||
+ | #texts .normal_texts h2{ | ||
+ | font-size: 20pt; | ||
+ | font-weight: 520; | ||
+ | font-family: "Open Sans"; | ||
+ | margin-left: 2.4vw; | ||
+ | margin-right: 2.4vw; | ||
+ | line-height: 2.3vw; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #texts .normal_texts{ | ||
+ | background: white; | ||
+ | border-radius: 24px; | ||
+ | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
+ | margin-left: 0.3vw; | ||
+ | margin-right: 3vw; | ||
+ | } | ||
+ | |||
+ | |||
+ | #texts .normal_texts p{ | ||
+ | margin: 1.6vw 2.5vw; | ||
+ | font-size: 1.5em; | ||
+ | font-weight: 300; | ||
+ | font-family: "LatoLight"; | ||
+ | } | ||
+ | |||
+ | |||
+ | #texts .normal_texts ol{ | ||
+ | margin: 1.4vw 4.5vw; | ||
+ | font-size: 1.5em; | ||
+ | font-weight: 300; | ||
+ | font-family: "LatoLight"; | ||
+ | } | ||
+ | |||
+ | #texts .normal_texts li{ | ||
+ | margin: 0.7vw; | ||
+ | font-weight: 300; | ||
+ | font-family: "LatoLight"; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #texts .funfacts{ | ||
+ | background-image:url(https://static.igem.org/mediawiki/2021/d/de/T--LINKS_China--funfacts_bubblev2.jpg); | ||
+ | width: 55vw; | ||
+ | height: 30vw; | ||
+ | margin-left: 7vw; | ||
+ | background-attachment:scroll; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position:top; | ||
+ | background-size: 100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | #texts .funfacts p{ | ||
+ | position: relative; | ||
+ | top: 12.5vw; | ||
+ | margin-left: 8.7vw; | ||
+ | margin-right: 24vw; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | #texts .horizontal_zipper_texts{ | ||
+ | width: 65vw; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------IMAGES AND EXPLANATIONS------------------------------------------*/ | ||
+ | |||
+ | .picture_and_explanation{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .picture_and_explanation img{ | ||
+ | max-width: 60vw; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .picture_and_explanation p{ | ||
+ | font-size: 1.1em !important; | ||
+ | font-family: Arial; | ||
+ | color: grey; | ||
+ | text-align: center; | ||
+ | margin-left: 5vw !important; | ||
+ | margin-right: 5vw !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------SIDENOTES------------------------------------------*/ | ||
+ | |||
+ | #side_notes { | ||
+ | background: #dcdcdc; | ||
+ | margin: 1vw 5vw; | ||
+ | } | ||
+ | |||
+ | #side_notes h2{ | ||
+ | font-size: 20pt; | ||
+ | font-weight: 650; | ||
+ | font-family: "Open Sans"; | ||
+ | padding: 2.1vw 1.5vw 0 1.5vw; | ||
+ | } | ||
+ | |||
+ | #side_notes p{ | ||
+ | padding: 0 1.5vw 2.1vw 1.5vw; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------REFERENCES------------------------------------------*/ | ||
+ | |||
+ | |||
+ | #texts .references{ | ||
+ | background: white; | ||
+ | border-radius: 24px; | ||
+ | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
+ | margin-left: 0.3vw; | ||
+ | margin-right: 3vw; | ||
+ | font-family: "LatoLight"; | ||
+ | } | ||
+ | |||
+ | |||
+ | #texts .references ol{ | ||
+ | margin: 2vw 2.5vw; | ||
+ | font-size: 1em; | ||
+ | font-family: "LatoLight"; | ||
+ | } | ||
+ | |||
+ | #texts .references li{ | ||
+ | margin: 1vw; | ||
+ | font-family: "LatoLight"; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------MAIN BACKGROUND------------------------------------------*/ | ||
+ | #main_content{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2021/2/22/T--LINKS_China--background_lightpurple.png); | ||
+ | background-attachment:scroll; | ||
+ | background-repeat: repeat; | ||
+ | background-position:top; | ||
+ | background-size: 100%; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | background-blend-mode: lighten; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------------FOOTER------------------------------------------*/ | ||
+ | |||
+ | |||
+ | #footer{ | ||
+ | background-image: url("https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--footer_test1.png"); | ||
+ | } | ||
+ | |||
+ | .banner { | ||
+ | align: center; | ||
+ | height: auto; | ||
+ | width: 100vw; | ||
+ | margin-bottom: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .footer { | ||
+ | align: center; | ||
+ | width: 100vw; | ||
+ | height: auto; | ||
+ | margin-bottom: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .footer img{ | ||
+ | height: 3vw !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #links-logo { | ||
+ | position: absolute; | ||
+ | bottom: 4.17vw; | ||
+ | left: 10.4vw; | ||
+ | } | ||
+ | |||
+ | #snapgene-logo { | ||
+ | position: absolute; | ||
+ | bottom: 4.86vw; | ||
+ | left: 20.83vw; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer-divider { | ||
+ | position: absolute; | ||
+ | bottom: 3.82vw; | ||
+ | left: 18.75vw; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 200%; | ||
+ | color: #66023c; | ||
+ | } | ||
+ | |||
+ | #footer-text { | ||
+ | position: absolute; | ||
+ | bottom: 11.111vw; | ||
+ | left: 20.139vw; | ||
+ | } | ||
+ | |||
+ | #linkspider-logo { | ||
+ | position: absolute; | ||
+ | bottom: 4.1667vw; | ||
+ | left: 43.4vw; | ||
+ | } | ||
+ | |||
+ | #basis-logo { | ||
+ | position: absolute; | ||
+ | bottom: 4.514vw; | ||
+ | left: 51.389vw; | ||
+ | } | ||
+ | |||
+ | #scie-logo { | ||
+ | position: absolute; | ||
+ | bottom: 4.5139vw; | ||
+ | left: 60.07vw; | ||
+ | } | ||
+ | |||
+ | #footer-divider2 { | ||
+ | position: absolute; | ||
+ | bottom: 3.819vw; | ||
+ | left: 68.4vw; | ||
+ | } | ||
+ | |||
+ | #footer-text2 { | ||
+ | position: absolute; | ||
+ | bottom: 11.11111vw; | ||
+ | left: 69.79vw; | ||
+ | } | ||
+ | |||
+ | #ins-logo { | ||
+ | position: absolute; | ||
+ | bottom: 4.51389vw; | ||
+ | left: 69.4444vw; | ||
+ | } | ||
+ | |||
+ | #bilibili-logo { | ||
+ | position: absolute; | ||
+ | bottom: 5.5555556vw; | ||
+ | left: 77.08vw; | ||
+ | } | ||
+ | |||
+ | #email-logo { | ||
+ | position: absolute; | ||
+ | bottom: 4.5139vw; | ||
+ | left: 87.847vw; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*-----------------------------------------NAV_BAR_START-----------------------------------------------*/ | ||
+ | |||
+ | |||
+ | /* CLEAR DEFAULT SETTINGS **************************************************/ | ||
+ | #sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; } | ||
+ | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;} | ||
+ | body, html {background-color:white; width: 100%; height: 100%;} | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | #bodyContent a[href ^="https://"], .link-https { padding-right:0px;} | ||
+ | |||
+ | /*Navigation Bar*/. | ||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Navbar container */ | ||
+ | #outnav { | ||
+ | overflow: visible; | ||
+ | zoom:1.0; | ||
+ | font-family: Arial; | ||
+ | position: fixed; | ||
+ | display: float; | ||
+ | z-index: 100; | ||
+ | transition: top 0.3s; /* Transition effect when sliding down (and up) */ | ||
+ | } | ||
+ | |||
+ | #outnav:after{ | ||
+ | content:" "; | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | height: 0; | ||
+ | visibility: hidden; | ||
+ | display: float; | ||
+ | } | ||
+ | |||
+ | |||
+ | #outnav img{ | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | #homespider{ | ||
+ | width: 7.7vw; | ||
+ | height: auto; | ||
+ | position: relative; | ||
+ | left: 1vw; | ||
+ | } | ||
+ | |||
+ | /* Six sections */ | ||
+ | .sections{ | ||
+ | display: flex; | ||
+ | column-gap: 0.4vw; | ||
+ | justify-content: space-between; | ||
+ | position: relative; | ||
+ | left: 2.8vw; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Links (including logo) inside the navbar */ | ||
+ | #outnav a{ | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Dropdown container */ | ||
+ | .dropdown { | ||
+ | overflow: hidden; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Dropdown button */ | ||
+ | .dropdown .dropbtn { | ||
+ | width: 12.4vw; | ||
+ | height: auto; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Dropdown content (hidden by default) */ | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | object-fit:cover; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Show dropdown content on hover */ | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | object-fit:cover; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #globalWrapper{ | ||
+ | padding-bottom: 0px !important; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <!----------------------------SIDEBAR_EFFECT---------------------------> | ||
+ | <script> | ||
+ | $(document).ready( function() { | ||
+ | |||
+ | $("#section1_guider").hover( function() { | ||
+ | $("#section1_header").animate({opacity: 1}, 350); | ||
+ | }, function() { | ||
+ | $("#section1_header").animate({opacity: 0}, 150); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $("#section2_guider").hover( function() { | ||
+ | $("#section2_header").animate({opacity: 1}, 350); | ||
+ | }, function() { | ||
+ | $("#section2_header").animate({opacity: 0}, 150); | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | $("#section3_guider").hover( function() { | ||
+ | $("#section3_header").animate({opacity: 1}, 350); | ||
+ | }, function() { | ||
+ | $("#section3_header").animate({opacity: 0}, 150); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $("#section4_guider").hover( function() { | ||
+ | $("#section4_header").animate({opacity: 1}, 350); | ||
+ | }, function() { | ||
+ | $("#section4_header").animate({opacity: 0}, 150); | ||
+ | }); | ||
+ | |||
+ | $("#section5_guider").hover( function() { | ||
+ | $("#section5_header").animate({opacity: 1}, 350); | ||
+ | }, function() { | ||
+ | $("#section5_header").animate({opacity: 0}, 150); | ||
+ | }); | ||
+ | |||
+ | $("#section6_guider").hover( function() { | ||
+ | $("#section6_header").animate({opacity: 1}, 350); | ||
+ | }, function() { | ||
+ | $("#section6_header").animate({opacity: 0}, 150); | ||
+ | }); | ||
+ | |||
+ | $("#section7_guider").hover( function() { | ||
+ | $("#section7_header").animate({opacity: 1}, 350); | ||
+ | }, function() { | ||
+ | $("#section7_header").animate({opacity: 0}, 150); | ||
+ | }); | ||
+ | $("#section8_guider").hover( function() { | ||
+ | $("#section8_header").animate({opacity: 1}, 350); | ||
+ | }, function() { | ||
+ | $("#section8_header").animate({opacity: 0}, 150); | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | <!----------------------------NAVBAR_EFFECT---------------------------> | ||
+ | var prevScrollpos = window.pageYOffset; | ||
+ | window.onscroll = function() { | ||
+ | var currentScrollPos = window.pageYOffset; | ||
+ | if (prevScrollpos > currentScrollPos) { | ||
+ | document.getElementById("outnav").style.top = "17px"; | ||
+ | document.getElementById("sidebar").style.top = "9.7vw"; | ||
+ | } else { | ||
+ | document.getElementById("outnav").style.top = "-100px"; | ||
+ | document.getElementById("sidebar").style.top = "5vw"; | ||
+ | } | ||
+ | prevScrollpos = currentScrollPos; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | window.addEventListener('DOMContentLoaded', () => { | ||
+ | |||
+ | const observer = new IntersectionObserver(entries => { | ||
+ | entries.forEach(entry => { | ||
+ | const id = entry.target.getAttribute('id'); | ||
+ | if (entry.intersectionRatio > 0) { | ||
+ | document.querySelector(`nav li a[href="#${id}"]`).parentElement.classList.add('active'); | ||
+ | } else { | ||
+ | document.querySelector(`nav li a[href="#${id}"]`).parentElement.classList.remove('active'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | // Track all sections that have an `id` applied | ||
+ | document.querySelectorAll('section[id]').forEach((section) => { | ||
+ | observer.observe(section); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | </html> |
Revision as of 05:03, 21 October 2021
![](https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--bigheader_resultsv2.jpg)
![](https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--descriptionplace_lightpurple.jpg)