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

 
(8 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 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
+
               <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>
" id="section2_guider"></a></li>
+
               <li><a href="#section3"><img src="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--section_guidertest4.1.jpg" id="section3_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/a/aa/T--LINKS_China--section_guidertest5.1.jpg" id="section4_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/0/03/T--LINKS_China--section_guidertest7.2.jpg" id="section5_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/c/cb/T--LINKS_China--section_guidertest8.1.jpg" id="section6_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>
  
Line 204: Line 230:
  
 
           <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/9b/T--LINKS_China--sidebar_implementation1.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/a/af/T--LINKS_China--sidebar_implementation2.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/6/6a/T--LINKS_China--sidebar_implementation3.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/0/08/T--LINKS_China--sidebar_implementation4.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/8/84/T--LINKS_China--sidebar_implementation5.png" 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/9/9e/T--LINKS_China--sidebar_implementation6.png" 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 243:
 
<nav class="section-nav">
 
<nav class="section-nav">
 
<ul>
 
<ul>
<li><a href="#section1">Overview</a></li>
+
<li><a href="#section1">Abstract</a></li>
<li><a href="#section2">Producing Bacterial Cellulose</a></li>
+
<li><a href="#section2">Target 1: BCM Production</a></li>
<li><a href="#section3">Spider Silk modification of BC’s properties</a></li>
+
<li><a href="#section3">Target 2: Spider Silk</a></li>
<li><a href="#section4">Dyeing BC with Natural Dyes</a></li>
+
<li><a href="#section4">Target 3: Dye Production</a></li>
<li><a href="#section5">Producing ethyl acetate from the byproducts of fermentation</a></li>
+
<li><a href="#section5">Target 4: Yeast Engineering</a></li>
<li><a href="#section6">References</a></li>
+
<li><a href="#section6">Conclusion</a></li>
<li><a href="#section7"></a></li>
+
<li><a href="#section8"></a></li>
+
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 232: Line 254:
 
   </div>
 
   </div>
 
<!------------------------------------SIDEBAR_END------------------------------------->
 
<!------------------------------------SIDEBAR_END------------------------------------->
 
  
 
<!------------------------------------TEXT_START------------------------------------->
 
<!------------------------------------TEXT_START------------------------------------->
Line 242: Line 263:
 
     <section class="normal_texts" id="section1">
 
     <section class="normal_texts" id="section1">
 
         <br>
 
         <br>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/c/ca/T--LINKS_China--im1.png">
 +
      <p><p>
 +
</div>
 +
 
         <p>Leather production is a significant industry not only in China, but also in the entire world’s market. Though leather begins as a favorable byproduct of butcher houses, the leather industry nowadays is build on top of tons of polluted black water in the sewage and hills of white skull from slain animals. According to Food and Agricultural Organization of the United Nations, 6.5 million tons of raw bovine hide alone was produced in 2015, accounting for the slaughter of millions of cows. Skin from these dead beasts is brutally pealed off and further processed with chemicals like sodium dichromate in factories. Harmful chemicals often stay in the waste water discharged by the leather processing factories. Chromium, a crucial chemical used in the tanning process and often found in waste water, is proved to be a carcinogen that causes damage to blood, kidneys, eyes, heart, and lungs if overly consumed. Sadly, many of everyday companies and luxury companies are relying on the traditional leather producing industry for raw leather supply.</p>
 
         <p>Leather production is a significant industry not only in China, but also in the entire world’s market. Though leather begins as a favorable byproduct of butcher houses, the leather industry nowadays is build on top of tons of polluted black water in the sewage and hills of white skull from slain animals. According to Food and Agricultural Organization of the United Nations, 6.5 million tons of raw bovine hide alone was produced in 2015, accounting for the slaughter of millions of cows. Skin from these dead beasts is brutally pealed off and further processed with chemicals like sodium dichromate in factories. Harmful chemicals often stay in the waste water discharged by the leather processing factories. Chromium, a crucial chemical used in the tanning process and often found in waste water, is proved to be a carcinogen that causes damage to blood, kidneys, eyes, heart, and lungs if overly consumed. Sadly, many of everyday companies and luxury companies are relying on the traditional leather producing industry for raw leather supply.</p>
 
         <br>
 
         <br>
Line 253: Line 279:
 
         <br>
 
         <br>
 
         <p>Targeting small entry lux companies in the fashion industry as our main end users, our product is designed to function as a more preferable substitute for the traditional leather producing industry. Considering that the fashion industry not only cares about the uniqueness of the raw material, but that it also put strong emphasis on the appearance of the material and the properties that the material possesses, we synthesize the BC leather using harmless microorganisms to grant it natural color and adding spider silk proteins produced by yeast and E.coli to modify its qualities. The combination of spider silk and colored cellulose membrane creates a surprisingly ductile and smooth material that may spark a revolution in the fashion industry. Thus, our product possesses unique properties that are more favorable and fashionable than that of tradition leather, and it is less costly comparing to the great amount of money required to graze the animals, shelter the animals, and process their skin. Therefore, our product will be a more affordable and preferable leather substitute especially for small entry lux companies.</p>
 
         <p>Targeting small entry lux companies in the fashion industry as our main end users, our product is designed to function as a more preferable substitute for the traditional leather producing industry. Considering that the fashion industry not only cares about the uniqueness of the raw material, but that it also put strong emphasis on the appearance of the material and the properties that the material possesses, we synthesize the BC leather using harmless microorganisms to grant it natural color and adding spider silk proteins produced by yeast and E.coli to modify its qualities. The combination of spider silk and colored cellulose membrane creates a surprisingly ductile and smooth material that may spark a revolution in the fashion industry. Thus, our product possesses unique properties that are more favorable and fashionable than that of tradition leather, and it is less costly comparing to the great amount of money required to graze the animals, shelter the animals, and process their skin. Therefore, our product will be a more affordable and preferable leather substitute especially for small entry lux companies.</p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/c/c2/T--LINKS_China--im2.png">
 +
      <p><p>
 +
</div>
 
         <br>
 
         <br>
 
     </section>
 
     </section>
Line 263: Line 293:
 
     <br>
 
     <br>
 
     <p>Primarily, we envision the usage of our product in the entry lux companies to start with increasing concern for animal welfare problems and sustainability issues created by the existing leather-producing industries. As the public become more aware of the cruelty behind animal skin and water pollution during the tanning process of leather production, those who are aware of the problems will naturally call for change. People will start to advocate against leather consumption, and some people will even stop purchasing leather products or switch to affordable leather substitutes and faux leathers.  Recognizing the change in the public’s attitude toward leather products, many entry lux companies that sell leather products will change to satisfy the demand of their consumers. Since our product is biodegradable and sustainable, as it is produced solely by harmless microorganisms like Komagataeibacter and brewer’s yeast, and that it is naturally colorful and aromatic, the BC leather will be an ideal supply choice for these entry lux companies. A company can easily turn the naturally dyed BC leather into delicate hand bags or comfortable shoes without doing much, since the BC leather itself is already softened by the addition of spider silk protein and dyed with natural pigments produced by microorganisms.</p>
 
     <p>Primarily, we envision the usage of our product in the entry lux companies to start with increasing concern for animal welfare problems and sustainability issues created by the existing leather-producing industries. As the public become more aware of the cruelty behind animal skin and water pollution during the tanning process of leather production, those who are aware of the problems will naturally call for change. People will start to advocate against leather consumption, and some people will even stop purchasing leather products or switch to affordable leather substitutes and faux leathers.  Recognizing the change in the public’s attitude toward leather products, many entry lux companies that sell leather products will change to satisfy the demand of their consumers. Since our product is biodegradable and sustainable, as it is produced solely by harmless microorganisms like Komagataeibacter and brewer’s yeast, and that it is naturally colorful and aromatic, the BC leather will be an ideal supply choice for these entry lux companies. A company can easily turn the naturally dyed BC leather into delicate hand bags or comfortable shoes without doing much, since the BC leather itself is already softened by the addition of spider silk protein and dyed with natural pigments produced by microorganisms.</p>
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/b/b3/T--LINKS_China--im3.png">
 +
      <p><p>
 +
</div>
 
     <br>
 
     <br>
 
     </section>
 
     </section>
Line 285: Line 319:
 
         <p>Maximizing the contributions that our project can offer to the real world, we also envision the usage of our synthetic yeast that can produce natural fragrance in the perfume industry. Other than using the yeast to add pleasant smell to our BC leather, we can supply our yeast to perfume companies that are searching for a cheap producer of sweet scent. Rather than mixing tons of oil extracted from various plants or produced by different chemicals, the company can easily purchase fragranced liquid produced by the harmless yeast.</p>
 
         <p>Maximizing the contributions that our project can offer to the real world, we also envision the usage of our synthetic yeast that can produce natural fragrance in the perfume industry. Other than using the yeast to add pleasant smell to our BC leather, we can supply our yeast to perfume companies that are searching for a cheap producer of sweet scent. Rather than mixing tons of oil extracted from various plants or produced by different chemicals, the company can easily purchase fragranced liquid produced by the harmless yeast.</p>
 
         <p>ust to list out more possibilities, the leftover culture media can be utilized in the real world as well. The acetic acid produced during the fermentation of BC leather can be collected and used as raw materials for pills and medicines.</p>
 
         <p>ust to list out more possibilities, the leftover culture media can be utilized in the real world as well. The acetic acid produced during the fermentation of BC leather can be collected and used as raw materials for pills and medicines.</p>
        <br>
+
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/1/1e/T--LINKS_China--im4.png">
 +
      <p style="text-align: center !important;">Silk fabric dyed with our synthetic pigments<p>
 +
</div>       
 +
<br>
 
     </section>
 
     </section>
 
     <br><br><br>
 
     <br><br><br>
Line 297: Line 335:
 
<br><br><br>
 
<br><br><br>
  
<h1></h1>
 
    <section class="normal_texts" id="section7">
 
        <br>
 
        <br>
 
    </section>
 
 
<br><br><br>
 
  
  
Line 311: Line 342:
 
         <br>
 
         <br>
 
         <ol>
 
         <ol>
           <p><li>1. Intergovernmental Group on Meat and Dairy Products Sub-group on Hides and Skins  
+
           <p><i>1. Intergovernmental Group on Meat and Dairy Products Sub-group on Hides and Skins  
 
(2016). World statistical compendium for raw hides and skins, leather and leather footwear 1999-2015. Food and Agricultural Organization of the United Nations, I5599E/1/05.16  
 
(2016). World statistical compendium for raw hides and skins, leather and leather footwear 1999-2015. Food and Agricultural Organization of the United Nations, I5599E/1/05.16  
</li></p>
+
</i></p>
           <p><li>2. Dayan, A. D.; Paine, A. J. (2001). Mechanisms of chromium toxicity, carcinogenicity and allergenicity: Review of the literature from 1985 to 2000. Human & Experimental Toxicology. 20 (9): 439–451. doi:10.1191/096032701682693062. PMID 11776406.</li></p>
+
           <p><i>2. Dayan, A. D.; Paine, A. J. (2001). Mechanisms of chromium toxicity, carcinogenicity and allergenicity: Review of the literature from 1985 to 2000. Human & Experimental Toxicology. 20 (9): 439–451. doi:10.1191/096032701682693062. PMID 11776406.</i></p>
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
 
         </ol>
 
         </ol>
 
         <br>
 
         <br>
Line 334: Line 358:
  
 
<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 362: Line 407:
 
   </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 419: Line 470:
 
       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/b/b7/T--LINKS_China--bigimg_implementation.png);
 
       background-attachment:scroll;
 
       background-attachment:scroll;
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 471: Line 522:
 
   font-size: 2.25em;
 
   font-size: 2.25em;
 
   line-height: 1.2;
 
   line-height: 1.2;
   height: 34vw;
+
   height: 28vw;
 
   width: 3.9vw;
 
   width: 3.9vw;
 
   border: 3.3px solid #600136;
 
   border: 3.3px solid #600136;
Line 536: Line 587:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 2vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 869: Line 920:
  
  
#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 896: Line 942:
 
   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 926: Line 1,026:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 932: Line 1,032:
 
   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 944: Line 1,056:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 979: Line 1,091:
 
   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 22:33, 17 December 2021