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

 
(25 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
+
               <li><a href="#section2"><img src="https://static.igem.org/mediawiki/2021/3/35/T--LINKS_China--sectionguider_test3.2.jpg" id="section2_guider"></a></li>
" id="section2_guider"></a></li>
+
               <li><a href="#section3"><img src="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--section_guidertest4.1.jpg" id="section3_guider"></a></li>
              <li><a href="#section3"><img src="https://static.igem.org/mediawiki/2021/3/35/T--LINKS_China--sectionguider_test3.2.jpg" id="section3_guider"></a></li>
+
               <li><a href="#section4"><img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--section_guidertest5.1.jpg" id="section4_guider"></a></li>                          
               <li><a href="#section4"><img src="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--section_guidertest4.1.jpg" id="section4_guider"></a></li>
+
               <li><a href="#section5"><img src="https://static.igem.org/mediawiki/2021/0/03/T--LINKS_China--section_guidertest7.2.jpg" id="section5_guider"></a></li>               
               <li><a href="#section5"><img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--section_guidertest5.1.jpg" id="section5_guider"></a></li>              
+
               <li><a href="#section6"><img src="https://static.igem.org/mediawiki/2021/c/cb/T--LINKS_China--section_guidertest8.1.jpg" id="section6_guider"></a></li>
              <li><a href="#section6"><img src="https://static.igem.org/mediawiki/2021/4/41/T--LINKS_China--section_guidertest6.1.jpg" id="section6_guider"></a></li>             
+
               <li><a href="#"><img src="https://static.igem.org/mediawiki/2021/0/03/T--LINKS_China--section_guidertest7.2.jpg" id="section7_guider"></a></li>               
+
               <li><a href="#"><img src="https://static.igem.org/mediawiki/2021/c/cb/T--LINKS_China--section_guidertest8.1.jpg" id="section8_guider"></a></li>
+
 
           </ul>
 
           </ul>
  
Line 204: Line 230:
  
 
           <ul class="section_header" style="list-style: none !important;">
 
           <ul class="section_header" style="list-style: none !important;">
               <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section1_header"></li>
+
               <li><img src="https://static.igem.org/mediawiki/2021/c/c4/T--LINKS_China--sidebar_img1.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/9/9e/T--LINKS_China--sidebar_img2.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/49/T--LINKS_China--sidebar_img3.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/f/fa/T--LINKS_China--sidebar_img4.png" id="section4_header"></li>
               <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section5_header"></li>
+
               <li><img src="https://static.igem.org/mediawiki/2021/c/cb/T--LINKS_China--sidebar_img5.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/1/13/T--LINKS_China--sidebar_img6.png" id="section6_header"></li>
              <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section7_header"></li>
+
              <li><img src="https://static.igem.org/mediawiki/2021/c/c3/T--LINKS_China--section_header_purple.jpg" id="section8_header"></li>
+
 
           </ul>
 
           </ul>
  
Line 220: Line 244:
 
<ul>
 
<ul>
 
<li><a href="#section1">Overview</a></li>
 
<li><a href="#section1">Overview</a></li>
<li><a href="#section2">Producing Bacterial Cellulose</a></li>
+
<li><a href="#section2">Yeast toolkit</a></li>
<li><a href="#section3">Spider Silk modification of BC’s properties</a></li>
+
<li><a href="#section3">Yeast transformation</a></li>
<li><a href="#section4">Dyeing BC with Natural Dyes</a></li>
+
<li><a href="#section4">Vector construction</a></li>
<li><a href="#section5">Producing ethyl acetate from the byproducts of fermentation</a></li>
+
<li><a href="#section5">Wiki support</a></li>
<li><a href="#section6">References</a></li>
+
<li><a href="#section6">Uniform design</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>
 
    <br>
 
  
     <section class="normal_texts" id="section1">
+
     <section id="section1">
 +
    <h1>Overview</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.</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.</p>
 +
        <p>View their side of the story at <a href="https://2021.igem.org/Team:AISSU_Union/Partnership">https://2021.igem.org/Team:AISSU_Union/Partnership</a> <p>
 
         <br>
 
         <br>
 +
        </div>
 
     </section>
 
     </section>
  
Line 253: Line 278:
 
         <br>
 
         <br>
 
         <p>Throughout the year, LINKS_China and AISSU-Union shared the Yeast Toolkit and used it in both projects. However, in the beginning of the project, both teams were struggling to successfully express the genes from the Toolkit. The primary issue was that we were struggling to find a suitable condition that will work for Golden Gate Assembly. After several unsuccessful trials, team AISSU-Union discovered the optimal assembly condition for the Yeast Toolkit, and they test the expressed DNA with colony PCR to prove a successful expression. Knowing that we also desired to use the Yeast Toolkit, AISSU-Union shared the optimal condition guidelines with us, which contributes to our team’s level 1 construction.</p>
 
         <p>Throughout the year, LINKS_China and AISSU-Union shared the Yeast Toolkit and used it in both projects. However, in the beginning of the project, both teams were struggling to successfully express the genes from the Toolkit. The primary issue was that we were struggling to find a suitable condition that will work for Golden Gate Assembly. After several unsuccessful trials, team AISSU-Union discovered the optimal assembly condition for the Yeast Toolkit, and they test the expressed DNA with colony PCR to prove a successful expression. Knowing that we also desired to use the Yeast Toolkit, AISSU-Union shared the optimal condition guidelines with us, which contributes to our team’s level 1 construction.</p>
 +
      <div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/d/d7/T--LINKS_China--part1.png">
 +
      <p>Figure 1. The Yeast Toolkit (Lee ME, et al., 2015)<p>
 +
      </div>
 +
 
         <br>
 
         <br>
 
     </section>
 
     </section>
Line 262: Line 292:
 
     <section class="normal_texts" id="section3">
 
     <section class="normal_texts" id="section3">
 
     <br>
 
     <br>
     <p>Part of our project requires the use of genetically modified yeast, S. cerevisiae BY4741, to produce fragrance to our synthetic leather product. In order to grant the yeast the ability to generate fragrance, we need to transform plasmid into the yeast. Team AISSU-Union offered support to us by improving and perfecting competent yeast cells and optimizing the procedure of yeast transformation. Using the perfected procedure, we managed to engineer fluorescent yeast that can produce GFP. (Linking to the engineering page)</p>
+
     <p>Part of our project requires the use of genetically modified yeast, <i>S.cerevisiae BY4741</i>, to produce fragrance to our synthetic leather product. In order to grant the yeast the ability to generate fragrance, we need to transform plasmid into the yeast. Team AISSU-Union offered support to us by improving and perfecting competent yeast cells and optimizing the procedure of yeast transformation. Using the perfected procedure, we managed to engineer fluorescent yeast that can produce GFP. (<a href="https://2021.igem.org/Team:LINKS_China/Engineering ">https://2021.igem.org/Team:LINKS_China/Engineering</a> )</p>
 
     <br>
 
     <br>
 
     </section>
 
     </section>
Line 274: Line 304:
 
       <p>Later in the project, we successfully constructed and made use of the type9C plasmid vector. Knowing that AISSU-Union also needs the vector to express specific genes, we shared the type9 C-mTurquoise-Ura plasmid vector to them, which allowed them to make progress in their project. In return, AISSU-Union constructed the type8-pSB1K3-GFP vector and shared them with us, enabling us to complete our level 1 construction.</p>
 
       <p>Later in the project, we successfully constructed and made use of the type9C plasmid vector. Knowing that AISSU-Union also needs the vector to express specific genes, we shared the type9 C-mTurquoise-Ura plasmid vector to them, which allowed them to make progress in their project. In return, AISSU-Union constructed the type8-pSB1K3-GFP vector and shared them with us, enabling us to complete our level 1 construction.</p>
  
<div class="picture_and_explanation">
+
<div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/7/7e/T--LINKS_China--samples_of_type8C%2C_type9C%2C_and_type8K.png">
 
       <img src="https://static.igem.org/mediawiki/2021/7/7e/T--LINKS_China--samples_of_type8C%2C_type9C%2C_and_type8K.png">
       <p>Figure 1.a samples of type8C, type9C, and type8K plasmid vectors.</p>
+
       <p>Figure 2.a samples of type8C, type9C, and type8K plasmid vectors.<p>
 
</div>
 
</div>
  
 +
<div class="picture_and_explanation">
 
     <img src="https://static.igem.org/mediawiki/2021/1/19/T--LINKS_China--clones_containing_type8K_and_type8C_.png">
 
     <img src="https://static.igem.org/mediawiki/2021/1/19/T--LINKS_China--clones_containing_type8K_and_type8C_.png">
       <p>Figure 1.b clones containing type8K and type8C plasmid vectors</p>
+
       <p>Figure 2.b clones containing type8K and type8C plasmid vectors<p>
 
</div>
 
</div>
  
<div class="picture_and_explanation">
+
<div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/1/13/T--LINKS_China--Successful_Colony_PCR.png">
 
       <img src="https://static.igem.org/mediawiki/2021/1/13/T--LINKS_China--Successful_Colony_PCR.png">
       <p>Figure 2 Successful Colony PCR result of type9C vector</p>
+
       <p>Figure 3 Successful Colony PCR result of type9C vector<p>
 
</div>
 
</div>
  
Line 301: Line 332:
 
         <p>Approaching the freezing deadline of wiki, both teams were passionately constructing the team wiki pages. Aiming to improve the exhibition of content in wiki pages, we host a face-to-face discussion session with team AISSU-Union. During the meeting, Patrick Feng, the wiki constructor of our team offered guidance and advices to team AISSU-Union, helping them to construct better codes that improved the quality of their wiki. For example, we offered them a detailed PPT explaining ways to upload big files onto the wiki page. Aided by the guidance, AISSU-Union was able to avoid wasting time on evitable mistakes.</p>
 
         <p>Approaching the freezing deadline of wiki, both teams were passionately constructing the team wiki pages. Aiming to improve the exhibition of content in wiki pages, we host a face-to-face discussion session with team AISSU-Union. During the meeting, Patrick Feng, the wiki constructor of our team offered guidance and advices to team AISSU-Union, helping them to construct better codes that improved the quality of their wiki. For example, we offered them a detailed PPT explaining ways to upload big files onto the wiki page. Aided by the guidance, AISSU-Union was able to avoid wasting time on evitable mistakes.</p>
  
<div class="picture_and_explanation">
+
<div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--Patrick_Feng.png">
 
       <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--Patrick_Feng.png">
       <p>Figure 3.a Patrick Feng from LINKS_China helping Cheng from AISSU-Union solve issues encountered during wiki construction</p>
+
       <p>Figure 4.a Patrick Feng from LINKS_China helping Cheng from AISSU-Union solve issues encountered during wiki construction<p>
 
</div>
 
</div>
  
<div class="picture_and_explanation">
+
<div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/f/fe/T--LINKS_China--AISSU-Union1.png">
 
       <img src="https://static.igem.org/mediawiki/2021/f/fe/T--LINKS_China--AISSU-Union1.png">
       <p>Figure 3.b Collaborative meeting with AISSU-Union</p>
+
       <p>Figure 4.b Collaborative meeting with AISSU-Union<p>
 
</div>
 
</div>
  
<div class="picture_and_explanation">
+
<div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/d/d8/T--LINKS_China--AISSU-Union2.png">
 
       <img src="https://static.igem.org/mediawiki/2021/d/d8/T--LINKS_China--AISSU-Union2.png">
       <p>Figure 3.c Collaborative meeting with AISSU-Union</p>
+
       <p>Figure 4.c Collaborative meeting with AISSU-Union<p>
 
</div>
 
</div>
 
       <br>
 
       <br>
Line 326: Line 357:
 
<div class="picture_and_explanation">
 
<div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/5/56/T--LINKS_China--group_chat.png">
 
       <img src="https://static.igem.org/mediawiki/2021/5/56/T--LINKS_China--group_chat.png">
       <p>Figure 4.a Title says “LINKS_China uniform-designing communication group chat”. Member from AISSU_Union on the left side of the screenshot, offering help to designer from LINKS_China</p>
+
       <p>Figure 5.a Title says “LINKS_China uniform-designing communication group chat”. Member from AISSU_Union on the left side of the screenshot, offering help to designer from LINKS_China<p>
 
</div>
 
</div>
  
 
<div class="picture_and_explanation">
 
<div class="picture_and_explanation">
 
       <img src="https://static.igem.org/mediawiki/2021/5/52/T--LINKS_China--poster1.png">
 
       <img src="https://static.igem.org/mediawiki/2021/5/52/T--LINKS_China--poster1.png">
       <p>Figure 4.b Modified version of our uniform after discussing with AISSU-China</p>
+
       <p>Figure 5.b Modified version of our uniform after discussing with AISSU-Union<p>
 
</div>
 
</div>
  
Line 348: Line 379:
 
<br><br><br>
 
<br><br><br>
  
 
+
<h1>References</h1>
 
+
    <h1>References</h1>
+
 
     <section class="references" id="section8">
 
     <section class="references" id="section8">
 
         <br>
 
         <br>
 
         <ol>
 
         <ol>
           <li></li>
+
           <li>Lee ME, DeLoache WC, Cervantes B, Dueber JE. A Highly Characterized Yeast Toolkit for Modular, Multipart Assembly. ACS Synth Biol. 2015 Sep 18;4(9):975-86. doi: 10.1021/sb500366v. Epub 2015 May 1. PMID: 25871405.</li>
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
          <li></li>
+
 
         </ol>
 
         </ol>
 
         <br>
 
         <br>
 
     </section>
 
     </section>
 +
 +
<br><br><br>
 +
 +
 +
 +
  
  
Line 375: Line 402:
  
 
<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 403: Line 451:
 
   </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 460: Line 514:
 
       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/f/f1/T--LINKS_China--headerimgs_partnershipv2.png);
 
       background-attachment:scroll;
 
       background-attachment:scroll;
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 512: Line 566:
 
   font-size: 2.25em;
 
   font-size: 2.25em;
 
   line-height: 1.2;
 
   line-height: 1.2;
   height: 34vw;
+
   height: 26vw;
 
   width: 3.9vw;
 
   width: 3.9vw;
 
   border: 3.3px solid #600136;
 
   border: 3.3px solid #600136;
Line 564: Line 618:
 
     width: 11.2vw;
 
     width: 11.2vw;
 
     top: -1.3vw;
 
     top: -1.3vw;
     padding: 1.75vw 0vw 0vw 0vw;
+
     padding: 1.82vw 0vw 0vw 0vw;
 
     right: 0.55vw;
 
     right: 0.55vw;
 
     height: auto;
 
     height: auto;
Line 577: Line 631:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 791: Line 845:
  
 
.picture_and_explanation{
 
.picture_and_explanation{
       text-align: center;
+
       text-align: center !important;
 
}
 
}
  
Line 803: Line 857:
 
       font-family: Arial;
 
       font-family: Arial;
 
       color: grey;
 
       color: grey;
       text-align: center;
+
       text-align: center !important;
 
       margin-left: 5vw !important;
 
       margin-left: 5vw !important;
 
       margin-right: 5vw !important;
 
       margin-right: 5vw !important;
Line 910: Line 964:
  
  
#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 937: Line 986:
 
   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 967: Line 1,070:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 973: Line 1,076:
 
   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 985: Line 1,100:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 1,020: Line 1,135:
 
   z-index: 100;
 
   z-index: 100;
 
   transition: top 0.3s; /* Transition effect when sliding down (and up) */
 
   transition: top 0.3s; /* Transition effect when sliding down (and up) */
 +
  top: -100px;
 
}
 
}
  

Latest revision as of 22:30, 17 December 2021