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

 
(29 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”>
+
 
       <img src=“xxxxxxxx”>
+
<div class="picture_and_explanation">
       <p>Figure 1.a samples of type8C, type9C, and type8K plasmid vectors. Figure 1.b clones containing type8K and type8C plasmid vectors<p>
+
       <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>
<div class=“picture_and_explanation”>
+
 
      <img src=“xxxxxxxx”>
+
<div class="picture_and_explanation">
       <p>Figure 2 Successful Colony PCR result of type9C vector<p>
+
    <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>
 
</div>
  
Line 294: 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”>
+
 
       <img src=“xxxxxxxx”>
+
<div class="picture_and_explanation">
       <p>Figure 3.a Patrick Feng from LINKS_China helping Cheng from AISSU-Union solve issues encountered during wiki construction<p>
+
       <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>
<div class=“picture_and_explanation”>
+
 
       <img src=“xxxxxxxx”>
+
<div class="picture_and_explanation">
       <p>Figure 3.b, 3.c 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 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>
 
</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”>
+
 
       <img src=“xxxxxxxx”>
+
<div class="picture_and_explanation">
       <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>
+
       <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>
<div class=“picture_and_explanation”>
+
 
       <img src=“xxxxxxxx”>
+
<div class="picture_and_explanation">
       <p>Figure 4.b Modified version of our uniform after discussing with AISSU-China<p>
+
       <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>
 
</div>
  
Line 333: 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 360: 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 388: 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 445: 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 497: 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 549: 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 562: Line 631:
 
     position: relative;
 
     position: relative;
 
     width: 5vw;
 
     width: 5vw;
     top: 0.5vw;
+
     top: 1.5vw;
 
     left: -0.525vw;
 
     left: -0.525vw;
 
}
 
}
Line 776: Line 845:
  
 
.picture_and_explanation{
 
.picture_and_explanation{
       text-align: center;
+
       text-align: center !important;
 
}
 
}
  
Line 788: 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 895: 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 922: 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 952: Line 1,070:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 11.11111vw;
 
   bottom: 11.11111vw;
   left: 69.79vw;
+
   left: 55.79vw;
 
}
 
}
  
Line 958: 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 970: Line 1,100:
 
   position: absolute;
 
   position: absolute;
 
   bottom: 4.5139vw;
 
   bottom: 4.5139vw;
   left: 87.847vw;
+
   left: 88.847vw;
 
}
 
}
  
Line 1,005: 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