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

 
(27 intermediate revisions by 4 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">
     <h1></h1>
+
 
 +
    <section id="">
 +
     <h1>Cooperation</h1>
 
     <br>
 
     <br>
  
     <section class="normal_texts" id="section1">
+
     <div class="normal_texts">
        <br>
+
 
         <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>
 +
    <br>
 +
    </div>
 
     </section>
 
     </section>
  
Line 248: Line 274:
 
<br><br><br>
 
<br><br><br>
  
    <h1></h1>
 
    <section class="normal_texts" id="section2">
 
        <br>
 
        <br>
 
    </section>
 
  
<br><br><br>
+
    <section id="section1">
 +
    <h1>CCIC Event</h1>
 +
    <div class="normal_texts">
 +
      <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>For example, we had contacted with team SCUT-CHINA and obtained advices and inspiration regarding artistic representations of the project. Prior to construction of promotion video, we found it very difficult to design an animatic and artistic illustration of our project. PPT was too dull, and pure animation consumed too much time. Attracted by the unique and animated promotion video from SCUT-CHINA, we contacted the graphics leader of the team and asked for advices in making team representations. SCUT-CHINA offered us valuable and practical advices regarding the use of PPT and animations. They also recommended us useful apps like FOCUSKY.</p>
 +
        <p>Thanks to the CCIC meeting, we also made connections with BJU_China, NWU-CHINA-A, and QHFZ-China and developed closer collaborations in the future. Together, we hosted an online educational activity in September, and more detailed information was present in the following paragraph. </p>
  
 
+
     <div class="picture_and_explanation">
<h1></h1>
+
          <img src="https://static.igem.org/mediawiki/2021/a/a5/T--LINKS_China--Presentation_poster_for_CCIC_event.png">
     <section class="normal_texts" id="section3">
+
          <p>Figure 1. Presentation poster for CCIC event</p>
     <br>
+
     </div>
 +
</div>
 
     <br>
 
     <br>
 
     </section>
 
     </section>
Line 265: Line 293:
 
<br><br><br>
 
<br><br><br>
  
 +
    <section id="section2">
 +
<h1>Cooperation with BJU_China, NWU-CHINA-A, QHFZ-China</h1>
 +
    <div class="normal_texts">
 +
    <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>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.
 +
(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">
 +
      <img src="https://static.igem.org/mediawiki/2021/f/ff/T--LINKS_China--poster.png">
 +
      <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>
  
<h1></h1>
+
    <br></div>
    <section class="normal_texts" id="section4">
+
        <br>
+
        <br>
+
 
     </section>
 
     </section>
  
 
<br><br><br>
 
<br><br><br>
  
 +
    <section id="section3">
 +
<h1>Cooperation with Whittle</h1>
 +
    <div class="normal_texts">
 +
    <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>
 +
  <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>
  
<h1></h1>
+
<br><br><br>
     <section class="normal_texts" id="section5">
+
 
        <br>
+
    <section id="section4">
        <br>
+
<h1>Cooperation with BNDS_China</h1>
 +
     <div class="normal_texts">
 +
    <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>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>'
 +
  <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>
<h1></h1>
 
    <section class="normal_texts" id="section6">
 
        <br>
 
        <br>
 
    </section>
 
  
<br><br><br>
 
  
<h1></h1>
+
    <section id="section5">
     <section class="normal_texts" id="section7">
+
<h1>Cooperation with AISSU-Union</h1>
        <br>
+
     <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>
 +
  <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>
  
Line 299: Line 360:
  
  
    <h1>References</h1>
+
 
    <section class="references" id="section8">
+
        <br>
+
        <ol>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
        </ol>
+
        <br>
+
    </section>
+
  
  
Line 324: Line 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 352: 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 409: 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 461: 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 513: 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 526: Line 599:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 740: Line 813:
  
 
.picture_and_explanation{
 
.picture_and_explanation{
       text-align: center;
+
       text-align: center !important;
 
}
 
}
  
Line 749: Line 822:
  
 
.picture_and_explanation p{
 
.picture_and_explanation p{
 +
      text-align: center !important; 
 
       font-size: 1.1em !important;
 
       font-size: 1.1em !important;
 
       font-family: Arial;
 
       font-family: Arial;
 
       color: grey;
 
       color: grey;
      text-align: center;
 
 
       margin-left: 5vw !important;
 
       margin-left: 5vw !important;
 
       margin-right: 5vw !important;
 
       margin-right: 5vw !important;
Line 859: 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 886: 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 916: Line 1,038:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 922: 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 934: Line 1,068:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 969: 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