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

 
(12 intermediate revisions by 3 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 144: Line 173:
 
     <img id="drylab_main" src="https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png" class="dropbtn">
 
     <img id="drylab_main" src="https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png" class="dropbtn">
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <div><a href="https://2021.igem.org/Team:LINKS_China/Modeling"><img src='https://static.igem.org/mediawiki/2021/4/46/T--LINKS_China--drylab_modeling_new_v2.png' class="dropbtn"></a></div>
+
       <div><a href="https://2021.igem.org/Team:LINKS_China/Model"><img src='https://static.igem.org/mediawiki/2021/4/46/T--LINKS_China--drylab_modeling_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Hardware"><img src='https://static.igem.org/mediawiki/2021/8/8d/T--LINKS_China--drylab_hardware_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Hardware"><img src='https://static.igem.org/mediawiki/2021/8/8d/T--LINKS_China--drylab_hardware_new_v2.png' class="dropbtn"></a></div>
 
     </div>
 
     </div>
Line 155: Line 184:
 
     <img id="hps_main" src="https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png" class="dropbtn">
 
     <img id="hps_main" src="https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png" class="dropbtn">
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <div><a href="https://2021.igem.org/Team:LINKS_China/Integrated_Human_Practices"><img src='https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--hps_ihps_new_v2.png' class="dropbtn"></a></div>
+
       <div><a href="https://2021.igem.org/Team:LINKS_China/Human_Practices"><img src='https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--hps_ihps_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Communication"><img src='https://static.igem.org/mediawiki/2021/4/42/T--LINKS_China--hps_communication_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Communication"><img src='https://static.igem.org/mediawiki/2021/4/42/T--LINKS_China--hps_communication_new_v2.png' class="dropbtn"></a></div>
       <div><a href="https://2021.igem.org/Team:LINKS_China/Sustainability"><img src='https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--hps_sustainability_new_v2.png' class="dropbtn"></a></div>
+
       <div><a href="https://2021.igem.org/Team:LINKS_China/Sustainable"><img src='https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--hps_sustainability_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Entrepreneurship"><img src='https://static.igem.org/mediawiki/2021/1/11/T--LINKS_China--hps_entreprenuership_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Entrepreneurship"><img src='https://static.igem.org/mediawiki/2021/1/11/T--LINKS_China--hps_entreprenuership_new_v2.png' class="dropbtn"></a></div>
 
     </div>
 
     </div>
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>
        <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>
    </section>
+
<div class="picture_and_explanation">
 +
      <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>
 +
</div>
  
 +
      <br>
 +
    </section>
  
 
<br><br><br>
 
<br><br><br>
 +
    <h1>Production of spider silk BCM composite material</h1>
 +
    <br>
  
    <h1></h1>
+
     <section class="normal_texts" id="section1">
     <section class="normal_texts" id="section2">
+
 
         <br>
 
         <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>
    </section>
+
<div class="picture_and_explanation">
 +
      <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>
 +
</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 <a href="https://2021.igem.org/Team:LINKS_China/Hardware">hardware page</a> to learn more!</p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/6/61/T--LINKS_China--poc3.png">
 +
      <p>Figure 3. Our NeoLeathic Tanner<p>
 +
</div>
  
<br><br><br>
+
    <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">
 +
      <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>
 +
</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 <a href="https://2021.igem.org/Team:LINKS_China/Results">results page</a> for more information. </p>
 +
<div class="picture_and_explanation">
 +
      <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>
 +
</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>
 +
      <br>
 +
 
 +
    </section>
  
  
<h1></h1>
+
<br><br><br>
 +
 
 +
<h1>Production of indigo and tyrian purple from tryptophan</h1>
 
     <section class="normal_texts" id="section3">
 
     <section class="normal_texts" id="section3">
 
     <br>
 
     <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>
 +
<div class="picture_and_explanation">
 +
      <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>
 +
</div>
 +
      <br>
 
     </section>
 
     </section>
  
Line 266: Line 324:
  
  
<h1></h1>
+
<h1>Final leather product</h1>
 
     <section class="normal_texts" id="section4">
 
     <section class="normal_texts" id="section4">
 
         <br>
 
         <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>
    </section>
+
<div class="picture_and_explanation">
 +
      <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>
 +
</div>
 +
      <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>
 
     </section>
  
 
<br><br><br>
 
<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 324: 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 352: 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 409: 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 461: 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 513: 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 526: Line 576:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 859: 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 886: 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 916: Line 1,015:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 922: 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 934: Line 1,045:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 969: 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