Difference between revisions of "Team:LINKS China/Results"

Line 184: Line 184:
 
<!------------------------------------SIDEBAR_AND_TEXT------------------------------------->
 
<!------------------------------------SIDEBAR_AND_TEXT------------------------------------->
 
<div id="sidebar_and_texts">
 
<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------------------------------------->
 
  
  
Line 237: Line 189:
  
 
   <div id="texts">
 
   <div id="texts">
     <h1>OVERVIEW</h1>
+
     <h1>Abstract</h1>
 
     <br>
 
     <br>
 +
 
     <section class="normal_texts" id="section1">
 
     <section class="normal_texts" id="section1">
 
         <br>
 
         <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>
+
         <p>The booming of the fashion industry has led to rising demand for leather. However, current industrial leather production causes environmental and ethical problems such as water pollution and animal cruelty. LINKS_China 2021 aims to create a sustainable and humane leather substitute using bacterial cellulose membrane (BCM) produced by co-culturing Komagataeibacter with Saccharomyces cerevisiae. By engineering S. cerevisiae, we induced transgenic expression of artificial spider-silk proteins fused with cellulose-binding matrixes, which increases the tensile strength and flexibility of BCM upon binding to it. Additionally, we enabled our engineered S. cerevisiae to synthesize ethyl acetate, giving our membrane a fruity fragrance. To endow our leather with more fashionable features, we used engineered Escherichia coli to synthesize different di-halogenated indigoid dyes for coloration. We expect our novel leather to be a transformative product that will continue the prosperity of fashion industry through a more humane and environmentally friendly technology.</p>
        <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>
+
  
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/2/2c/T--LINKS_China--Result_1_Fig_Abstract.png">
 +
      <p>Figure 1. illustration of the Neoleathic Age project workflow. Komagateaibacter sp. and S. cerevisiae BY4741 will produce bacteria cellulose membrane. E. coli BL21 (DE3) will produce spider silk proteins fused with cellulose binding matrixes. E. coli DH5α will produce natural pigment dyes. By combining these three components, we can produce NeoLeather.
 +
<p>
 +
</div>
 
         <br>
 
         <br>
 
     </section>
 
     </section>
Line 268: Line 207:
 
<br><br><br>
 
<br><br><br>
  
     <h1>Producing Bacterial Cellulose</h1>
+
     <h1>Target 1:Producing Bacterial Cellulose Membrane</h1>
 
     <section class="normal_texts" id="section2">
 
     <section class="normal_texts" id="section2">
 
         <br>
 
         <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>
+
         <p>The base material for our project, bacterial cellulose membrane (BCM), is produced by a Symbiotic Co-culture Of Bacteria and Yeast (SCOBY) of Komagataeibacter intermedius/rhaeticus and Saccharomyces cerevisiae. SCOBY enables consistent and rapid BCM production. BCM formation is characterized by secretion and bundling of individual glucan fibers, which takes several days, forming a thick BCM matrix called pellicle. Before we begin our project, we had to acquire Komagataeibacter strains for our SCOBY. </p>
        <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>
 
         <br>
 
     </section>
 
     </section>
Line 338: Line 217:
  
  
<h1>Spider Silk modification of BC’s properties</h1>
+
<h1>Isolating Komagataeibacter strains</h1>
 
     <section class="normal_texts" id="section3">
 
     <section class="normal_texts" id="section3">
 
     <br>
 
     <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>
+
    <p>To acquire Komagataeibacter strains, we bought commercially available kombucha and isolated Komagataeibacters from the drink. We performed 16s rRNA sequencing and constructed a phylogenetic tree to identify our colonies of Komagataeibacter. We isolated four strains: B2, 12, 25, and 40. From 16sRNA analysis, we concluded that strain 40 is most similar to Komagataeibacter rhaeticus, and strains B2, 12, and 25 is most similar to Komagataeibacter intermedius (Fig. 2A). We also observed the single colony morphology for all four strains (Fig 2B). Interestingly, strain B2 and 40 have observable fiber production.</p>
 
+
<div class="picture_and_explanation">
        <h2>Structure and properties of spider silk and reinforcing BC</h2>
+
      <img src="https://static.igem.org/mediawiki/2021/f/fc/T--LINKS_China--Result_2_Morph._%2B_Tree.png">
 
+
      <p>Figure 2. Characterization of strains 12, 25, 40, and B2. A) Phylogenetic tree of our strains (12, 25, 40, and B2) constructed using 16sRNA analysis. Due to size constraints, “rh” stands for rhaeticus, “xy" for “xylinus”, "in" for “intermedius”, “su” for <p>
        <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>
+
</div>
 
+
        <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>
 
     <br>
 
     </section>
 
     </section>
 
  
 
<br><br><br>
 
<br><br><br>
  
<h1>Dyeing BC with Natural Dyes</h1>
+
 
 +
<h1>Characterizing BCM</h1>
 
     <section class="normal_texts" id="section4">
 
     <section class="normal_texts" id="section4">
 
         <br>
 
         <br>
 +
        <p>We then measured the dry weight of BCM produced by each strain after 10-day-incubation(Fig. 3A & B). Strains B2 and 12 produced the most BCM, followed by strain 40 and25. B2 was chosen for the project since B2 displayed the greatest stability in SCOBY, consistently and rapidly producing BCM. </p>
 +
        <p>To determine the optimal culturing time for SCOBY, we measured the thickness of SCOBY with B2 BCM for ten days. We noticed that the BCM membrane generally grows faster during the first few days, and its growth rate gradually plateaus after seven to ten days (Fig. 3C). Thus, for the rest of the project, we grew strain B2 for 10 days for maximal BCM production unless otherwise stated.</p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/6/60/T--LINKS_China--Result_3_SCOBY_weight.png">
 +
      <p>Figure 3. Culturing and characterizing SCOBY. A) Schematic representation of how BCM is produced from SCOBY. The media used is YPD + 0.5% glucose (with 1% cellulase for culture tubes) B) Comparison between the dry weight after 10 days for strains B2, 12, 25, and 40. C) Representative curve of the thickness of BCM of SCOBY with B2 over ten days. All error bars represent two standard deviations from the mean.
 +
<p>
 +
</div>
 +
        <p>We also experimented with different sized cultures of pure Komagataeibacter and SCOBY (Fig. 4). In a shaking culturing tube, pure Komagataeibacter forms furry balls (Fig. 4A). SCOBY BCM’s maximum thickness increases with bigger cultures (50mL centrifuge tube < 2L glass bowl < 4L glass tank; Fig 4B, C, D), but the growth rate of SCOBY BCM is generally the same between different cultures. We attempted multiple large cultures of SCOBY and acquired large BCMs (Fig. 4E) for demonstrating the viability of BCM as leather (visit our proof of concept page for more). </p>
 +
        <p>Fungal contamination is a major problem with large-scale fermentation, which will damage the integrity of BCM.  This inspired us to visit Classy-Kiss (visit our iHPs for more), where we gained insight into how they sterilized their equipment. Furthermore, they also provided helpful advice regarding optimal fermentation conditions. We designed and prototyped a NeoLeathic Tanner capable of growing and processing the leather in one place, without the need for humans (visit our hardware page for more). </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/2/22/T--LINKS_China--Result_4_SCOBY_culture.png">
 +
      <p>Figure 4. BCM in different culture environments. A) Komagataeibacter sp. in 14mL culturing tube with 5mL YPD after shake culturing. B) Komagataeibacter sp. in 50mL centrifuge tube with 15mL YPD. C) SCOBY in 2L glass bowl with 600mL YPD. D) Raw BCM grown from SCOBY in 4L glass tank with 2L YPD. E) Raw BCM from SCOBY in 4L glass tank with 2L YPD curled up in hand. Growth medium for all is YPD + 0.5% glucose. Aerobic conditions are ensured for all cultures.
 +
<p>
 +
</div>
 +
        <br>
 +
    </section>
  
        <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>
+
<br><br><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">
+
<h1>Target 2:Spider Silk modification of BCM’s properties</h1>
              <img src="https://static.igem.org/mediawiki/2021/d/de/T--LINKS_China--results_pic12_test.jpg" style="width: 50vw;"><br>
+
    <section class="normal_texts" id="section5">
              <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>
+
        <br>
        </div><br>
+
        <p>In order to modify BCM’s physical properties, we designed and expressed spider silk fibroins fused with cellulose binding matrixes (CBMs; learn more on our description page) to bind to BCM (Fig. 5). For our project, we experimented with CBM3 from Ruminiclostridium thermocellum (Protein Data Bank (PDB) accession: 1NBC; Fig. 5D) (2) and CBM2 from Cellulomonas fimi (PDB accession: 1EXG; Fig. 5C). For our spider silk protein, we chose to use the synthetic mini spider silk protein NT2RepCT (2Rep; first characterized by GreatBaySZ_2019). 2Rep is water-soluble due to hydrophilic interactions of protein N-terminal and C-terminal. When 2Rep is submerged in a coagulating bath and subjected to a shear force, the repetitive regions will uncoil, form beta-pleated sheet networks and solidify into silk fiber (Fig. 5A). </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--Result_5_NT2RepCT.png">
 +
      <p>Figure 5. Structure and design of 2Rep and 2Rep fused with CBMs. A) Schematic representing how individual 2Rep proteins becomes silk fibers. B) Schematic drawing of CBM fused with 2Rep C) CBM2 structure from PDB. D) CBM3 structure from PDB<p>
 +
</div>
 +
        <p>For adding CBM3 flanking to 2Rep, we synthesized CBM3-BsaI-CBM3 on a pET28a vector. Primers were then used to add BsaI restriction sites in 2Rep to fuse the respective domains together in the synthesized pET28a vector by Golden Gate assembly (Fig. 6A & 6B). After construction, the plasmids were transformed into E. coli BL21(DE3) for IPTG-inducible expression (Fig. 6C).  </p>
 +
        <br>
 +
    </section>
 +
    <br><br><br>
 +
<h1>Comparing the solubility of CBM2/3 fused with 2Rep</h1>
 +
    <section class="normal_texts" id="section6">
 +
        <br>
 +
        <p>2Rep was shown to possess good water solubility, but we’re uncertain whether our modification will change this desirable property. To test the solubility, we cultured the modified strains, induced the expression of the constructs, collected the cells and performed SDS-PAGE on cell lysate (Fig. 6). Expression of both constructs, CBM3-2Rep-CBM3 (72kDa) and CBM2-2Rep-CBM2 (65kDa), are observed. CBM2-2Rep-CBM2 was present in the whole cell sample, but absent in the cell lysate supernatant, indicating poor water solubility. In contrast, CBM3-2Rep-CBM3 was present in both whole cell and supernatant. Therefore, CBM3-2Rep-CBM3 was chosen for the rest of the project for its superiority in water solubility. </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/d/d1/T--LINKS_China--Result_6_2rep-CBM2_3.png">
 +
      <p>Figure 6. CBM-2Rep-CBM construction and expression. A) Schematic representing construction of CBM-2Rep-CBM plasmids using golden gate assembly. B) Gel electrophoresis of CBM-CBM and CBM-2Rep-CBM plasmids. C) Schematic representation of CBM2-2Rep-CBM2 and CBM3-2Rep-CBM3 constructs in E. coli DH5α D) SDS-PAGE analysis of whole cell (WC) and supernatant (S) samples of CBM3-2Rep-CBM3 and CBM2-2Rep-CBM2.
 +
<p>
 +
</div>
 +
        <br>
 +
    </section>
  
      <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>
+
<br><br><br>
  
      <h2>Improving solubility of trp-6-halogenase</h2>
+
<h1>Purification of CBM3-2Rep-CBM3</h1>
      <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>
+
    <section class="normal_texts" id="section7">
      <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>
+
        <br>
 +
        <p>We purified CBM3-2Rep-CBM3 via the fused his-tag (Fig. 7A), and followed up with BCA assay to measure the yield of our modified spider silk protein. The concentration of CBM3-2Rep-CBM3 is approximately 115.78mg/L (Fig. 7B). </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--Result_7_2rep-CBM3_Puri.png">
 +
      <p>Figure 7. Purification results for CBM3-2Rep-CBM3. A) SDS-PAGE analysis of his-tag samples for CBM3-2Rep-CBM3. B) BCA test standard curve. The pink square represents CBM3-2Rep-CBM3.<p>
 +
</div>
 +
<p>We also constructed a 2Rep plasmid capable of expression in E. coli BL21(DE3) (Fig. 8A). We expressed 2Rep alongside CBM3-2Rep-CBM3 and purified both proteins (Fig. 8B & C). CBM3-2Rep-CBM3 had a titer of 133.08mg/L, which was higher than 2Rep’s titer of 98.44mg/L (Fig. 8D). Both proteins demonstrated great water solubility. </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/9/9f/T--LINKS_China--Result_8_2Rep_%26_2Rep-CBM3.png">
 +
      <p>Figure 8. Expression and purification of 2Rep and CBM3-2Rep-CBM3. A) Schematic representation of 2Rep and CBM3-2Rep-CBM3 in E. coli BL21(DE3). B) SDS-PAGE analysis of 2Rep and CBM3-2Rep-CBM3 expression. C) SDS-PAGE analysis of his-tag purification of CBM3-2Rep-CBM3 and CBM2-2Rep-CBM2. D) BCA test of 2Rep and CBM3-2Rep-CBM3. The blue dot represents 2Rep while the pink dot represents CBM3-2Rep-CBM3. <p>
 +
</div>
 +
        <br>
 +
    </section>
  
        <div class="picture_and_explanation">
+
<br><br><br>
              <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--results_pic13_test.jpg" style="width: 47vw;"><br>
+
<h1>Measuring physical properties of BCM mixed with 2Rep and CBM3-2Rep-CBM3</h1>
              <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>
+
    <section class="normal_texts" id="section7">
        </div><br>
+
        <br>
 +
        <p>After purification of both 2Rep and CBM3-2Rep-CBM3, we went on to test whether the binding of additional spider silk layer can enhance the ability of BCM enduring pulling and the softness of our material. To bind our spider silk protein to BCM and to prevent rehydration of BCM, we added protein elute to dried BCM, soaked BCM in ethanol and subsequently soup water, and dried the BCM.</p>
 +
        <p>We compared the maximal force of BCM added with 2Rep or CBM3-2Rep-CBM3. We found statistical significant increase in maximal force endured when BCM mixed with CBM3-2Rep-CBM3. We then compared the effect of adding different quantities of 2Rep and CBM3-2Rep-CBM3 on maximal force of BCM (Fig. 9C & D), and found a one-fold increase from raw BCM to BCM with 5mg 2Rep and 1.5-fold increase from raw BCM to BCM with 5mg CBM3-2Rep-CBM3. We noticed that a statistically significant increase in maximal force endured will only be observed after adding at least 3.4mg of CBM3-2Rep-CBM3.</p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/2/29/T--LINKS_China--Result_9_Max_force_BCM.png">
 +
      <p>Figure 9. Measuring the maximal force of our new materials. A) Schematic representation of our tensile tester for testing the maximal force of BCM. The purple material is BCM. B) Comparison of the maximal force of BCM without protein, BCM with 2Rep, and BCM with CBM3-2Rep-CBM3. 5mg of spider silk protein were used. C) Comparison of the effect of 2Rep concentration on maximal force of BCM. D) Comparison of the effect of CBM3-2Rep-CBM3 concentration on maximal force of BCM. Approximately same weight of BCM were used. Error bars represent two standard deviations from the mean. Statistical test: two-sided student t-test. *: p < 0.05; **: p < 0.01<p>
 +
</div>
 +
        <p>We then compared the softness of BCM mixed with different quantities of 2Rep and CBM3-2Rep-CBM3 (Fig. 10B & C). Both comparisons showed around 35% increase between raw BCM and BCM with 3.4mg of protein. Same amounts of 2Rep and CBM3-2Rep-CBM3 generally achieved similar results, indicating that softness is not affected by the addition of CBM3. </p>
 +
        <p>Overall, we have demonstrated that adding 2Rep and CBM3-2Rep-CBM3 can significantly improve the physical characteristics of BCM, with CBM3-2Rep-CBM3 outperforming 2Rep in improved maximal force. This demonstrates the viability of spider-silk-BCM composite material to be used as a leather substitute. </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/5/59/T--LINKS_China--Result_10_Softness_BCM.png">
 +
      <p>Figure 10. Measuring the softness of our new materials. A) Schematic representing our softness testing for testing the softness of BCM. The purple material is BCM. B) Comparison of softness of BCM with 0, 0.5, 1.5, and 3.4mg of CBM3-2Rep-CBM3. C) Comparison of softness of BCM with 0, 0.5, 1.5, and 3.4mg of 2Rep. BCM of approximately same weight were used. Error bars represent two standard deviations from the mean. Statistical test: two-sided student t-test. *: p < 0.05; **: p < 0.01<p>
 +
</div>
 +
        <br>
 +
    </section>
  
 +
<br><br><br>
 +
<h1>Target 3:Dyeing BCM with Natural Dyes</h1>
 +
    <section class="normal_texts" id="section7">
 +
        <br>
 +
        <p>Tanning and dyeing animal leather is a very polluting process. In areas lacking regulations, such pollution will enter the natural ecosystem, significantly impacting its health. Therefore, we produced three natural indigo dyes — indigo, 6, 6’-di-bromo-indigo (tyrian purple), and 6, 6’-di-chloro-indigo (tyrian red) in E. coli from tryptophan (trp) to dye our BCM.</p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/c/c9/T--LINKS_China--Result_11_dye_pathway.png">
 +
      <p>Figure 11. Production pathway of indigo and related dyes. A) Pathway representing the production of indigo and tyrian purple from tryptophan using Trp-6-halogenase, TnaA, and FMO. B) Schematic representation of Fre-SttH and the function(s) of each domain.
 +
<p>
 +
</div>
 +
        <p>Production of indigoid dyes from trp requires three enzymes: Fre-SttH (a 6-trp-halogenase), TnaA (tryptophanase) and FMO (flavin-containing monooxygenase) (Fig. 11A). To produce tyrian red and tyrian purple, we need to express Fre-SttH in a different strain than the one with TnaA and FMO (learn about why at our descriptions page).</p>
 +
        <br>
 +
    </section>
  
      <h2>Expressing Fre-SttH in <i>E. coli</i></h2>
+
<br><br><br>
      <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>
+
<h1>Improving solubility and expression of Fre-SttH</h1>
      <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>
+
    <section class="normal_texts" id="section7">
      <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>
+
        <br>
 +
        <p>Lee et al designed and characterized the fusion enzyme Fre-SttH as a trp-6-halogenase. 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. Lee et al fused Fre, a highly-soluble flavin reductase from E. coli which reduces FAD to FADH2, 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. 11B). Thus, we chose to use Fre-SttH as our trp-6-halogenase. </p>
 +
        <p>We expressed Fre-SttH under T7 promoter in E. coli BL21(DE3) (Fig. 12A). SDS-PAGE of the sample showed decent Fre-SttH expression but suboptimal water solubility, since the supernatant sample has less intense target band compared to the whole cell sample (Fig. 12B). </p>
 +
        <p>For producing tyrian purple, Fre-SttH and TnaA has to be in two different strains, so we used a ΔTnaA E. coli strain, courtesy of Sha Zhou. However, our ΔTnaA E. coli was supplied as E. coli DH5α, which was incompatible with the T7 promoter. </p>
 +
        <p>Because of the need for a ΔTnaA E. coli strain, we decided to switch from the T7 system to the E. coli DH5α compatible ptac system. We constructed two ptac plasmids, ptac-Fre-SttH and ptac-histag-Fre-SttH, and transformed them into E. coli DH5α ΔTnaA (Fig. 12C). </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--Result_12_Fre-SttH.png">
 +
      <p>Figure 12. Construction and expression of Fre-SttH proteins. A) Schematic representation of E. coli BL21 (DE3) transformed with histag-Fre-SttH plasmid. B) SDS-PAGE analysis of  histag-Fre-SttH expressed by E. coli BL21 (DE3) described in A. C) Schematic representation of E. coli DH5a ΔTnaA transformed with histag-Fre-SttH and Fre-SttH plasmids. D) SDS-PAGE analysis of Fre-SttH and histag-Fre-SttH expressed by E. coli DH5a ΔTnaA described in C.
 +
<p>
 +
</div>
 +
        <p>We then induced expression of both proteins and performed SDS-PAGE. Results show that histag-Fre-SttH expression and solubility were poor, but Fre-SttH had extremely high expression and solubility (Fig. 12D). Thus, ptac-Fre-SttH in E. coli DH5α ΔTnaA was used for all further experiments.</p>
 +
        <br>
 +
    </section>
  
      <h2>Fusing TnaA and FMO together</h2>
+
<br><br><br>
      <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>
+
<h1>Measuring Fre-SttH activity and substrate-product concentrations</h1>
      <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>
+
    <section class="normal_texts" id="section7">
      <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>
+
        <br>
      <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>In order to model the enzymatic dynamics of Fre-SttH, we induced Fre-SttH expression and added the substrates. We then took samples of the culture in 6-hour-intervals for 24 hours for HPLC, and calculated the relative concentrations of trp and 6-X-trp (Fig. 13C & D). To learn about the detailed experimental setup, visit our experiment and measurement pages.</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>For sample added with trp and NaBr, the concentration of trp decreased from approximately 1.5 mM to 0.5mM, while the concentration of 6-Br-Trp increased from approximately 0mM to 1.0mM (Fig. 13A). We obtained similar result from sample with trp and NaCl, which the trp concentration went from approximately 1.7mM to 0.4mM and 6-Cl-Trp concentration increased from 0 to 1.3mM (Fig. 13B). For both samples, the yield of trp to 6-X-trp conversion by Fre-SttH was near 100%. As trp still remains after 24h in both cultures, a fermentation time of 36 or 48h might yield a higher concentration of 6-X-Trp, should it be desired. From this, we acquired several enzymatic constants for Michaelis-Menten equation, which was vital to our modeling team. </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>
+
<div class="picture_and_explanation">
      <p>We then measured the titers of the above cultures. 缺数据</p>
+
      <img src="https://static.igem.org/mediawiki/2021/5/5c/T--LINKS_China--Result_13_HPLC.png">
      <p>To dye clothe and our BC, we scaled up production of our dyes. We then dyed silk handkerchiefs and our BC. </p>
+
      <p>Figure 13. Quantifying the production of 6-X-Trp in Fre-SttH. A) Concentration-time graph of Trp and 6-Br-Trp in ptac-Fre-SttH in E. coli DH5a ΔTnaA with 1.5mM Trp and NaBr. B) Concentration-time graph of Trp and 6-Cl-Trp in a culture of ptac-Fre-SttH in E. coli DH5a ΔTnaA with 1.7mM Trp and NaCl. C) HPLC results, from top to bottom, of Trp, 6-Br-Trp, NaBr-supplemented culture at 0, 6, 12, 18, and 24h. D) HPLC results, from top to bottom, of Trp, 6-Cl-Trp, NaCl-supplemented culture at 0, 6, 12, 18, and 24h.  
      <p>The resulting large-scale production was optimal, and the color on the silk and BC is similar to commercial, artificial dyes. </p>
+
<p>
 +
</div>
 +
        <br>
 +
    </section>
  
 +
<br><br><br>
  
 +
<h1>Fusing TnaA and FMO together</h1>
 +
    <section class="normal_texts" id="section7">
 +
        <br>
 +
        <p>TnaA and FMO are two vital but separate enzymes for converting trp/6-Br-trp to our indigo and tyrian purple dye. To increase the overall reaction speed, we fused these two proteins together into TnaA-linker-FMO.</p>
 +
        <p>We designed and engineered three strains of E. coli DH5α ΔTnaA: ptac-TnaA-rbs-FMO (RBS; in this strain TnaA and FMO are expressed as separate proteins), ptac-TnaA-rigid linker-FMO (RL), and ptac-TnaA-Flexible linker-FMO (FL) (Fig. 14A & C). As TnaA is expressed as a tetramer and FMO a dimer, we put the TnaA tetramer at the center of the fused protein, with FMO forming two dimers to each side of the TnaA tetramer (Fig. 14B). </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/5/53/T--LINKS_China--Result_14_titre_1mM.png">
 +
      <p>Figure 14. Measuring dyes production of different TnaA-FMO strains from Trp, 6-Cl-Trp, and 6-Br-Trp. A) Pictures of TnaA-RL-FMO, TnaA-FL-FMO, and TnaA-RBS-FMO with Trp, 6-Cl-Trp, or 6-Br-Trp added. B) Comparison of production titers of TnaA-RL-FMO, TnaA-FL-FMO, and TnaA-RBS-FMO with Trp, 6-Cl-Trp, or 6-Br-Trp added, pictured in A. Error bars denote two standard deviations from the mean. <p>
 +
</div>
 +
      <p>After culturing and inducing the expression, the three strains, the SDS-PAGE showed separate expression of TnaA (60kDa) and FMO (54kDa) for RBS, and expression of one fused protein at 114 kDa for RL and FL (Fig. 14D). This indicated expected expression of our fused proteins.</p>
 +
        <p>We then cultured and induced RBS, RL, and FL with IPTG. After 20 hours, 1mM of either trp, 6-Cl-trp, or 6-Br-trp was added as substrate, and the relative dye concentration produced by each strain was calculated by using a standard calibration curve (Fig. 15B). The comparison between RBS, RL, and FL shows that there is similar production of tyrian red and tyrian purple, and a significant difference between indigo production of RL and FL. Titers of indigo is approximately 0.30mM (60% yield) for FL and RBS, and 0.20mM (40% yield) for RL. Titers of tyrian red is approximately 0.30mM (60% yield) for RL, FL, and RBS. Titers of tyrian purple is approx. 0.25mM (50% yield) for FL and 0.20mM (40% yield) for RL and RBS. </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/b/bb/T--LINKS_China--Result_15_titre_frestth.png">
 +
      <p>Figure 15. Measuring dye production of different TnaA-FMO strains from Fre-SttH + Trp + NaCl/NaBr. A) Pictures of different TnaA-FMO strains with supernatant of Fre-SttH + Trp + NaCl/NaBr added. B) Comparison of dye production titers of TALEsp2-TnaA-RBS-FMO and TALEsp2-TnaA-FL-FMO. C) Comparison of dye production titers of ptac-TnaA-RL-FMO, ptac-TnaA-FL-FMO, and ptac-TnaA-RBS-FMO.
 +
<p>
 +
</div>
 +
        <p>After confirming the efficacy of Fre-SttH and TnaA-FMO, we wanted to compare TnaA-rbs-FMO with our TnaA-FL-FMO. Therefore, drawing inspiration from GreatBaySZ 2019’s TnaA-rbs-FMO expression system using a constitutive promoter system(TALEsp2), we designed and constructed TALEsp2-TnaA-FL-FMO. </p>
 +
        <p>Instead of using 1mM standard samples of trp or 6-X-trp, we attempted to produce dyes from trp and NaX salts. We induced Fre-SttH expression, took the sample supernatant and added it to the ptac-TnaA-FMO and TALEsp2-TnaA-FMO cultures, and compared the titers of the all using supernatant from Fre-SttH cultures as substrate (Fig. 16). There is no significant difference between any of the samples. Both TALEsp2 cultures produced titers of approx. 0.09mM for tyrian purple and 0.23mM for 6, 6’di-chloro-indigo. RL, FL, and RBS both achieved titers of 0.12 and 0.28mM for tyrian purple and tyrian red respectively. </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/0/07/T--LINKS_China--Result_16_TnaA-FMO.png">
 +
      <p>Figure 16. Construction and expression of TnaA-FMO proteins. A) Schematic representing TnaA-RBS-FMO, TnaA-Flexible linker-FMO, and TnaA-Rigid linker-FMO transformed into E. coli DH5a ΔTnaA. B. Schematic representing the structure of TnaA-linker-FMO. C) The sequences between TnaA and FMO, with the rbs and amino acids labelled. FL and RL stands for flexible linker and rigid linker respectively. D) SDS-PAGE analysis of TnaA-RBS-FMO, TnaA-RL-FMO, and TnaA-FL-FMO.
 +
<p>
 +
</div>
 +
        <p>To dye clothe and our BCM, we scaled up production of our dyes to 400mL cultures (Fig. 17A). We then dyed silk handkerchiefs and our BCM (Fig. 17C & D). Visit our proof of concept page for more!</p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/0/06/T--LINKS_China--Result_17_Dyes.png">
 +
      <p>Figure 17. Production and dyeing of natural indigoid dyes. A) Indigo, 6, 6’-di-chloro-indigo, and 6, 6’-di-bromo-indigo produced in shake flasks. B) Extracted indigoid dyes. C) Cloth dyed with tyrian purple (left) and indigo (right). D) BCM dyed with indigo (left) and tyrian purple (right).
 +
<p>
 +
</div>
 
         <br>
 
         <br>
 
     </section>
 
     </section>
  
<br><br>
+
<br><br><br>
 
+
  
<h1>Producing ethyl acetate from the byproducts of fermentation</h1>
+
<h1>Target 4:  Engineering yeast to achieve modification of BCM</h1>
     <section class="normal_texts" id="section5">
+
     <section class="normal_texts" id="section7">
 
         <br>
 
         <br>
       
+
         <p>In SCOBY, yeast is a common synbio chassis. Previously, Ellis et al has achieved functionalization of BCM in yeast by engineering yeast to secrete proteins. Inspired by their attempts, we want to engineer our yeast and modify our BCM for two different properties: in situ spider silk binding and fragrance production. </p>
        <h2>Metabolic pathway of producing ethyl acetate</h2>
+
        <br>
         <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>
+
    </section>
  
 +
<br><br><br>
  
      <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>
+
<h1>Engineering yeast to express and secrete CBM3-2Rep-CBM3 for BCM binding in situ </h1>
 
+
    <section class="normal_texts" id="section7">
 
+
        <br>
      <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>As the addition of CBM3-2Rep-CBM3 was shown to increase the softness and tensile strength of BCM, making it more like traditional leather, we wanted to engineer yeast to produce and secrete CBM3-2Rep-CBM3 to bind to the BCM as it is forming in SCOBY. This way, the labor-intensive process of protein purification can be skipped. </p>
 +
        <p>To enable secretion of production in yeast, we attached a short signal peptide called maturation factor alpha () to our protein. Aza et al have already characterized Mα and mutated it to become more efficient at protein secretion. For our project, we selected Mα E86T; A87N (referred to as Mα) as it had one of the highest secretion rates. We constructed two plasmids, Mα-sfGFP-CBM3 and -CBM3-2Rep-CBM3 (Fig. 18B), and transformed both plasmids into yeast (Fig. 18A). </p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/d/d7/T--LINKS_China--Result_18_Ma.png">
 +
      <p>Figure 18. Expression and measurement of Ma proteins in Saccharomyces cerevisiae. A). Schematic of Ma plasmids transformed into S. cerevisiae BY4741 B) Gel electrophoresis results of Ma-sfGFP-CBM3 and Ma-CBM3-2Rep-CBM3 C) SDS-PAGE analysis of yeast whole cell and YPD media for Ma-sfGFP-CBM3. D) Pictures of single colonies of Ma-sfGFP-CBM3. E) Liquid cultures of Ma-sfGFP-CBM3 and Ma-CBM3-2Rep-CBM3. F) BCM produced using Ma-sfGFP-CBM3 S. cerevisiae BY4741 SCOBY.
 +
<p>
 +
</div>
 +
        <p>On YPD plates, secretion of Mα-sfGFP-CBM3 can be seen by the green halo surrounding each individual colony (Fig. 18D). After culturing Mα-sfGFP-CBM3 and Mα-CBM3-2Rep-CBM3 yeast in liquid YPD (Fig. 18E), we performed SDS-PAGE on both the whole cell and growth media (Fig. 18C). We discovered that only a small portion of the expressed proteins were found in the media for Mα-sfGFP-CBM3 and no secreted proteins were found in the Mα-CBM3-2Rep-CBM3 media. We speculate that little CBM3-2Rep-CBM3 will be secreted, not enough to significantly alter the characteristics of the resulting BCM. Even though there was minimal protein secretion for both constructs, we still attempted SCOBY with Mα-sfGFP-CBM3. In the resulting SCOBY, BCM did display fluorescent characteristics, showing that some sfGFP-CBM3 proteins have bound to the BCM. In the future, we hope to increase the secretion rate of Mα-sfGFP-CBM3 and Mα-CBM3-2Rep-CBM3 to achieve in situ modification of BCM. </p>
 +
        <br>
 +
    </section>
  
 +
<br><br><br>
  
      <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>
+
<h1>Synthesizing ethyl-acetate from the byproducts of fermentation</h1>
 
+
    <section class="normal_texts" id="section7">
      <p> After the final level 2 plasmid (pTEF1-SaACS2-tADH1-pRPL8B-AeAT9-tSSA1) was successfully constructed, we transformed this plasmid into yeast. </p>
+
        <br>
 
+
        <p>We observed an accumulation of acetate in SCOBY, which contains an odorous smell and can interfere with secreted proteins such as Mα-CBM3-2Rep-CBM3. Therefore, 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 fermentation in SCOBY) and acetate into ethyl acetate, which contains a fruity smell. This pathway can be completed with two enzymes: SaACS2 (acetyl-CoA synthase) from Salmonella enterica and AeAT9 (acyltransferase) from Actinidia eriantha (kiwifruit). SaACS2 converts acetate into acetyl-CoA under anaerobic condition. AeAT9 will transfer the acetyl group from acetyl-CoA to ethanol to form ethyl acetate (Fig. 19A).</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>To construct plasmids capable of expression in yeast, we utilized a yeast genetic toolkit first characterized by Lee et al. to construct three plasmids: pTEF1-SaACS2-tADH1, pRPL8B-AeAT9-tSSA1, and pTEF1-SaACS2-tADH1-pRPL8B-AeAT9-tSSA1 (Fig. 19C). The whole construction process was done in close contact and collaboration with AISSU_Union (learn more about the yeast toolkit and our collaboration on our partnership page). After our final plasmid (pTEF1-SaACS2-tADH1-pRPL8B-AeAT9-tSSA1) was constructed, we transformed it into yeast (Fig. 19B).</p>
 
+
        <p>After transformation, we attempted to do fermentation but we have yet to receive optimal fermentation results due to time constraints. </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>
+
<div class="picture_and_explanation">
 
+
      <img src="https://static.igem.org/mediawiki/2021/7/72/T--LINKS_China--Result_19_ethyl-acetate.png">
       <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>Figure 19. Production of ethyl-acetate using engineered S. cerevisiae BY4741. A). Production pathway of ethyl-acetate from acetate and ethanol using ACS2 and AT9. B) Schematic representing engineeredS. cerevisiae BY4741 expressing ACS2 and AT9. C) Gel electrophoresis results of pTEF1-SaACS2-tADH1-pRPL8B-AeAT9-tSSA1.  
 
+
<p>
      <p>Despite the weird culture, our GC results show that … 没数据</p>
+
</div>
 
+
 
         <br>
 
         <br>
 
     </section>
 
     </section>
    <br><br>
 
  
 +
<br><br><br>
  
    <h1>References</h1>
+
<h1>Conclusion and Discussion</h1>
     <section class="references" id="section6">
+
     <section class="normal_texts" id="section7">
 
         <br>
 
         <br>
         <ol>
+
         <p>Bacterial cellulose membrane (BCM) is biocompatible, cheap material made from common microorganisms already in use in the food industry. Our project characterized BCM and modified the material in three main ways and proved the viability of BCM to be used as a more sustainable leather substitute. First, binding fused spider silk-cellulose binding matrix proteins increases the tensile strength and softness of BCM. Second, natural indigoid production counters the environmental damages of the traditional dyeing process. Third, in situ modification of BCM can be achieved by engineering yeast. </p>
          <li>Aaron</li>
+
        <p>Further research is needed to achieve price-competitive industrial production of BCM compared to traditional leather (check out our entrepreneurship page for more). We also hope to achieve one-cell production of natural indigoid dyes by expressing the different proteins at different times (check our our model page). Additionally, the possibility of modifying Komagataeibacter to produce dyes by itself is attractive. We also hope to further our research in SCOBY, by increasing the amount of secreted proteins or achieve in situ modification of BCM in an alternative way. </p>
          <li>Aaron</li>
+
         <p>The possibilities opened up by the Neoleathic age are endless. As our quality of life increases and we demand more leather products, it is vital to consider the hidden costs to our planet. The Neoleathic age hopes to guide the industry towards a more sustainable future, and we aspire to the day when we see BCM leather products enters the market. </p>
          <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>
 
         <br>
 
     </section>
 
     </section>
 +
 +
<br><br><br>
 +
 +
  
  
Line 515: Line 458:
 
<br><br><br>
 
<br><br><br>
 
<!------------------------------------TEXT_END------------------------------------->
 
<!------------------------------------TEXT_END------------------------------------->
 
 
<div id="footer">
 
<div id="footer">
 
   <div id="links-logo">
 
   <div id="links-logo">
Line 602: Line 544:
 
       width: 100vw;
 
       width: 100vw;
 
       height: 49vw;
 
       height: 49vw;
       background: url(https://static.igem.org/mediawiki/2021/4/43/T--LINKS_China--backgroundimg_results.jpg);
+
       background: url(https://static.igem.org/mediawiki/2021/e/ed/T--LINKS_China--bigimg_results.png);
 
       background-attachment:scroll;
 
       background-attachment:scroll;
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 608: Line 550:
 
       background-size: 105%;
 
       background-size: 105%;
 
       padding: 0;
 
       padding: 0;
     box-shadow: 0 0 0.4vw 0.4vw #fbedf3 inset;
+
     box-shadow: 0 0 0.4vw 0.4vw #eef5f6 inset;
 
}
 
}
  
Line 641: Line 583:
 
@media only screen and (min-device-width: 768px) {
 
@media only screen and (min-device-width: 768px) {
 
#sidebar_and_texts {
 
#sidebar_and_texts {
  display: grid;
 
  grid-template-columns: 0.27fr 1.63fr;
 
  gap: 0px 0px;
 
  align-items: baseline;
 
 
}
 
}
  
Line 743: Line 681:
 
@media only screen and (max-device-width: 768px) {
 
@media only screen and (max-device-width: 768px) {
 
#sidebar_and_texts {
 
#sidebar_and_texts {
  display: grid;
 
  grid-template-columns: 0.31fr 1.59fr;
 
  gap: 0px 0px;
 
  align-items: baseline;
 
 
}
 
}
  
 
#sidebar {
 
#sidebar {
   display: block;
+
   display: none;
 
   border: 0px solid #600136;
 
   border: 0px solid #600136;
 
}
 
}
Line 791: Line 725:
  
 
.section-nav{
 
.section-nav{
   display: block;
+
   display: none;
 
   background-color: #FFFFFF;
 
   background-color: #FFFFFF;
 
}
 
}
Line 855: Line 789:
 
       letter-spacing: 0.6px;
 
       letter-spacing: 0.6px;
 
       text-shadow: 2px 2px 5px #C0C0C0;
 
       text-shadow: 2px 2px 5px #C0C0C0;
 +
      margin-left: 4.5vw;
 +
      margin-right: 4.5vw;
 
}
 
}
  
Line 873: Line 809:
 
       border-radius: 24px;
 
       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);
 
       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-left: 4.5vw;
       margin-right: 3vw;
+
       margin-right: 4.5vw;
 
}
 
}
  
Line 1,003: Line 939:
 
/*--------------------------------------MAIN BACKGROUND------------------------------------------*/
 
/*--------------------------------------MAIN BACKGROUND------------------------------------------*/
 
#main_content{
 
#main_content{
       background-image: url(https://static.igem.org/mediawiki/2021/2/22/T--LINKS_China--background_lightpurple.png);
+
       background-image: url(https://static.igem.org/mediawiki/2021/4/49/T--LINKS_China--background_blue.png);
 
       background-attachment:scroll;
 
       background-attachment:scroll;
 
       background-repeat: repeat;
 
       background-repeat: repeat;
Line 1,162: Line 1,098:
 
   z-index: 100;
 
   z-index: 100;
 
   transition: top 0.3s; /* Transition effect when sliding down (and up) */
 
   transition: top 0.3s; /* Transition effect when sliding down (and up) */
 +
  top:-100px;
 
}
 
}
  
Line 1,245: Line 1,182:
  
  
<!----------------------------SIDEBAR_EFFECT--------------------------->
 
 
<script>
 
<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;
 
var prevScrollpos = window.pageYOffset;
 
window.onscroll = function() {
 
window.onscroll = function() {
Line 1,311: Line 1,188:
 
   if (prevScrollpos > currentScrollPos) {
 
   if (prevScrollpos > currentScrollPos) {
 
     document.getElementById("outnav").style.top = "17px";
 
     document.getElementById("outnav").style.top = "17px";
    document.getElementById("sidebar").style.top = "9.7vw";
 
 
   } else {
 
   } else {
 
     document.getElementById("outnav").style.top = "-100px";
 
     document.getElementById("outnav").style.top = "-100px";
    document.getElementById("sidebar").style.top = "5vw";
 
 
   }
 
   }
 
   prevScrollpos = currentScrollPos;
 
   prevScrollpos = currentScrollPos;
 
}
 
}
 +
</script>
  
 
 
 
 
 
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>
 
</html>

Revision as of 23:36, 21 October 2021