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

 
(17 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 170: Line 199:
  
 
<div id="big_header">
 
<div id="big_header">
     <img src="https://static.igem.org/mediawiki/2021/3/3e/T--LINKS_China--bigheader_description.jpg" style="position: absolute; top:13.5vw; left: 25vw; width: 50vw;">
+
     <img src="https://static.igem.org/mediawiki/2021/3/3e/T--LINKS_China--bigheader_description.jpg" style="position: absolute; top:12.5vw; left: 25vw; width: 50vw;">
 
     <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--descriptionplace_lightpurple.jpg" style="position: absolute; top:12vw; left: 22.5vw; width: 55vw;">
 
     <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--descriptionplace_lightpurple.jpg" style="position: absolute; top:12vw; left: 22.5vw; width: 55vw;">
 
</div>
 
</div>
Line 196: Line 225:
 
               <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="#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="#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="#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="#section7"><img src="https://static.igem.org/mediawiki/2021/c/cb/T--LINKS_China--section_guidertest8.1.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 232:
  
 
           <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/5/5b/T--LINKS_China--sidebar_description1.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/9/9c/T--LINKS_China--sidebar_description2.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/4/42/T--LINKS_China--sidebar_description3.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/5/58/T--LINKS_China--sidebar_description4.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/1/1a/T--LINKS_China--sidebar_description5.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/d/df/T--LINKS_China--sidebar_description6.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/6/64/T--LINKS_China--sidebar_description7.png" 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 246:
 
<nav class="section-nav">
 
<nav class="section-nav">
 
<ul>
 
<ul>
<li><a href="#section1">Overview</a></li>
+
<li><a href="#section1">Leather Production</a></li>
<li><a href="#section2">Producing Bacterial Cellulose</a></li>
+
<li><a href="#section2">Animal Leather</a></li>
<li><a href="#section3">Spider Silk modification of BC’s properties</a></li>
+
<li><a href="#section3">Faux Leather</a></li>
<li><a href="#section4">Dyeing BC with Natural Dyes</a></li>
+
<li><a href="#section4">BCM</a></li>
<li><a href="#section5">Producing ethyl acetate from the byproducts of fermentation</a></li>
+
<li><a href="#section5">Turning BCM into leather</a></li>
<li><a href="#section6">References</a></li>
+
<li><a href="#section6">Dyeing BCM</a></li>
<li><a href="#section7"></a></li>
+
<li><a href="#section7">NeoLeathic Age</a></li>
<li><a href="#section8"></a></li>
+
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 242: Line 268:
 
     <section class="normal_texts" id="section1">
 
     <section class="normal_texts" id="section1">
 
         <br>
 
         <br>
         <p>The global market of leather is rapidly increasing to meet the rising demands of high quality leather. Currently, there are two main types of traditional leather, namely animal leather and plastic faux leather, both of which have significant environmental impacts.</p>
+
         <p>The global market of leather is rapidly growing to meet the rising demand for high quality leather. Currently, there are two main types of traditional leather, namely animal leather and plastic faux leather, both of which have significant environmental impacts.</p>
 
         <br>
 
         <br>
 
     </section>
 
     </section>
Line 249: Line 275:
 
<br><br><br>
 
<br><br><br>
  
     <h1>Animal leather</h1>
+
     <h1>Animal Leather</h1>
 
     <section class="normal_texts" id="section2">
 
     <section class="normal_texts" id="section2">
 
         <br>
 
         <br>
         <p>Animal leather has a relatively longer history than any other leather materials since our ancestors started to wear animal fur as cloths at the very beginning of an entire human history. The variety of the usage of animal fur is more in the present, approximately 50% of the animal leather products is utilized to make shoes, 25% for clothing and about 25% for other products. Animal leather is currently the most prevalent type of leather in the world. Over the next few years, the animal leather market is anticipated to reach 13.1 billion dollars in 2022. </p>
+
         <p>Animal leather has a relatively longer history than any other leather materials since our ancestors started to wear animal fur as clothes at the very beginning of the human history. There are various ways of using animal fur in the present days, approximately 50% of the animal leather products are utilized to make shoes, 25% for clothing and about 25% for other products. Animal leather is currently the most prevalent type of leather in the world. The animal leather market is anticipated to reach 13.1 billion dollars in 2022. </p>
 
<div class="picture_and_explanation">
 
<div class="picture_and_explanation">
       <img src="xxxxxxxx">
+
       <img src="https://static.igem.org/mediawiki/2021/d/d6/T--LINKS_China--des1.png">
       <p>Figure 1. A) A domestic cow.<p>
+
       <p style="text-align: center !important">Figure 1. A) A domestic cow. B) A leather bag. Source: Pixabay</p>
</div>
+
<div class="picture_and_explanation">
+
      <img src=“xxxxxxxx">
+
      <p>Figure 1.B) A leather bag. Source: Pixabay<p>
+
 
</div>
 
</div>
 
         <p>Animal leather production namely consists of washing, fleshing, tanning, and post-production. Washing removes dirt from raw hide, fleshing further cleans the raw hide, tanning to dye the hide, and post-production processes will differ based on the use of leather. </p>
 
         <p>Animal leather production namely consists of washing, fleshing, tanning, and post-production. Washing removes dirt from raw hide, fleshing further cleans the raw hide, tanning to dye the hide, and post-production processes will differ based on the use of leather. </p>
         <p>Animal leather production pollutes the environment by releasing large amounts of heavy metals such as chromium and cadmium which are toxic to the ecosystem, namely in the tanning step. One process of animal leather production is tanning which is the most risky and toxic step, since over 90% production requires the use of chromium tanning (Parvez, 2020). The amount of chromium being discharged by leather industries is about 170000 tons per year (Barik & Sivaram, 2019). Plants which are polluted by chromium will have severe decrease in seed germination and oxidative imbalances (Deckert, 2012). Chromium also affects human immune system and can cause lung cancer (Shrivastava et al., 2002).</p>
+
         <p>Animal leather production pollutes the environment by releasing large amounts of heavy metals such as chromium and cadmium, which are toxic to the ecosystem, namely in the tanning step. Tanning is the most risky and toxic step, since over 90% production requires the use of chromium tanning (Parvez, 2020). The amount of chromium being discharged by leather industries is about 170000 tons per year (Barik & Sivaram, 2019). Plants which are polluted by chromium will have severe decrease in seed germination and oxidative imbalances (Deckert, 2012). Chromium also affects human immune system and can cause lung cancer (Shrivastava et al., 2002).</p>
<div class="picture_and_explanation">
+
      <img src="xxxxxxxx">
+
      <p>Figure 2. A) Unprocessed animal skins. <p>
+
</div>
+
 
<div class="picture_and_explanation">
 
<div class="picture_and_explanation">
       <img src=“xxxxxxxx">
+
       <img src="https://static.igem.org/mediawiki/2021/3/36/T--LINKS_China--des2.png">
       <p>Figure 2. B) Leather dyeing and related wastes flowchart.<p>
+
       <p style="text-align: center !important;">Figure 2. A) Unprocessed animal skins.B) Leather dyeing and related wastes flowchart. <p>
 
</div>
 
</div>
 
         <br>
 
         <br>
Line 277: Line 295:
  
  
<h1>Faux leather</h1>
+
<h1>Faux Leather</h1>
 
     <section class="normal_texts" id="section3">
 
     <section class="normal_texts" id="section3">
 
     <br>
 
     <br>
     <p>Faux leather is mostly composed of polyvinylchloride and vinyl and it popular since the 1910s. Polyurethane and vinyl synthetic leathers are used mainly in clothing and upholstery. Weaknesses of faux leather is obvious, as the fabric breathability, moisture-wicking abilities, stretchability and prone to pilling are usually low for PVC-made Faux leather. However, the heat retention ability of faux leather is quit high and similar to that of the traditional leather. (Sewport Support Team, 2021). </p>
+
     <p>Faux leather is mostly composed of polyvinyl chloride and vinyl, and it became popular since the 1910s. Polyurethane and vinyl synthetic leathers are used mainly in clothing and upholstery. Weaknesses of faux leather is obvious, as the fabric breathability, moisture-wicking abilities, stretchability and prone to pilling are usually low for PVC-made Faux leather. However, the heat retention ability of faux leather is considerably high and similar to that of the traditional leather. (Sewport Support Team, 2021). </p>
     <p>As the demand for cheaper leather grows, the market size of artificial leather, a substitute for traditional leather, is expected to grow annually at a rate of 7.8% from 2021 to 2028 (Grand View Research, 2021). Prior to production, we need to prepare polyester materials to act as a base material. Polyvinylchloride will be then bound with base fabrics and textiles. At the end, the leather could be cut in different sizes.</p>
+
     <p>As the demand for cheaper leather grows, the market size of artificial leather, a substitute for traditional leather, is expected to grow annually at a rate of 7.8% from 2021 to 2028 (Grand View Research, 2021). Prior to production, we need to prepare polyester materials to act as a base material. Polyvinylchloride will be then bound with base fabrics and textiles. At the end, the leather can be cut into different sizes.</p>
     <p>Most artificial leathers are produced by plastics such as polyurethane and polyvinyl chloride which are harmful for the environment because they are not biodegradable (Doe, 2020). During the process of PVC leather production, polyvinylchloride with stabilizers, plasticizers and lubricants are combined while PVC might be emitted to the environment in this process and cause harmful effects (How Do Faux Leather Fabrics Compare to Real Leather?, 2016).</p>
+
     <p>Most artificial leathers are produced by plastics such as polyurethane and polyvinyl chloride, which are harmful for the environment because they are not biodegradable (Doe, 2020). During the process of PVC leather production, polyvinyl chloride with stabilizers, plasticizers and lubricants are combined while PVC may be emitted to the environment in this process and cause harmful effects (How Do Faux Leather Fabrics Compare to Real Leather?, 2016).</p>
 
<div class="picture_and_explanation">
 
<div class="picture_and_explanation">
       <img src="xxxxxxxx">
+
       <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--des3.png">
       <p>Figure 2. Cross section of faux leather. (Ritter, 2014)<p>
+
       <p style="text-align: center !important;">Figure 3. Cross section of faux leather. (Ritter, 2014)<p>
 
</div>
 
</div>
  
Line 294: Line 312:
  
  
<h1>Bacterial Cellulose membrane (BCM) as our base material</h1>
+
<h1>Bacterial Cellulose Membrane (BCM) as Our Base Material</h1>
 
     <section class="normal_texts" id="section4">
 
     <section class="normal_texts" id="section4">
 
         <br>
 
         <br>
         <p>Bacterial cellulose membrane (BCM) is the material we chose for the Neoleathic age. Bacterial cellulose membrane, as its name suggests, is formed by tangling secreted cellulose fibrins. We already see BCM in our daily lives, especially in the foods we eat. It is also found in nata jelly in milk teak. In the medical setting, BCM is used as a wound dressing, especially for burn patients, due to its strong water retention ability and its highly adaptable shape.</p>
+
         <p>Bacterial cellulose membrane (BCM) is the material we chose for the Neoleathic age. Bacterial cellulose membrane, as its name suggests, is formed by tangling secreted cellulose fibrins. We already see BCM in our daily lives, especially in the foods we eat. It is also found in nata jelly in milk tea. In the medical setting, BCM is used as a wound dressing, especially for burn patients, due to its strong water retention ability and its highly adaptable shape.</p>
<div class=“picture_and_explanation”>
+
<div class="picture_and_explanation">
       <img src=“xxxxxxxx”>
+
       <img src="https://static.igem.org/mediawiki/2021/2/26/T--LINKS_China--des4.png">
       <p>Figure 3. Kombucha SCOBY with BCM. The whitish membranes are BCM. <p>
+
       <p style="text-align: center !important;">Figure 4. Kombucha SCOBY with BCM. The whitish membranes are BCM. <p>
 
</div>
 
</div>
 
         <p>High-quality BCM is commonly produced by pure cultures of two genera of gram-negative acetic acid bacteria: Komagataeibacter and Gluconacetobacter. These genera of bacteria can produce BCM at an astonishing rate, more than 10g/liter of medium in less than a few days. On top of the already amazing rate, BCM can be produced at a faster rate in a symbiotic co-culture of bacteria and yeast (SCOBY), where Komagataeibacter is co-cultured with Saccharomyces cerevisiae (Gilbert, 2021). For our project, we hope to use BCM produced from SCOBY and engineer it into a leather substitute.</p>
 
         <p>High-quality BCM is commonly produced by pure cultures of two genera of gram-negative acetic acid bacteria: Komagataeibacter and Gluconacetobacter. These genera of bacteria can produce BCM at an astonishing rate, more than 10g/liter of medium in less than a few days. On top of the already amazing rate, BCM can be produced at a faster rate in a symbiotic co-culture of bacteria and yeast (SCOBY), where Komagataeibacter is co-cultured with Saccharomyces cerevisiae (Gilbert, 2021). For our project, we hope to use BCM produced from SCOBY and engineer it into a leather substitute.</p>
Line 309: Line 327:
  
  
<h1>Turning BCM into leather</h1>
+
<h1>Turning BCM into Leather</h1>
 
     <section class="normal_texts" id="section5">
 
     <section class="normal_texts" id="section5">
 
         <br>
 
         <br>
Line 317: Line 335:
 
         <p>To link the spider silk net with the BCM net, we designed fused spider silk and CBM proteins. These fused proteins will have CBMs flanking the spider silk fibroin, thus connecting the spider silk with the BCM. The spider silk fibroin will also form hydrogen bonds with each another, in the gaps of cellulose fibers in BCM, creating a denser net made of two different materials. By fusing spider silk proteins and CBMs, we hope to make BCM leather a reality. </p>
 
         <p>To link the spider silk net with the BCM net, we designed fused spider silk and CBM proteins. These fused proteins will have CBMs flanking the spider silk fibroin, thus connecting the spider silk with the BCM. The spider silk fibroin will also form hydrogen bonds with each another, in the gaps of cellulose fibers in BCM, creating a denser net made of two different materials. By fusing spider silk proteins and CBMs, we hope to make BCM leather a reality. </p>
 
<div class="picture_and_explanation">
 
<div class="picture_and_explanation">
       <img src="xxxxxxxx">
+
       <img src="https://static.igem.org/mediawiki/2021/d/d7/T--LINKS_China--des5.png">
       <p>Figure 4. Schematic representing the increase in force needed to break two layered nets as opposed to one. The relative size of the arrows indicate the relative force. <p>
+
       <p>Figure 5. Schematic representing the increase in force needed to break two layered nets as opposed to one. The relative size of the arrows indicate the relative force. <p>
 
</div>
 
</div>
 
<div class="picture_and_explanation">
 
<div class="picture_and_explanation">
       <img src="xxxxxxxx">
+
       <img src="https://static.igem.org/mediawiki/2021/a/af/T--LINKS_China--des6.png">
       <p>Figure 5. Our visualization of the BCM net layered with spider silk fibroins. <p>
+
       <p style="text-align: center !important;">Figure 6. Our visualization of the BCM net layered with spider silk fibroins. <p>
 
</div>
 
</div>
 
         <br>
 
         <br>
 
     </section>
 
     </section>
 
     <br><br><br>
 
     <br><br><br>
<h1>Dyeing our BCM with natural dyes</h1>
+
<h1>Dyeing BCM with Natural Dyes</h1>
 
     <section class="normal_texts" id="section6">
 
     <section class="normal_texts" id="section6">
 
         <br>
 
         <br>
Line 336: Line 354:
 
         <p>Our current design for producing dyes involves spatial separation of the Fre-SttH and TnaA & FMO. In the future, we would also like to produce tyrian purple using just one strain, using temporal separation, where we can express different enzymes by measuring the relative concentration of each substrates in the media. Our modeling team combined computer science, enzymatic rates derived from experiments, and biological sensor to model the concentration of different substrates over time. </p>
 
         <p>Our current design for producing dyes involves spatial separation of the Fre-SttH and TnaA & FMO. In the future, we would also like to produce tyrian purple using just one strain, using temporal separation, where we can express different enzymes by measuring the relative concentration of each substrates in the media. Our modeling team combined computer science, enzymatic rates derived from experiments, and biological sensor to model the concentration of different substrates over time. </p>
 
       <p>By producing natural indigoid dyes using bacteria, we cut back on potential pollution associated with dyeing leather.</p>
 
       <p>By producing natural indigoid dyes using bacteria, we cut back on potential pollution associated with dyeing 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--des7.png">
       <p>Figure 6. Schematic representing the production pathway of indigo and tyrian purple with trp-6-halogenase, TnaA, and FMO.<p>
+
       <p style="text-align: center !important;">Figure 7. Schematic representing the production pathway of indigo and tyrian purple with trp-6-halogenase, TnaA, and FMO.<p>
 
</div>
 
</div>
  
Line 346: Line 364:
 
<br><br><br>
 
<br><br><br>
  
<h1>Overall design of the Neoleathic Age</h1>
+
<h1>Overall Design of the NeoLeathic Age</h1>
 
     <section class="normal_texts" id="section7">
 
     <section class="normal_texts" id="section7">
 
         <br>
 
         <br>
Line 357: Line 375:
 
<div class="picture_and_explanation">
 
<div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/8/8e/T--LINKS_China--poc10.jpg">
 
       <img src="https://static.igem.org/mediawiki/2021/8/8e/T--LINKS_China--poc10.jpg">
       <p>Figure 7. Figure abstract for the Neoleathic Age. 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>
+
       <p>Figure 8. Figure abstract for the Neoleathic Age. 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>
 
</div>
  
Line 371: Line 389:
 
         <br>
 
         <br>
 
         <ol>
 
         <ol>
           <p><i>Open Access Library Journal. (2016). Traditional Leather Processing, Production and Marketing in Amhara Regional State of Ethiopia. https://file.scirp.org/pdf/OALibJ_2016122917510268.pdf</i></p>
+
           <li><i>Open Access Library Journal. (2016). Traditional Leather Processing, Production and Marketing in Amhara Regional State of Ethiopia. https://file.scirp.org/pdf/OALibJ_2016122917510268.pdf</i></li>
           <p><i>Sewport Support Team. (2021, October 16). What is Faux Leather Fabric: Properties, How its Made and Where. Sewport. https://sewport.com/fabrics-directory/faux-leather-fabric
+
           <li><i>Sewport Support Team. (2021, October 16). What is Faux Leather Fabric: Properties, How its Made and Where. Sewport. https://sewport.com/fabrics-directory/faux-leather-fabric
  
 
Global Traditional Leather Market Size By Raw Material, By Finishing Type, By End-User, By Geographic Scope And Forecast. (2021, April). Verified Market Research. https://www.verifiedmarketresearch.com/product/traditional-leather-market/  
 
Global Traditional Leather Market Size By Raw Material, By Finishing Type, By End-User, By Geographic Scope And Forecast. (2021, April). Verified Market Research. https://www.verifiedmarketresearch.com/product/traditional-leather-market/  
</i></p>
+
</i></li>
           <p><i>More, A. (2021, July). Traditional Leather Market 2021: Industry Outlook, Definition, Business Opportunity, Driving Factors by Manufacturers and Forecast till 2026 with Leading Regions and Countries Data. KTVN 2 News. https://www.ktvn.com/story/44400876/traditional-leather-market-2021-industry-outlook-definition-business-opportunity-driving-factors-by-manufacturers-and-forecast-till-2026-with-leading</i></p>
+
           <li><i>More, A. (2021, July). Traditional Leather Market 2021: Industry Outlook, Definition, Business Opportunity, Driving Factors by Manufacturers and Forecast till 2026 with Leading Regions and Countries Data. KTVN 2 News. https://www.ktvn.com/story/44400876/traditional-leather-market-2021-industry-outlook-definition-business-opportunity-driving-factors-by-manufacturers-and-forecast-till-2026-with-leading</i></li>
           <p><i>Grand View Research. (2021, April). Synthetic Leather Market Size, Share & Trends Analysis Report By Product (Bio-based, PVC, PU), By Application (Automotive, Footwear), By Region (APAC, Central & South America), And Segment Forecasts, 2021–2028. https://www.grandviewresearch.com/industry-analysis/synthetic-leather-market</i></p>
+
           <li><i>Grand View Research. (2021, April). Synthetic Leather Market Size, Share & Trends Analysis Report By Product (Bio-based, PVC, PU), By Application (Automotive, Footwear), By Region (APAC, Central & South America), And Segment Forecasts, 2021–2028. https://www.grandviewresearch.com/industry-analysis/synthetic-leather-market</i></li>
           <p><i>Barik, D., & Sivaram, N. M. (2019). Toxic Waste From Leather Industries. ScienceDirect. Published. https://www.sciencedirect.com/topics/earth-and-planetary-sciences/leather-industry</i></p>
+
           <li><i>Barik, D., & Sivaram, N. M. (2019). Toxic Waste From Leather Industries. ScienceDirect. Published. https://www.sciencedirect.com/topics/earth-and-planetary-sciences/leather-industry</i></li>
           <p><i>Shrivastava, R., Seth, P. K., Upreti, R. K., & Chaturvedi, U. C. (2002). Effects of chromium on the immune system. OXFORD ACADEMIC. Published. https://doi.org/10.1111/j.1574-695X.2002.tb00596.x</i></p>
+
           <li><i>Shrivastava, R., Seth, P. K., Upreti, R. K., & Chaturvedi, U. C. (2002). Effects of chromium on the immune system. OXFORD ACADEMIC. Published. https://doi.org/10.1111/j.1574-695X.2002.tb00596.x</i></li>
           <p><i>Deckert, J. (2012). Chromium as an Environmental Pollutant: Insights on Induced Plant Toxicity. Hindawi. Published. https://doi.org/10.1155/2012/375843</i></p>
+
           <li><i>Deckert, J. (2012). Chromium as an Environmental Pollutant: Insights on Induced Plant Toxicity. Hindawi. Published. https://doi.org/10.1155/2012/375843</i></li>
           <p><i>Parvez, T. (2020, November 9). Debunking the Vegan Leather Myth: Exploring the Harmful Impacts of PVC, and a Guide to Viable, Sustainable Options. MakersValley. https://www.google.com/amp/s/blog.makersvalley.net/vegan-leather-harmful-impacts-sustainable-options%3Fhs_amp%3Dtrue</i></p>
+
           <li><i>Parvez, T. (2020, November 9). Debunking the Vegan Leather Myth: Exploring the Harmful Impacts of PVC, and a Guide to Viable, Sustainable Options. MakersValley. https://www.google.com/amp/s/blog.makersvalley.net/vegan-leather-harmful-impacts-sustainable-options%3Fhs_amp%3Dtrue</i></li>
           <p><i>Doe, K. (2020). Pleather Vs. Environment: An Honest Look. ADIMAY. https://www.adimay.com/2020/01/pleather-vs-environment/</i></p>
+
           <li><i>Doe, K. (2020). Pleather Vs. Environment: An Honest Look. ADIMAY. https://www.adimay.com/2020/01/pleather-vs-environment/</i></li>
           <p><i>How Do Faux Leather Fabrics Compare to Real Leather? (2016). Garrett Leather. https://www.garrettleather.com/blog/how-do-faux-leather-fabrics-compare-to-real-leather/</i></p>
+
           <li><i>How Do Faux Leather Fabrics Compare to Real Leather? (2016). Garrett Leather. https://www.garrettleather.com/blog/how-do-faux-leather-fabrics-compare-to-real-leather/</i></li>
           <p><i>Gilbert, C., Tang, TC., Ott, W. et al. Living materials with programmable functionalities grown from engineered microbial co-cultures. Nat. Mater. 20, 691–700 (2021). https://doi.org/10.1038/s41563-020-00857-5</i></p>
+
           <li><i>Gilbert, C., Tang, TC., Ott, W. et al. Living materials with programmable functionalities grown from engineered microbial co-cultures. Nat. Mater. 20, 691–700 (2021). https://doi.org/10.1038/s41563-020-00857-5</i></li>
           <p><i>Lee, J., Kim, J., Song, J.E. et al. Production of Tyrian purple indigoid dye from tryptophan in Escherichia coli. Nat Chem Biol 17, 104–112 (2021). https://doi.org/10.1038/s41589-020-00684-4</i></p>
+
           <li><i>Lee, J., Kim, J., Song, J.E. et al. Production of Tyrian purple indigoid dye from tryptophan in Escherichia coli. Nat Chem Biol 17, 104–112 (2021). https://doi.org/10.1038/s41589-020-00684-4</i></li>
           <p><i>Mohammadi, P., Aranko, A. S., Landowski, C. P., Ikkala, O., Jaudzems, K., Wagermaier, W., & Linder, M. B. (2019). Biomimetic composites with enhanced toughening using silk-inspired triblock proteins and aligned nanocellulose reinforcements. Science Advances, 5(9), eaaw2541. doi:10.1126/sciadv.aaw2541</i></p>
+
           <li><i>Mohammadi, P., Aranko, A. S., Landowski, C. P., Ikkala, O., Jaudzems, K., Wagermaier, W., & Linder, M. B. (2019). Biomimetic composites with enhanced toughening using silk-inspired triblock proteins and aligned nanocellulose reinforcements. Science Advances, 5(9), eaaw2541. doi:10.1126/sciadv.aaw2541</i></li>
 
         </ol>
 
         </ol>
 
         <br>
 
         <br>
Line 399: Line 417:
  
 
<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 427: Line 466:
 
   </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 484: Line 529:
 
       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/c/c2/T--LINKS_China--bigimg_contribution.png);
 
       background-attachment:scroll;
 
       background-attachment:scroll;
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 536: Line 581:
 
   font-size: 2.25em;
 
   font-size: 2.25em;
 
   line-height: 1.2;
 
   line-height: 1.2;
   height: 34vw;
+
   height: 30vw;
 
   width: 3.9vw;
 
   width: 3.9vw;
 
   border: 3.3px solid #600136;
 
   border: 3.3px solid #600136;
Line 588: Line 633:
 
     width: 11.2vw;
 
     width: 11.2vw;
 
     top: -1.3vw;
 
     top: -1.3vw;
     padding: 1.75vw 0vw 0vw 0vw;
+
     padding: 1.69vw 0vw 0vw 0vw;
 
     right: 0.55vw;
 
     right: 0.55vw;
 
     height: auto;
 
     height: auto;
Line 601: Line 646:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 934: Line 979:
  
  
#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 961: Line 1,001:
 
   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 991: Line 1,085:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 997: Line 1,091:
 
   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 1,009: Line 1,115:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 1,044: Line 1,150:
 
   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:28, 17 December 2021