Difference between revisions of "Team:LINKS China/Proof Of Concept"

 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<style>
 +
.loading {
 +
    position: fixed;
 +
    left: 0px;
 +
    top: 0px;
 +
    width: 100vw;
 +
    height: 100vw;
 +
    z-index: 100;
 +
    background-color: #f6f2f4;
 +
}
 +
.loading img{
 +
    position: relative;
 +
    height: auto;
 +
    width: 70vw;
 +
    display: block;
 +
    margin: auto;
 +
        }
 +
</style>
 +
 +
<div class="loading" >
 +
    <img src="https://static.igem.org/mediawiki/2021/b/be/T--LINKS_China--loadernew1.jpg">
 +
</div>
 +
 +
<script>
 +
    window.onload = function()
 +
    {
 +
        setTimeout(function(){$('.loading').fadeOut();}, 1000);
 +
    }
  
 +
</script>
 
<!------------------------------------------Preloading---------------------------------------------->
 
<!------------------------------------------Preloading---------------------------------------------->
 
<head>
 
<head>
Line 191: Line 220:
 
           <ul class="section_guider" style="list-style: none !important;">
 
           <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="#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="#section2"><img src="https://static.igem.org/mediawiki/2021/3/35/T--LINKS_China--sectionguider_test3.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="#section3"><img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--section_guidertest5.1.jpg" id="section3_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="#section4"><img src="https://static.igem.org/mediawiki/2021/c/cb/T--LINKS_China--section_guidertest8.1.jpg" id="section4_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>
  
Line 204: Line 231:
  
 
           <ul class="section_header" style="list-style: none !important;">
 
           <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/9/96/T--LINKS_China--sidebar_poc1.png" 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/cf/T--LINKS_China--sidebar_poc2.png" 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/9/92/T--LINKS_China--sidebar_poc3.png" 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/1/11/T--LINKS_China--sidebar_poc4.png" 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>
 
           </ul>
  
Line 219: Line 242:
 
<nav class="section-nav">
 
<nav class="section-nav">
 
<ul>
 
<ul>
<li><a href="#section1">Overview</a></li>
+
<li><a href="#section1">Proof of Concept</a></li>
<li><a href="#section2">Producing Bacterial Cellulose</a></li>
+
<li><a href="#section2">BCM Production</a></li>
<li><a href="#section3">Spider Silk modification of BC’s properties</a></li>
+
<li><a href="#section3">Dye Production</a></li>
<li><a href="#section4">Dyeing BC with Natural Dyes</a></li>
+
<li><a href="#section4">Final Product</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>
 
</ul>
 
</nav>
 
</nav>
Line 235: Line 254:
  
 
<!------------------------------------TEXT_START------------------------------------->
 
<!------------------------------------TEXT_START------------------------------------->
 
 
   <div id="texts">
 
   <div id="texts">
    <h1></h1>
 
    <br>
 
  
     <section class="normal_texts" id="section1">
+
 
 +
    <h1>Proof of concept:</h1>
 +
     <section class="normal_texts" id="section2">
 
         <br>
 
         <br>
        <p>Our project aims to develop a sustainable leather substitute using bacterial cellulose membranes (BCM) and producing natural dyes to dye our BCM. BCM is produced from a symbiotic co-culture of bacteria (Komagateaibacter) and yeast (SCOBY). Our goal is to improve the physical characteristics of BCM by adding spider silk fibroin proteins, and to use engineered E. coli to produce indigo and two types of tyrian purple (6, 6’-di-chloro-indigo and 6, 6’ di-bromo-indigo) from tryptophan (trp). We hope that our new material can be used in the everyday setting, replacing traditional leather. </p>
+
      <p>Our project aims to develop a sustainable leather substitute using bacterial cellulose membranes (BCM) and producing natural dyes to dye our BCM. BCM is produced from a symbiotic co-culture of bacteria (Komagateaibacter) and yeast (SCOBY). Our goal is to improve the physical characteristics of BCM by adding spider silk fibroin proteins, and to use engineered E. coli to produce indigo and two types of tyrian purple (6, 6’-di-chloro-indigo and 6, 6’ di-bromo-indigo) from tryptophan (trp). We hope that our new material can be used in the everyday setting, replacing traditional leather. </p>
<div class=“picture_and_explanation”>
+
<div class="picture_and_explanation">
       <img src=“xxxxxxxx”>
+
       <img src="https://static.igem.org/mediawiki/2021/8/8e/T--LINKS_China--poc10.jpg">
 
       <p>Figure 1. Komagateaibacter sp. and S. cerevisiae BY4741 will produce bacteria cellulose membrane. E. coli will produce spider silk proteins fused with cellulose binding matrixes and natural pigment dyes. By combining these three components, we can produce NeoLeather.<p>
 
       <p>Figure 1. Komagateaibacter sp. and S. cerevisiae BY4741 will produce bacteria cellulose membrane. E. coli will produce spider silk proteins fused with cellulose binding matrixes and natural pigment dyes. By combining these three components, we can produce NeoLeather.<p>
 
</div>
 
</div>
 +
 
       <br>
 
       <br>
 
+
    </section>
    </section>
+
 
+
  
 
<br><br><br>
 
<br><br><br>
 
 
     <h1>Production of spider silk BCM composite material</h1>
 
     <h1>Production of spider silk BCM composite material</h1>
     <section class="normal_texts" id="section2">
+
    <br>
 +
 
 +
     <section class="normal_texts" id="section1">
 
         <br>
 
         <br>
        <p>We successfully cultured SCOBY and produced BCM in a 4L glass tank with 2L of growth media, showing that BCM can be grown on a commercial scale. We also developed post-production washing methods to turn the water-saturated BCM into a drier, more leathery material. By layering the dried and washed BCM together, we are able to achieve a material similar to leather. </p>
+
      <p>We successfully cultured SCOBY and produced BCM in a 4L glass tank with 2L of growth media, showing that BCM can be grown on a commercial scale. We also developed post-production washing methods to turn the water-saturated BCM into a drier, more leathery material. By layering the dried and washed BCM together, we are able to achieve a material similar to leather. </p>
        <div class=“picture_and_explanation”>
+
<div class="picture_and_explanation">
       <img src=“xxxxxxxx”>
+
       <img src="https://static.igem.org/mediawiki/2021/6/65/T--LINKS_China--poc2.png">
       <p>Figure 2. BCM in 2L glass tank without growth media.<p>
+
       <p>Figure 2. BCM in 2L glass tank without growth media. <p>
 
</div>
 
</div>
        <p>To reduce the possibility of contamination and to wash the BCM automatically, we designed our NeoLeathic Tanner, capable of culturing, washing, and drying BCM without human interference. We used the NeoLeathic Tanner to grow SCOBY, and the BCM produced was better than that produced from an incubator, likely due to the reduced contact with the outside environment. Visit our hardware page to learn more!</p>
+
      <p>To reduce the possibility of contamination and to wash the BCM automatically, we designed our NeoLeathic Tanner, capable of culturing, washing, and drying BCM without human interference. We used the NeoLeathic Tanner to grow SCOBY, and the BCM produced was better than that produced from an incubator, likely due to the reduced contact with the outside environment. Visit our <a href="https://2021.igem.org/Team:LINKS_China/Hardware">hardware page</a> to learn more!</p>
<div class=“picture_and_explanation”>
+
<div class="picture_and_explanation">
       <img src=“xxxxxxxx”>
+
       <img src="https://static.igem.org/mediawiki/2021/6/61/T--LINKS_China--poc3.png">
 
       <p>Figure 3. Our NeoLeathic Tanner<p>
 
       <p>Figure 3. Our NeoLeathic Tanner<p>
 
</div>
 
</div>
        <p>We designed and engineered E. coli to produce spider silk fibroins fused with cellulose binding matrixes (CBMs) to bind to our BCM. We improved the water solubility of the fused protein by experimenting with different CBMs, ultimately reaching a titer of 133.08mg/L for CBM-spider silk proteins. </p>
+
 
<div class=“picture_and_explanation”>
+
    <p>We designed and engineered E. coli to produce spider silk fibroins fused with cellulose binding matrixes (CBMs) to bind to our BCM. We improved the water solubility of the fused protein by experimenting with different CBMs, ultimately reaching a titer of 133.08mg/L for CBM-spider silk proteins. </p>
       <img src=“xxxxxxxx”>
+
 
 +
<div class="picture_and_explanation">
 +
       <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--poc4.png">
 
       <p>Figure 4. BCA test results for the titer of CBM3-2Rep-CBM3. <p>
 
       <p>Figure 4. BCA test results for the titer of CBM3-2Rep-CBM3. <p>
 
</div>
 
</div>
       <p>After purifying the protein and mixing CBM-spider silk with dried BCM, we observed significant increases in both maximal stress and softness of BCM. There was an approximate one-fold increase in maximal stress of the spider silk BCM material compared with raw BCM, and an approximate three fold increase in softness. Visit our results page for more information.</p>
+
       <p>After purifying the protein and mixing CBM-spider silk with dried BCM, we observed significant increases in both maximal stress and softness of BCM. There was an approximate one-fold increase in maximal stress of the spider silk BCM material compared with raw BCM, and an approximate three fold increase in softness. Visit our <a href="https://2021.igem.org/Team:LINKS_China/Results">results page</a> for more information. </p>
<div class=“picture_and_explanation”>
+
<div class="picture_and_explanation">
       <img src=“xxxxxxxx”>
+
       <img src="https://static.igem.org/mediawiki/2021/6/62/T--LINKS_China--poc5a.png">
 +
      <p><p>
 +
</div>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/c/c8/T--LINKS_China--poc5b.png">
 
       <p>Figure 5. Effect of concentration of CBM-spider silk on the physical properties of BCM. A) Comparison of the effect of CBM3-spider silk concentration on maximal force of BCM. B) <p>
 
       <p>Figure 5. Effect of concentration of CBM-spider silk on the physical properties of BCM. A) Comparison of the effect of CBM3-spider silk concentration on maximal force of BCM. B) <p>
 
</div>
 
</div>
      <p>Comparison of the effect of CBM3-spider silk concentration on softness of BCM. Error bars represent two standard deviations from the mean. */** denotes 95/99% certainty. </p>
+
    <p>Comparison of the effect of CBM3-spider silk concentration on softness of BCM. Error bars represent two standard deviations from the mean. */** denotes 95/99% certainty.  
 +
</p>
 
       <br>
 
       <br>
    </section>
 
  
<br><br><br>
+
    </section>
  
 +
 +
<br><br><br>
  
 
<h1>Production of indigo and tyrian purple from tryptophan</h1>
 
<h1>Production of indigo and tyrian purple from tryptophan</h1>
 
     <section class="normal_texts" id="section3">
 
     <section class="normal_texts" id="section3">
 
     <br>
 
     <br>
    <p>Using two strains of engineered E. coli, we produced all three dyes from tryptophan and halogen salts, and have achieved large-scale production (400mL cultures) for all three dyes. After extracting the dyes, we dyed silk handkerchiefs and our BCM, demonstrating the viability of our dyes. Visit our results page for more information.</p>
+
<p>Using two strains of engineered E. coli, we produced all three dyes from tryptophan and halogen salts, and have achieved large-scale production (400mL cultures) for all three dyes. After extracting the dyes, we dyed silk handkerchiefs and our BCM, demonstrating the viability of our dyes. Visit our results page for more information. </p>
<div class=“picture_and_explanation”>
+
<div class="picture_and_explanation">
       <img src=“xxxxxxxx”>
+
       <img src="https://static.igem.org/mediawiki/2021/3/31/T--LINKS_China--poc6.png">
       <p>Figure 6. Production of indigo and tyrian purple in 400mL cultures.<p>
+
       <p>Figure 6. Production of indigo and tyrian purple in 400mL cultures. <p>
</div>  
+
</div>
 
       <br>
 
       <br>
 
     </section>
 
     </section>
Line 301: Line 327:
 
     <section class="normal_texts" id="section4">
 
     <section class="normal_texts" id="section4">
 
         <br>
 
         <br>
        <p>Our final leather product is a composite material made from spider silk and BCM, improving the physical characters of BCM. It is dyed with natural dyes produced from E. coli, skipping the environmentally damaging steps of traditional tanning and dyeing. We hope that with more research, we will set the basis for a more sustainable leather industry.</p>
+
      <p>Our final leather product is a composite material made from spider silk and BCM, improving the physical characters of BCM. It is dyed with natural dyes produced from E. coli, skipping the environmentally damaging steps of traditional tanning and dyeing. We hope that with more research, we will set the basis for a more sustainable leather industry.</p>
<div class=“picture_and_explanation”>
+
<div class="picture_and_explanation">
       <img src=“xxxxxxxx”>
+
       <img src="https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--poc7.png">
 
       <p>Figure 7. BCM dyed with natural indigoid dyes. From left to right: Pure un-dyed BCM, BCM dyed with indigo, dyed with tyrian purple. <p>
 
       <p>Figure 7. BCM dyed with natural indigoid dyes. From left to right: Pure un-dyed BCM, BCM dyed with indigo, dyed with tyrian purple. <p>
 
</div>
 
</div>
Line 312: Line 338:
 
<br><br><br>
 
<br><br><br>
  
 
<h1></h1>
 
    <section class="normal_texts" id="section5">
 
        <br>
 
        <br>
 
    </section>
 
    <br><br><br>
 
<h1></h1>
 
    <section class="normal_texts" id="section6">
 
        <br>
 
        <br>
 
    </section>
 
 
<br><br><br>
 
 
<h1></h1>
 
    <section class="normal_texts" id="section7">
 
        <br>
 
        <br>
 
    </section>
 
 
<br><br><br>
 
 
 
 
    <h1>References</h1>
 
    <section class="references" id="section8">
 
        <br>
 
        <ol>
 
          <li></li>
 
          <li></li>
 
          <li></li>
 
          <li></li>
 
          <li></li>
 
          <li></li>
 
          <li></li>
 
          <li></li>
 
          <li></li>
 
        </ol>
 
        <br>
 
    </section>
 
  
  
Line 362: Line 347:
  
 
<div id="footer">
 
<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">
 
   <div id="footer-text">
 
     <h3>Sponsors</h3>
 
     <h3>Sponsors</h3>
 
   </div>
 
   </div>
 
   <div id="snapgene-logo">
 
   <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>
+
     <a href="https://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2021/5/5e/T--LINKS_China--SnapGeneLogo.jpg" style="width:auto;height:3.4722222222222vw;"></a>
 
   </div>
 
   </div>
 
   <div id="linkspider-logo">
 
   <div id="linkspider-logo">
     <img src="https://static.igem.org/mediawiki/2021/3/38/T--LINKS_China--linkspider_logo.png" height="100" width="auto">
+
     <a href="https://www.links-academy.net"><img src="https://static.igem.org/mediawiki/2021/3/38/T--LINKS_China--linkspider_logo.png" style="width:auto;height:4.8611111111111vw;"></a>
 
   </div>
 
   </div>
 
   <div id="basis-logo">
 
   <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>
+
     <a href="https://basis-global.com/"><img src="https://static.igem.org/mediawiki/2021/7/7d/T--LINKS_China--basis_logo.png" style="width:auto;height:4.1666666666667vw;"></a>
 
   </div>
 
   </div>
 
   <div id="scie-logo">
 
   <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>
+
     <a href="https://www.scie.com.cn/"><img src="https://static.igem.org/mediawiki/2021/e/ec/T--LINKS_China--scie_logo.png" style="width:auto;height:5.2083333333333vw;"></a>
 
   </div>
 
   </div>
   <div id="footer-divider2">
+
   <div id="taft-logo">
     <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" height="125" width="2">
+
     <a href="https://www.taftschool.org/"><img src="https://static.igem.org/mediawiki/2021/5/55/T--LINKS_China--tuft_logo_tp.png" style="width:auto;height:4.5138888888889vw;"></a>
 +
  </div>
 +
  <div id="nanshan-logo">
 +
    <a href="http://www.szsy.cn"><img src="https://static.igem.org/mediawiki/2021/1/18/T--LINKS_China--nanshan_logo_new_tp.png" style="width:auto;height:2.7777777777778vw;"></a>
 +
  </div>
 +
  <div id="uwc-logo">
 +
    <a href="http://www.uwcchina.org/en"><img src="https://static.igem.org/mediawiki/2021/4/4e/T--LINKS_China--uwc_logo.png" style="width:auto;height:5.2083333333333vw;"></a>
 +
  </div>
 +
  <div id="vma-logo">
 +
    <a href="https://en.vankemeisha.com/"><img src="https://static.igem.org/mediawiki/2021/8/88/T--LINKS_China--vma_logo_tp.png" style="width:auto;height:5.9027777777778vw;"></a>
 +
  </div>
 +
  <div id="hotchkiss-logo">
 +
    <a href="https://www.hotchkiss.org/"><img src="https://static.igem.org/mediawiki/2021/6/67/T--LINKS_China--hotchkiss_logo.png" style="width:auto;height:4.8611111111111vw;"></a>
 +
  </div>
 +
  <div id="chelt-logo">
 +
    <a href="https://www.cheltladiescollege.org/"><img src="https://static.igem.org/mediawiki/2021/a/af/T--LINKS_China--chelt_logo.png" style="width:auto;height:5.2083333333333vw;"></a>
 +
  </div>
 +
  <div id="ridley-logo">
 +
    <a href="https://www.ridleycollege.com/"><img src="https://static.igem.org/mediawiki/2021/3/36/T--LINKS_China--ridley_logo.png" style="width:auto;height:4.8611111111111vw;"></a>
 +
  </div>
 +
  <div id="guangzhou-logo">
 +
    <a href="https://www.chgzfls.com"><img src="https://static.igem.org/mediawiki/2021/8/83/T--LINKS_China--guangzhou_logo_tp.png" style="width:auto;height:5.2083333333333vw;"></a>
 +
  </div>
 +
  <div id="gca-logo">
 +
    <a href="https://www.gcarams.org/"><img src="https://static.igem.org/mediawiki/2021/9/9f/T--LINKS_China--gca_logo_tp.png" style="width:auto;height:4.5138888888889vw;"></a>
 +
  </div>
 +
  <div id="footer-divider">
 +
    <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" style="width:0.13888888888889vw;height:8.6805555555556vw;">
 
   </div>
 
   </div>
 
   <div id="footer-text2">
 
   <div id="footer-text2">
Line 390: Line 396:
 
   </div>
 
   </div>
 
   <div id="ins-logo">
 
   <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>
+
     <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" style="width:auto;height:4.8611111111111vw;"></a>
 +
  </div>
 +
  <div id="footer-divider2">
 +
    <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" style="width:0.13888888888889vw;height:8.6805555555556vw;">
 
   </div>
 
   </div>
 
   <div id="bilibili-logo">
 
   <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>
+
     <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" style="width:auto;height:4.1666666666667vw;""></a>
 +
  </div>
 +
  <div id="footer-divider3">
 +
    <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" style="width:0.13888888888889vw;height:8.6805555555556vw;">
 
   </div>
 
   </div>
 
   <div id="email-logo">
 
   <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>
+
     <a href="mailto: links_china@outlook.com"><img src="https://static.igem.org/mediawiki/2021/d/df/T--LINKS_China--email_logo.png" style="width:auto;height:4.8611111111111vw;"></a>
 
   </div>
 
   </div>
 
   <img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--footer4.png" class="footer">
 
   <img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--footer4.png" class="footer">
Line 447: Line 459:
 
       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/5/56/T--LINKS_China--bigimg_poc.png);
 
       background-attachment:scroll;
 
       background-attachment:scroll;
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 499: Line 511:
 
   font-size: 2.25em;
 
   font-size: 2.25em;
 
   line-height: 1.2;
 
   line-height: 1.2;
   height: 34vw;
+
   height: 19vw;
 
   width: 3.9vw;
 
   width: 3.9vw;
 
   border: 3.3px solid #600136;
 
   border: 3.3px solid #600136;
Line 551: Line 563:
 
     width: 11.2vw;
 
     width: 11.2vw;
 
     top: -1.3vw;
 
     top: -1.3vw;
     padding: 1.75vw 0vw 0vw 0vw;
+
     padding: 1.83vw 0vw 0vw 0vw;
 
     right: 0.55vw;
 
     right: 0.55vw;
 
     height: auto;
 
     height: auto;
Line 564: Line 576:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 897: Line 909:
  
  
#links-logo {
 
  position: absolute;
 
  bottom: 4.17vw;
 
  left: 10.4vw;
 
}
 
  
 
#snapgene-logo {
 
#snapgene-logo {
 
   position: absolute;
 
   position: absolute;
   bottom: 4.86vw;
+
   bottom: 5.46vw;
   left: 20.83vw;
+
   left: 14.83vw;
 
}
 
}
  
Line 924: Line 931:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.111vw;
 
   bottom: 11.111vw;
   left: 20.139vw;
+
   left: 7.139vw;
 
}
 
}
  
 
#linkspider-logo {
 
#linkspider-logo {
 
   position: absolute;
 
   position: absolute;
   bottom: 4.1667vw;
+
   bottom: 9.0667vw;
   left: 43.4vw;
+
   left: 14.4vw;
 
}
 
}
  
 
#basis-logo {
 
#basis-logo {
 
   position: absolute;
 
   position: absolute;
   bottom: 4.514vw;
+
   bottom: 9.514vw;
   left: 51.389vw;
+
   left: 19.389vw;
 
}
 
}
  
 
#scie-logo {
 
#scie-logo {
 
   position: absolute;
 
   position: absolute;
   bottom: 4.5139vw;
+
   bottom: 2.8139vw;
   left: 60.07vw;
+
   left: 40.07vw;
 
}
 
}
  
#footer-divider2 {
+
#taft-logo {
 +
  position: absolute;
 +
  bottom: 9.375vw;
 +
  left: 24.305555555556vw;
 +
}
 +
 
 +
#nanshan-logo {
 +
  position: absolute;
 +
  bottom: 2.4305555555556vw;
 +
  left: 15.625vw;
 +
}
 +
 
 +
#vma-logo {
 +
  position: absolute;
 +
  bottom: 8.6805555555556vw;
 +
  left: 28.819444444444vw;
 +
}
 +
 
 +
#uwc-logo {
 +
  position: absolute;
 +
  bottom: 2.7777777777778vw;
 +
  left: 31.597222222222vw;
 +
}
 +
 
 +
#hotchkiss-logo {
 +
  position: absolute;
 +
  bottom: 9.0277777777778vw;
 +
  left: 34.722222222222vw;
 +
}
 +
 
 +
#chelt-logo {
 +
  position: absolute;
 +
  bottom: 9.0277777777778vw;
 +
  left: 39.236111111111vw;
 +
}
 +
 
 +
#ridley-logo {
 +
  position: absolute;
 +
  bottom: 9.0277777777778vw;
 +
  left: 43.75vw;
 +
}
 +
 
 +
#guangzhou-logo {
 +
  position: absolute;
 +
  bottom: 2.7777777777778vw;
 +
  left: 48.263888888889vw;
 +
}
 +
 
 +
#gca-logo {
 +
  position: absolute;
 +
  bottom: 9.0277777777778vw;
 +
  left: 48.611111111111vw;
 +
}
 +
 
 +
#footer-divider {
 
   position: absolute;
 
   position: absolute;
 
   bottom: 3.819vw;
 
   bottom: 3.819vw;
   left: 68.4vw;
+
   left: 54.4vw;
 
}
 
}
  
Line 954: Line 1,015:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 960: Line 1,021:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.51389vw;
 
   bottom: 4.51389vw;
   left: 69.4444vw;
+
   left: 56.7444vw;
 +
}
 +
 
 +
#footer-divider2 {
 +
  position: absolute;
 +
  bottom: 3.819vw;
 +
  left: 64.4vw;
 
}
 
}
  
 
#bilibili-logo {
 
#bilibili-logo {
 
   position: absolute;
 
   position: absolute;
   bottom: 5.5555556vw;
+
   bottom: 4.7555556vw;
   left: 77.08vw;
+
   left: 69.08vw;
 +
}
 +
 
 +
#footer-divider3 {
 +
  position: absolute;
 +
  bottom: 3.819vw;
 +
  left: 83.4vw;
 
}
 
}
  
Line 972: Line 1,045:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 1,007: Line 1,080:
 
   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;
 
}
 
}
  

Latest revision as of 15:32, 17 December 2021