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

 
(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 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/0/03/T--LINKS_China--section_guidertest7.2.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="#section5"><img src="https://static.igem.org/mediawiki/2021/c/cb/T--LINKS_China--section_guidertest8.1.jpg" id="section5_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/f/f4/T--LINKS_China--sidebar_team_1.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/2/24/T--LINKS_China--sidebar_team_2.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/8/8b/T--LINKS_China--sidebar_team_3.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/d/d5/T--LINKS_China--sidebar_team_4.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/6/60/T--LINKS_China--sidebar_team_5.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/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 244:
 
<nav class="section-nav">
 
<nav class="section-nav">
 
<ul>
 
<ul>
<li><a href="#section1">Overview</a></li>
+
<li><a href="#section1">Cooperation</a></li>
<li><a href="#section2">Producing Bacterial Cellulose</a></li>
+
<li><a href="#section2">Dye education</a></li>
<li><a href="#section3">Spider Silk modification of BC’s properties</a></li>
+
<li><a href="#section3">Work with Whittle</a></li>
<li><a href="#section4">Dyeing BC with Natural Dyes</a></li>
+
<li><a href="#section4">Work with BNDS_China</a></li>
<li><a href="#section5">Producing ethyl acetate from the byproducts of fermentation</a></li>
+
<li><a href="#section5">Work with AISSU_Union</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 237: Line 259:
  
 
   <div id="texts">
 
   <div id="texts">
 +
 +
    <section id="">
 
     <h1>Cooperation</h1>
 
     <h1>Cooperation</h1>
 
     <br>
 
     <br>
  
     <section class="normal_texts" id="section1">
+
     <div class="normal_texts">
 
         <br>
 
         <br>
 
         <p>Along with making progressions in our own laboratory, we also reach out to make mutualistic connections with other iGEM teams. Some cooperative activities that we participated in are described below.</p>
 
         <p>Along with making progressions in our own laboratory, we also reach out to make mutualistic connections with other iGEM teams. Some cooperative activities that we participated in are described below.</p>
 
     <br>
 
     <br>
 +
    </div>
 
     </section>
 
     </section>
  
Line 249: Line 274:
 
<br><br><br>
 
<br><br><br>
  
 +
 +
    <section id="section1">
 
     <h1>CCIC Event</h1>
 
     <h1>CCIC Event</h1>
     <section class="normal_texts" id="section2">
+
     <div class="normal_texts">
 
       <br>
 
       <br>
 
         <p>In August, we participated actively in the 8th Conference of China iGEMer Community (CCIC). Due to the COVID-19 restrictions, we were unable to attend the physical meeting in Shanghai, but we joined the online meeting room and reached out to make connections with a variety of iGEM teams. As we were paying attention to the speeches delivered by other teams, we found out that some teams shared a common goal with us, or that part of their project were inspiring to our project. Directly after the meeting, we contacted several teams for brief discussions, but the communication did not extend itself into a long term collaboration.</p>
 
         <p>In August, we participated actively in the 8th Conference of China iGEMer Community (CCIC). Due to the COVID-19 restrictions, we were unable to attend the physical meeting in Shanghai, but we joined the online meeting room and reached out to make connections with a variety of iGEM teams. As we were paying attention to the speeches delivered by other teams, we found out that some teams shared a common goal with us, or that part of their project were inspiring to our project. Directly after the meeting, we contacted several teams for brief discussions, but the communication did not extend itself into a long term collaboration.</p>
Line 260: Line 287:
 
           <p>Figure 1. Presentation poster for CCIC event</p>
 
           <p>Figure 1. Presentation poster for CCIC event</p>
 
     </div>
 
     </div>
 
+
</div>
 
     <br>
 
     <br>
 
     </section>
 
     </section>
Line 266: Line 293:
 
<br><br><br>
 
<br><br><br>
  
 
+
    <section id="section2">
 
<h1>Cooperation with BJU_China, NWU-CHINA-A, QHFZ-China</h1>
 
<h1>Cooperation with BJU_China, NWU-CHINA-A, QHFZ-China</h1>
     <section class="normal_texts" id="section3">
+
     <div class="normal_texts">
 
     <br>
 
     <br>
 
     <p>In September, BJU_China invited NWU-CHINA-A, QHFZ-China, and LINKS_China to hosted an online educational forum that is open to the public. The theme of the educational forum was about the history, application, production, and artistic importance of pigments and dyes. Synthetic biology was also a big part of the educational activity, since the activity is designed to publicize the idea that syn-bio technology can be applied to daily life events like the production of pigments and dyes. Together, the four teams hoped that this activity will help the public to develop deeper understanding about dyes and develop interest in synthetic biology.</p>
 
     <p>In September, BJU_China invited NWU-CHINA-A, QHFZ-China, and LINKS_China to hosted an online educational forum that is open to the public. The theme of the educational forum was about the history, application, production, and artistic importance of pigments and dyes. Synthetic biology was also a big part of the educational activity, since the activity is designed to publicize the idea that syn-bio technology can be applied to daily life events like the production of pigments and dyes. Together, the four teams hoped that this activity will help the public to develop deeper understanding about dyes and develop interest in synthetic biology.</p>
 
     <p>The designated date for our team’s online presentation was September 19, and we hosted the forum using Tencent Meeting app to an audience group of more than 100 people. Most of our audiences were college students. During the presentation, we explained the cultural and historical significance of pigment by referencing its usage in the Greco-Roman Era and in the traditional Chinese tie-dye industry. We mentioned a variety of ways to manufacture dyes from fermenting the shells of snails to the employment of modern chemical additives. Last but not least, we linked dye production to the synthetic biology field by introducing the audience of pigments produced by genetically modified microorganisms. In the modern period, people do not have to rely on plants, animals, or chemicals to produce dye in traditional ways, but the syn-bio technology offers us a brand new way of manufacturing dyes using microorganisms like genetically modified E.coli.</p>
 
     <p>The designated date for our team’s online presentation was September 19, and we hosted the forum using Tencent Meeting app to an audience group of more than 100 people. Most of our audiences were college students. During the presentation, we explained the cultural and historical significance of pigment by referencing its usage in the Greco-Roman Era and in the traditional Chinese tie-dye industry. We mentioned a variety of ways to manufacture dyes from fermenting the shells of snails to the employment of modern chemical additives. Last but not least, we linked dye production to the synthetic biology field by introducing the audience of pigments produced by genetically modified microorganisms. In the modern period, people do not have to rely on plants, animals, or chemicals to produce dye in traditional ways, but the syn-bio technology offers us a brand new way of manufacturing dyes using microorganisms like genetically modified E.coli.</p>
 
     <p>Overall, the cooperative educational activity lasted for four days, and most of the audience members appreciated the activity and sent positive feedbacks.
 
     <p>Overall, the cooperative educational activity lasted for four days, and most of the audience members appreciated the activity and sent positive feedbacks.
(Link to the recorded video of presentation posted on bilibili 【【LINKS_China 2021】染色的奇妙物语 之 染料的生产与生活(education演讲录播)-哔哩哔哩】https://b23.tv/vQqtLR)</p>
+
(Link to the recorded video of presentation posted on bilibili (<a href="https://b23.tv/vQqtLR">https://b23.tv/vQqtLR</a>)</p>
 
   <div class="picture_and_explanation">
 
   <div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/f/ff/T--LINKS_China--poster.png">
 
       <img src="https://static.igem.org/mediawiki/2021/f/ff/T--LINKS_China--poster.png">
       <p>Figure 2. LINKS_China’s poster about the online forum. The words in the center advocate the audience to “join the adventure to the miraculous pigment world”<p>
+
       <p>Figure 2a. LINKS_China’s poster about the online forum. The words in the center advocate the audience to “join the adventure to the miraculous pigment world”<p>
 +
</div>
 +
  <div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/7/72/T--LINKS_China--colla2b.png">
 +
      <p>Figure 2.b Logo from NWU-CHINA-A, QHFZ-China, LINKS_China, and BJU_China; order from left to right<p>
 
</div>
 
</div>
  
     <br>
+
     <br></div>
 
     </section>
 
     </section>
  
 
<br><br><br>
 
<br><br><br>
  
 
+
    <section id="section3">
 
<h1>Cooperation with Whittle</h1>
 
<h1>Cooperation with Whittle</h1>
     <section class="normal_texts" id="section4">
+
     <div class="normal_texts">
 
     <br>
 
     <br>
 
     <p>Sharing the same laboratory, we assisted members of Whittle in their daily experiments. Specifically, we gave them advices in expression of proteins and molecular cloning experiments. Moreover, we also contributed to the progression of Whittle’s project by giving them the ptac-RiboJ bio-brick and informed them ways to make use of it.</p>
 
     <p>Sharing the same laboratory, we assisted members of Whittle in their daily experiments. Specifically, we gave them advices in expression of proteins and molecular cloning experiments. Moreover, we also contributed to the progression of Whittle’s project by giving them the ptac-RiboJ bio-brick and informed them ways to make use of it.</p>
     <br>
+
  <div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/5/5b/T--LINKS_China--colla3.png">
 +
      <p><p>
 +
</div>
 +
     <br></div>
 
     </section>
 
     </section>
  
 
<br><br><br>
 
<br><br><br>
  
 
+
    <section id="section4">
 
<h1>Cooperation with BNDS_China</h1>
 
<h1>Cooperation with BNDS_China</h1>
     <section class="normal_texts" id="section5">
+
     <div class="normal_texts">
 
     <br>
 
     <br>
 
     <p>Facilitating the project development of BNDS_China, we invited them to visit our laboratory and use the microplate reader, which allowed them to test their sensor samples and receive a visual result. Using the microplate reader in our laboratory, BNDS_China was able to make quantitative measurement, which is a crucial criterion for bronze award.</p>
 
     <p>Facilitating the project development of BNDS_China, we invited them to visit our laboratory and use the microplate reader, which allowed them to test their sensor samples and receive a visual result. Using the microplate reader in our laboratory, BNDS_China was able to make quantitative measurement, which is a crucial criterion for bronze award.</p>
     <p>In return, the instructor of BNDS_China provide help to our hardware construction.</p>
+
     <p>In return, the instructor of BNDS_China, Tingzhen Liu, provided help to our hardware construction and gave useful suggestions to us for improvement of the NeoLeathic Tanner. </p>'
     <br>
+
  <div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/e/ed/T--LINKS_China--colla4.png">
 +
      <p><p>
 +
</div>
 +
     <br></div>
 
     </section>
 
     </section>
 
     <br><br><br>
 
     <br><br><br>
 +
 +
 +
    <section id="section5">
 
<h1>Cooperation with AISSU-Union</h1>
 
<h1>Cooperation with AISSU-Union</h1>
     <section class="normal_texts" id="section6">
+
     <div class="normal_texts">
 
     <br>
 
     <br>
 
<p>Sharing the same laboratory, we cooperate and build strong partnership with team AISSU-Union. The mutualistic bond between the two teams propels both teams to progress more efficiently and effectively. Cooperation with AISSU-Union includes utilizing of Yeast Toolkit, transformation of yeast, constructing plasmid vectors, and wiki support. A detailed description of the collaboration with AISSU-Union can be reviewed in the partnership page. (Link to partnership)</p>
 
<p>Sharing the same laboratory, we cooperate and build strong partnership with team AISSU-Union. The mutualistic bond between the two teams propels both teams to progress more efficiently and effectively. Cooperation with AISSU-Union includes utilizing of Yeast Toolkit, transformation of yeast, constructing plasmid vectors, and wiki support. A detailed description of the collaboration with AISSU-Union can be reviewed in the partnership page. (Link to partnership)</p>
     <br>
+
  <div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/f/fd/T--LINKS_China--colla5.png">
 +
      <p><p>
 +
</div>
 +
     <br></div>
 
     </section>
 
     </section>
  
 
<br><br><br>
 
<br><br><br>
  
<h1></h1>
 
    <section class="normal_texts" id="section7">
 
   
 
    </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 346: Line 370:
  
 
<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 374: Line 419:
 
   </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 431: Line 482:
 
       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/6/6b/T--LINKS_China--headerimg_collaborationsv2.png);
 
       background-attachment:scroll;
 
       background-attachment:scroll;
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 483: Line 534:
 
   font-size: 2.25em;
 
   font-size: 2.25em;
 
   line-height: 1.2;
 
   line-height: 1.2;
   height: 34vw;
+
   height: 22vw;
 
   width: 3.9vw;
 
   width: 3.9vw;
 
   border: 3.3px solid #600136;
 
   border: 3.3px solid #600136;
Line 535: Line 586:
 
     width: 11.2vw;
 
     width: 11.2vw;
 
     top: -1.3vw;
 
     top: -1.3vw;
     padding: 1.75vw 0vw 0vw 0vw;
+
     padding: 1.88vw 0vw 0vw 0vw;
 
     right: 0.55vw;
 
     right: 0.55vw;
 
     height: auto;
 
     height: auto;
Line 548: Line 599:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 881: Line 932:
  
  
#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 908: Line 954:
 
   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 938: Line 1,038:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 944: Line 1,044:
 
   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 956: Line 1,068:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 991: Line 1,103:
 
   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:25, 17 December 2021