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

 
(28 intermediate revisions by 5 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 273: Line 303:
 
         <br>
 
         <br>
 
       <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 297: Line 331:
 
         <p>The communication with AISSU-Union peaked during the period of promotion video construction. After finishing the first draft of promotion video, LINKS_China and AISSU-Union decided to organize an online workshop meeting for both teams to share their videos and receive comments and suggestions from each other. Members of the teams participate actively in the online meeting room, and both sides received valuable feedbacks that inspired changes and improvements.</p>
 
         <p>The communication with AISSU-Union peaked during the period of promotion video construction. After finishing the first draft of promotion video, LINKS_China and AISSU-Union decided to organize an online workshop meeting for both teams to share their videos and receive comments and suggestions from each other. Members of the teams participate actively in the online meeting room, and both sides received valuable feedbacks that inspired changes and improvements.</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>
 
         <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">
+
 
       <img src=“https://static.igem.org/mediawiki/2021/f/fe/T--LINKS_China--AISSU-Union1.png">
+
<div class="picture_and_explanation">
       <p>Figure 3.b Collaborative meeting with AISSU-Union<p>
+
       <img src="https://static.igem.org/mediawiki/2021/f/fe/T--LINKS_China--AISSU-Union1.png">
 +
       <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>
 
     </section>
 
     </section>
 
     <br><br><br>
 
     <br><br><br>
 +
 
<h1>Cooperative Team Uniform Design</h1>
 
<h1>Cooperative Team Uniform Design</h1>
 
     <section class="normal_texts" id="section6">
 
     <section class="normal_texts" id="section6">
 
         <br>
 
         <br>
         <p>Other then the friendly and cooperative connections we had regarding the experimental parts of our project, AISSU-Union also gave us firm support and inspiration on our team uniform designing process. After looking at our initial design, they offered us practical advices which inspired us to reconsider the plausibility of designing patterns on the edges of the clothing. In the end, we received an improved version of uniform.</p>\
+
         <p>Other then the friendly and cooperative connections we had regarding the experimental parts of our project, AISSU-Union also gave us firm support and inspiration on our team uniform designing process. After looking at our initial design, they offered us practical advices which inspired us to reconsider the plausibility of designing patterns on the edges of the clothing. In the end, we received an improved version of uniform.</p>
 +
 
 
<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 339: 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 366: 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 394: 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 451: 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 503: 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 555: 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 568: Line 631:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 782: Line 845:
  
 
.picture_and_explanation{
 
.picture_and_explanation{
       text-align: center;
+
       text-align: center !important;
 
}
 
}
  
Line 794: 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 901: 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 928: 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 958: Line 1,070:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 964: 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 976: Line 1,100:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 1,011: 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