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

 
(33 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 144: Line 173:
 
     <img id="drylab_main" src="https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png" class="dropbtn">
 
     <img id="drylab_main" src="https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png" class="dropbtn">
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <div><a href="https://2021.igem.org/Team:LINKS_China/Modeling"><img src='https://static.igem.org/mediawiki/2021/4/46/T--LINKS_China--drylab_modeling_new_v2.png' class="dropbtn"></a></div>
+
       <div><a href="https://2021.igem.org/Team:LINKS_China/Model"><img src='https://static.igem.org/mediawiki/2021/4/46/T--LINKS_China--drylab_modeling_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Hardware"><img src='https://static.igem.org/mediawiki/2021/8/8d/T--LINKS_China--drylab_hardware_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Hardware"><img src='https://static.igem.org/mediawiki/2021/8/8d/T--LINKS_China--drylab_hardware_new_v2.png' class="dropbtn"></a></div>
 
     </div>
 
     </div>
Line 155: Line 184:
 
     <img id="hps_main" src="https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png" class="dropbtn">
 
     <img id="hps_main" src="https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png" class="dropbtn">
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <div><a href="https://2021.igem.org/Team:LINKS_China/Integrated_Human_Practices"><img src='https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--hps_ihps_new_v2.png' class="dropbtn"></a></div>
+
       <div><a href="https://2021.igem.org/Team:LINKS_China/Human_Practices"><img src='https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--hps_ihps_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Communication"><img src='https://static.igem.org/mediawiki/2021/4/42/T--LINKS_China--hps_communication_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Communication"><img src='https://static.igem.org/mediawiki/2021/4/42/T--LINKS_China--hps_communication_new_v2.png' class="dropbtn"></a></div>
       <div><a href="https://2021.igem.org/Team:LINKS_China/Sustainability"><img src='https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--hps_sustainability_new_v2.png' class="dropbtn"></a></div>
+
       <div><a href="https://2021.igem.org/Team:LINKS_China/Sustainable"><img src='https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--hps_sustainability_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Entrepreneurship"><img src='https://static.igem.org/mediawiki/2021/1/11/T--LINKS_China--hps_entreprenuership_new_v2.png' class="dropbtn"></a></div>
 
       <div><a href="https://2021.igem.org/Team:LINKS_China/Entrepreneurship"><img src='https://static.igem.org/mediawiki/2021/1/11/T--LINKS_China--hps_entreprenuership_new_v2.png' class="dropbtn"></a></div>
 
     </div>
 
     </div>
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>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 248: Line 274:
 
<br><br><br>
 
<br><br><br>
  
     <h1></h1>
+
     <h1>Utilizing the Yeast Toolkit</h1>
 
     <section class="normal_texts" id="section2">
 
     <section class="normal_texts" id="section2">
 
         <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>
 +
      <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 257: Line 289:
  
  
<h1></h1>
+
<h1>Yeast Transformation</h1>
 
     <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, <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 266: Line 299:
  
  
<h1></h1>
+
<h1>Vector Constructing</h1>
 
     <section class="normal_texts" id="section4">
 
     <section class="normal_texts" id="section4">
 
         <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>
 +
 +
<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">
 +
      <p>Figure 2.a samples of type8C, type9C, and type8K plasmid vectors.<p>
 +
</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">
 +
      <p>Figure 2.b clones containing type8K and type8C plasmid vectors<p>
 +
</div>
 +
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/1/13/T--LINKS_China--Successful_Colony_PCR.png">
 +
      <p>Figure 3 Successful Colony PCR result of type9C vector<p>
 +
</div>
 +
 
         <br>
 
         <br>
 
     </section>
 
     </section>
Line 275: Line 325:
  
  
<h1></h1>
+
<h1>Wiki Support</h1>
 
     <section class="normal_texts" id="section5">
 
     <section class="normal_texts" id="section5">
 
         <br>
 
         <br>
         <br>
+
         <p>Throughout this year, AISSU-Union and LINKS_China maintained a close partnership. Together, we host several meeting sessions to discuss issues of any kind that we faced and cooperate to find a solution.</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>
 +
 
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--Patrick_Feng.png">
 +
      <p>Figure 4.a Patrick Feng from LINKS_China helping Cheng from AISSU-Union solve issues encountered during wiki construction<p>
 +
</div>
 +
 
 +
<div class="picture_and_explanation">
 +
      <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 class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/d/d8/T--LINKS_China--AISSU-Union2.png">
 +
      <p>Figure 4.c Collaborative meeting with AISSU-Union<p>
 +
</div>
 +
      <br>
 
     </section>
 
     </section>
 
     <br><br><br>
 
     <br><br><br>
<h1></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>
 +
 +
<div class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/5/56/T--LINKS_China--group_chat.png">
 +
      <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 class="picture_and_explanation">
 +
      <img src="https://static.igem.org/mediawiki/2021/5/52/T--LINKS_China--poster1.png">
 +
      <p>Figure 5.b Modified version of our uniform after discussing with AISSU-Union<p>
 +
</div>
 +
 
         <br>
 
         <br>
 
     </section>
 
     </section>
Line 292: Line 373:
 
     <section class="normal_texts" id="section7">
 
     <section class="normal_texts" id="section7">
 
         <br>
 
         <br>
 +
        <p>In the end, we deeply appreciate the building of an intimate partnership with AISSU-Union the year, and we are looking forward to continuous cooperations in the future.</p>
 
         <br>
 
         <br>
 
     </section>
 
     </section>
Line 297: 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 324: 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 352: 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 409: 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 461: 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 513: 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 526: Line 631:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 740: Line 845:
  
 
.picture_and_explanation{
 
.picture_and_explanation{
       text-align: center;
+
       text-align: center !important;
 
}
 
}
  
Line 752: 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 859: 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 886: 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 916: Line 1,070:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 922: 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 934: Line 1,100:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 969: 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