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

(Prototype team page)
 
 
(36 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{IGEM_TopBar}}
 
{{LINKS_China}}
 
 
<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---------------------------------------------->
 +
<head>
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/c/ce/T--LINKS_China--home_open_new.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/a/a1/T--LINKS_China--home_closed_new.png">
 +
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/5/53/T--LINKS_China--team_open_new_v2.jpg">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/9/92/T--LINKS_China--team_closed_new.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/9/99/T--LINKS_China--team_members_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/6/62/T--LINKS_China--team_attributions_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/2/21/T--LINKS_China--team_collaborations_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/4a/T--LINKS_China--team_partnership_new_v2.png">
 +
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/2/21/T--LINKS_China--project_open_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/40/T--LINKS_China--project_closed_new.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/7d/T--LINKS_China--project_description_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/7b/T--LINKS_China--project_engineering_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/9/91/T--LINKS_China--project_implementation_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/76/T--LINKS_China--project_proofofconcept_new_v2.png">
 +
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/49/T--LINKS_China--parts_open_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/1/16/T--LINKS_China--parts_closed_new.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/1/1b/T--LINKS_China--parts_partslist_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--parts_contribution_new_v2.png">
 +
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/c/c1/T--LINKS_China--wetlab_open_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/3/39/T--LINKS_China--wetlab_closed_new.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/74/T--LINKS_China--wetlab_experiments_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/c/cc/T--LINKS_China--wetlab_measurement_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--wetlab_notebook_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/1/1f/T--LINKS_China--wetlab_results_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/6/6e/T--LINKS_China--wetlab_safety_new_v2.png">
 +
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/6/6f/T--LINKS_China--drylab_open_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/46/T--LINKS_China--drylab_modeling_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/8/8d/T--LINKS_China--drylab_hardware_new_v2.png">
 +
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/7/79/T--LINKS_China--hps_open_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--hps_ihps_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/4/42/T--LINKS_China--hps_communication_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--hps_sustainability_new_v2.png">
 +
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2021/1/11/T--LINKS_China--hps_entreprenuership_new_v2.png">
 +
 +
</head>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!------------------------------------------NavStart---------------------------------------------->
 +
<div id="outnav">
 +
 +
 +
 +
<!---Home Spider ---->
 +
  <a href="https://2021.igem.org/Team:LINKS_China"  class="dropbtn"><img src="https://static.igem.org/mediawiki/2021/3/33/T--LINKS_China--footer_teamlogo.png" id="homespider"></a>
 +
 +
 +
 +
 +
 +
<!---Seven Sections ---->
 +
<div class="sections">
 +
 +
 +
<!---Home ---->
 +
  <div class="dropdown" onmouseover="home_main.src='https://static.igem.org/mediawiki/2021/c/ce/T--LINKS_China--home_open_new.png'" onmouseout="home_main.src='https://static.igem.org/mediawiki/2021/a/a1/T--LINKS_China--home_closed_new.png'">
 +
  <a href="https://2021.igem.org/Team:LINKS_China"><img id="home_main" src="https://static.igem.org/mediawiki/2021/a/a1/T--LINKS_China--home_closed_new.png" class="dropbtn"></a>
 +
  </div>
 +
 +
 +
 +
<!---Team ---->
 +
  <div class="dropdown" onmouseover="team_main.src='https://static.igem.org/mediawiki/2021/5/53/T--LINKS_China--team_open_new_v2.jpg'" onmouseout="team_main.src='https://static.igem.org/mediawiki/2021/9/92/T--LINKS_China--team_closed_new.png'">
 +
    <img id="team_main" src="https://static.igem.org/mediawiki/2021/9/92/T--LINKS_China--team_closed_new.png" class="dropbtn">
 +
    <div class="dropdown-content">
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Members"><img src='https://static.igem.org/mediawiki/2021/9/99/T--LINKS_China--team_members_new_v2.png' class="dropbtn"></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Attributions"><img src='https://static.igem.org/mediawiki/2021/6/62/T--LINKS_China--team_attributions_new_v2.png' class="dropbtn"></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Collaborations"><img src='https://static.igem.org/mediawiki/2021/2/21/T--LINKS_China--team_collaborations_new_v2.png' class="dropbtn" ></a></div>
 +
<div><a href="https://2021.igem.org/Team:LINKS_China/Partnership"><img src='https://static.igem.org/mediawiki/2021/4/4a/T--LINKS_China--team_partnership_new_v2.png' class="dropbtn" ></a></div>
 +
    </div>
 +
  </div>
 +
 +
 +
 +
<!---Project ---->
 +
  <div class="dropdown" onmouseover="project_main.src='https://static.igem.org/mediawiki/2021/2/21/T--LINKS_China--project_open_new_v2.png'" onmouseout="project_main.src='https://static.igem.org/mediawiki/2021/4/40/T--LINKS_China--project_closed_new.png'">
 +
    <img id="project_main" src="https://static.igem.org/mediawiki/2021/4/40/T--LINKS_China--project_closed_new.png" class="dropbtn">
 +
    <div class="dropdown-content">
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Description"><img src='https://static.igem.org/mediawiki/2021/7/7d/T--LINKS_China--project_description_new_v2.png' class="dropbtn"></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Engineering"><img src='https://static.igem.org/mediawiki/2021/7/7b/T--LINKS_China--project_engineering_new_v2.png' class="dropbtn"></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Implementation"><img src='https://static.igem.org/mediawiki/2021/9/91/T--LINKS_China--project_implementation_new_v2.png' class="dropbtn" ></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Proof_Of_Concept"><img src='https://static.igem.org/mediawiki/2021/7/76/T--LINKS_China--project_proofofconcept_new_v2.png' class="dropbtn" ></a></div>
 +
    </div>
 +
  </div>
 +
 +
 +
 +
 +
 +
<!---Parts ---->
 +
 +
  <div class="dropdown" onmouseover="parts_main.src='https://static.igem.org/mediawiki/2021/4/49/T--LINKS_China--parts_open_new_v2.png'" onmouseout="parts_main.src='https://static.igem.org/mediawiki/2021/1/16/T--LINKS_China--parts_closed_new.png'">
 +
    <img id="parts_main" src="https://static.igem.org/mediawiki/2021/1/16/T--LINKS_China--parts_closed_new.png" class="dropbtn">
 +
    <div class="dropdown-content">
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Parts_List"><img src='https://static.igem.org/mediawiki/2021/1/1b/T--LINKS_China--parts_partslist_new_v2.png' class="dropbtn"></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Contribution"><img src='https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--parts_contribution_new_v2.png' class="dropbtn"></a></div>
 +
    </div>
 +
  </div>
 +
 +
 +
 +
 +
 +
<!---Wet Lab ---->
 +
  <div class="dropdown" onmouseover="wetlab_main.src='https://static.igem.org/mediawiki/2021/c/c1/T--LINKS_China--wetlab_open_new_v2.png'" onmouseout="wetlab_main.src='https://static.igem.org/mediawiki/2021/3/39/T--LINKS_China--wetlab_closed_new.png'">
 +
    <img id="wetlab_main" src="https://static.igem.org/mediawiki/2021/3/39/T--LINKS_China--wetlab_closed_new.png" class="dropbtn">
 +
    <div class="dropdown-content">
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Experiments"><img src='https://static.igem.org/mediawiki/2021/7/74/T--LINKS_China--wetlab_experiments_new_v2.png' class="dropbtn"></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Measurement"><img src='https://static.igem.org/mediawiki/2021/c/cc/T--LINKS_China--wetlab_measurement_new_v2.png' class="dropbtn"></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Notebook"><img src='https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--wetlab_notebook_new_v2.png' class="dropbtn" ></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Results"><img src='https://static.igem.org/mediawiki/2021/1/1f/T--LINKS_China--wetlab_results_new_v2.png' class="dropbtn" ></a></div>
 +
      <div><a href="https://2021.igem.org/Team:LINKS_China/Safety"><img src='https://static.igem.org/mediawiki/2021/6/6e/T--LINKS_China--wetlab_safety_new_v2.png' class="dropbtn" ></a></div>
 +
    </div>
 +
  </div>
 +
 +
 +
 +
 +
<!---Dry Lab ---->
 +
  <div class="dropdown" onmouseover="drylab_main.src='https://static.igem.org/mediawiki/2021/6/6f/T--LINKS_China--drylab_open_new_v2.png'" onmouseout="drylab_main.src='https://static.igem.org/mediawiki/2021/6/6a/T--LINKS_China--drylab_closed_new.png'">
 +
    <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><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>
 +
  </div>
 +
 +
 +
 +
<!---HPs---->
 +
  <div class="dropdown" onmouseover="hps_main.src='https://static.igem.org/mediawiki/2021/7/79/T--LINKS_China--hps_open_new_v2.png'" onmouseout="hps_main.src='https://static.igem.org/mediawiki/2021/e/e6/T--LINKS_China--hps_closed_new.png'">
 +
    <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><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/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>
 +
  </div>
 +
  
  
<div class="column full_size judges-will-not-evaluate">
 
<h3>★  ALERT! </h3>
 
<p>This page is used by the judges to evaluate your team for the <a href="https://2021.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2021.igem.org/Judging/Awards"> award listed below</a>. </p>
 
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2021.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
 
</div>
 
</div>
 +
</div>
 +
<!------------------------------------------------NavEnd------------------------------------------------->
  
  
<div class="clear"></div>
+
<div id="big_header">
 +
    <img src="https://static.igem.org/mediawiki/2021/6/65/T--LINKS_China--bigheader_partnership.jpg" style="position: absolute; top:10.5vw; left: 26vw; width: 48vw;">
 +
    <img src="https://static.igem.org/mediawiki/2021/0/0f/T--LINKS_China--descriptionplace_lightpurple.jpg" style="position: absolute; top:12vw; left: 22.5vw; width: 55vw;">
 +
</div>
  
 +
<div id="main_content">
 +
<!-------------
 +
  <div id="horizontal_zipper_header">
 +
    <img src="https://static.igem.org/mediawiki/2021/7/72/T--LINKS_China--horizontal_zipper2.0.jpg"><img src="https://static.igem.org/mediawiki/2021/7/72/T--LINKS_China--horizontal_zipper2.0.jpg">
 +
  </div>--------->
 +
 
 +
  
<div class="column full_size">
+
<!------------------------------------SIDEBAR_AND_TEXT------------------------------------->
<h1>Partnership</h1>
+
<div id="sidebar_and_texts">
<h3>Gold Medal Criterion #5</h3>
+
 
<p> Collaborate throughout the year with at least one other 2021 iGEM team on a set of shared objectives related to both of your projects. This partnership should go beyond a Silver medal collaboration.
+
 
<br><br>
+
<!------------------------------------SIDEBAR_START------------------------------------->
Please see the <a href="https://2021.igem.org/Judging/Medals">2021 Medals Page</a> for more information.  
+
  <div id="sidebar">
  </p>
+
 
 +
          <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="#section2"><img src="https://static.igem.org/mediawiki/2021/3/35/T--LINKS_China--sectionguider_test3.2.jpg" id="section2_guider"></a></li>
 +
              <li><a href="#section3"><img src="https://static.igem.org/mediawiki/2021/b/b9/T--LINKS_China--section_guidertest4.1.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="#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="#section6"><img src="https://static.igem.org/mediawiki/2021/c/cb/T--LINKS_China--section_guidertest8.1.jpg" id="section6_guider"></a></li>
 +
          </ul>
 +
 
 +
 
 +
 
 +
          <ul class="section_header" style="list-style: none !important;">
 +
              <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/9/9e/T--LINKS_China--sidebar_img2.png" id="section2_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/f/fa/T--LINKS_China--sidebar_img4.png" id="section4_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/1/13/T--LINKS_China--sidebar_img6.png" id="section6_header"></li>
 +
          </ul>
 +
 
 +
      <a id="top_button" href="#"><img src="https://static.igem.org/mediawiki/2021/8/8e/T--LINKS_China--top_button.jpg"></a>
 +
 
 +
 
 +
<nav class="section-nav">
 +
<ul>
 +
<li><a href="#section1">Overview</a></li>
 +
<li><a href="#section2">Yeast toolkit</a></li>
 +
<li><a href="#section3">Yeast transformation</a></li>
 +
<li><a href="#section4">Vector construction</a></li>
 +
<li><a href="#section5">Wiki support</a></li>
 +
<li><a href="#section6">Uniform design</a></li>
 +
</ul>
 +
</nav>
 +
 
 +
  </div>
 +
<!------------------------------------SIDEBAR_END------------------------------------->
 +
 
 +
 
 +
<!------------------------------------TEXT_START------------------------------------->
 +
 
 +
  <div id="texts">
 +
 
 +
    <section id="section1">
 +
    <h1>Overview</h1>
 +
    <br>
 +
        <div class="normal_texts">
 +
        <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>
 +
        </div>
 +
    </section>
 +
 
 +
 
 +
<br><br><br>
 +
 
 +
    <h1>Utilizing the Yeast Toolkit</h1>
 +
    <section class="normal_texts" id="section2">
 +
        <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>
 +
    </section>
 +
 
 +
<br><br><br>
 +
 
 +
 
 +
<h1>Yeast Transformation</h1>
 +
    <section class="normal_texts" id="section3">
 +
    <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>
 +
    </section>
 +
 
 +
<br><br><br>
 +
 
 +
 
 +
<h1>Vector Constructing</h1>
 +
    <section class="normal_texts" id="section4">
 +
        <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>
  
 +
<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>
 +
    </section>
 +
 +
<br><br><br>
 +
 +
 +
<h1>Wiki Support</h1>
 +
    <section class="normal_texts" id="section5">
 +
        <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>
 +
    <br><br><br>
 +
 +
<h1>Cooperative Team Uniform Design</h1>
 +
    <section class="normal_texts" id="section6">
 +
        <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>
 +
    </section>
 +
 +
<br><br><br>
 +
 +
<h1></h1>
 +
    <section class="normal_texts" id="section7">
 +
        <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>
 +
    </section>
 +
 +
<br><br><br>
 +
 +
<h1>References</h1>
 +
    <section class="references" id="section8">
 +
        <br>
 +
        <ol>
 +
          <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>
 +
        </ol>
 +
        <br>
 +
    </section>
 +
 +
<br><br><br>
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
<br><br><br>
 +
<!------------------------------------TEXT_END------------------------------------->
 +
 +
<div id="footer">
 +
  <div id="footer-text">
 +
    <h3>Sponsors</h3>
 +
  </div>
 +
  <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" style="width:auto;height:3.4722222222222vw;"></a>
 +
  </div>
 +
  <div id="linkspider-logo">
 +
    <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 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" style="width:auto;height:4.1666666666667vw;"></a>
 +
  </div>
 +
  <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" style="width:auto;height:5.2083333333333vw;"></a>
 +
  </div>
 +
  <div id="taft-logo">
 +
    <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 id="footer-text2">
 +
    <h3>Follow Us</h3>
 +
  </div>
 +
  <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" 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 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" 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 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" style="width:auto;height:4.8611111111111vw;"></a>
 +
  </div>
 +
  <img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--footer4.png" class="footer">
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<style>
 +
html {
 +
scroll-behavior: smooth;
 +
}
 +
 +
 +
/*----------------------------------------FONTS--------------------------------------------*/
 +
@font-face{
 +
    font-family: "Jost" ;
 +
    src: url("https://static.igem.org/mediawiki/2021/6/65/T--LINKS_China--fonts_jost.ttf");
 +
}
 +
 +
 +
@font-face{
 +
    font-family: "Roboto";
 +
    src: url("https://static.igem.org/mediawiki/2021/6/66/T--LINKS_China--fonts_roboto_regular.ttf");
 +
}
 +
 +
@font-face{
 +
    font-family: "Lato";
 +
    src: url("https://static.igem.org/mediawiki/2021/d/d2/T--LINKS_China--fonts_lato_regular.ttf");
 +
}
 +
 +
 +
@font-face{
 +
    font-family: "Open Sans";
 +
    src: url("https://static.igem.org/mediawiki/2021/5/5e/T--LINKS_China--fonts_opensans.ttf");
 +
}
 +
 +
@font-face{
 +
    font-family: "LatoLight";
 +
    src: url("https://static.igem.org/mediawiki/2021/f/f9/T--LINKS_China--fonts_Latolight.ttf")
 +
}
 +
 +
 +
 +
 +
/*--------------------------------------BIG HEADER AND HORIZONTAL ZIPPER------------------------------------------*/
 +
#big_header{
 +
      width: 100vw;
 +
      height: 49vw;
 +
      background: url(https://static.igem.org/mediawiki/2021/f/f1/T--LINKS_China--headerimgs_partnershipv2.png);
 +
      background-attachment:scroll;
 +
      background-repeat: no-repeat;
 +
      background-position:top;
 +
      background-size: 105%;
 +
      padding: 0;
 +
    box-shadow: 0 0 0.4vw 0.4vw #fbedf3 inset;
 +
}
 +
 +
#big_header img{
 +
      width: 100vw;
 +
      height: auto;
 +
      padding: 0;
 +
}
 +
 +
 +
#horizontal_zipper_header{
 +
      display: flex;
 +
}
 +
 +
#horizontal_zipper_header img{
 +
      flex: 50%;
 +
      width: 48vw;
 +
      height: 1vw;
 +
      padding: 2vw;
 +
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*--------------------------------------SIDEBAR FOR COMPUTERS------------------------------------------*/
 +
 +
@media only screen and (min-device-width: 768px) {
 +
#sidebar_and_texts {
 +
  display: grid;
 +
  grid-template-columns: 0.27fr 1.63fr;
 +
  gap: 0px 0px;
 +
  align-items: baseline;
 +
}
 +
 +
#sidebar {
 +
  position: sticky;
 +
  top: 5vw;
 +
  left: 3vw;
 +
  margin: 0;
 +
  font-size: 2.25em;
 +
  line-height: 1.2;
 +
  height: 26vw;
 +
  width: 3.9vw;
 +
  border: 3.3px solid #600136;
 +
  border-radius: 1.25vw;
 +
  background-attachment:scroll;
 +
  background-repeat: no-repeat;
 +
  background-position:top;
 +
  background-size: 100%;
 +
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
 +
}
 +
 +
#sidebar .section_guider{
 +
    position: absolute;
 +
    z-index: 2;
 +
    list-style: none !important;
 +
}
 +
 +
 +
 +
#sidebar .section_guider li{
 +
    z-index: 2;
 +
    list-style: none !important;
 +
}
 +
 +
 +
#sidebar .section_guider img{
 +
    width: 2.56vw;
 +
    top: 4px;
 +
    margin: 0vw 0vw 0vw 0vw;
 +
    right: 36.7px;
 +
    height: auto;
 +
    z-index: 2;
 +
    list-style: none !important;
 +
    position: relative;
 +
}
 +
 +
#sidebar .section_header li{
 +
    z-index: 2;
 +
    list-style: none !important;
 +
    position: relative;
 +
}
 +
 +
#sidebar .section_header{
 +
    position: relative;
 +
    z-index: 2;
 +
    list-style: none !important;
 +
}
 +
 +
#sidebar .section_header img{
 +
    position: relative;
 +
    width: 11.2vw;
 +
    top: -1.3vw;
 +
    padding: 1.82vw 0vw 0vw 0vw;
 +
    right: 0.55vw;
 +
    height: auto;
 +
    z-index: 2;
 +
    list-style: none !important;
 +
    position: relative;
 +
    opacity: 0;
 +
    float: initial;
 +
}
 +
 +
#sidebar #top_button img{
 +
    position: relative;
 +
    width: 5vw;
 +
    top: 1.5vw;
 +
    left: -0.525vw;
 +
}
 +
 +
.section-nav{
 +
  display: none;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*--------------------------------------SIDEBAR FOR IPADS AND PHONES------------------------------------------*/
 +
 +
 +
@media only screen and (max-device-width: 768px) {
 +
#sidebar_and_texts {
 +
  display: grid;
 +
  grid-template-columns: 0.31fr 1.59fr;
 +
  gap: 0px 0px;
 +
  align-items: baseline;
 +
}
 +
 +
#sidebar {
 +
  display: block;
 +
  border: 0px solid #600136;
 +
}
 +
 +
 +
#sidebar .section_guider{
 +
    display: none;
 +
}
 +
 +
 +
#sidebar .section_guider li{
 +
      display: none;
 +
}
 +
 +
 +
#sidebar .section_guider img{
 +
      display: none
 +
}
 +
 +
 +
#sidebar .section_header{
 +
    display: none;
 +
}
 +
 +
 +
#sidebar .section_header li{
 +
    display: none;
 +
}
 +
 +
 +
#sidebar .section_header img{
 +
    display: none;
 +
}
 +
 +
 +
#sidebar #top_button img{
 +
    display: none;
 +
}
 +
 +
 +
.section-nav{
 +
  display: block;
 +
  background-color: #FFFFFF;
 +
}
 +
.section-nav li.active > a {
 +
color: #630330;
 +
font-weight: 1200;
 +
}
 +
 +
/* Sidebar Navigation */
 +
.section-nav {
 +
padding-left: 0;
 +
border: 3px solid #efefef;
 +
        color: white;
 +
        width: 11vw;
 +
        height: 30vw;
 +
font-size: 9pt;
 +
        border-radius: 17px;
 +
}
 +
 +
.section-nav li {
 +
        list-style: none;
 +
}
 +
 +
 +
 +
.section-nav li a {
 +
text-decoration: none;
 +
display: block;
 +
padding: .125rem 0;
 +
color: #ccc;
 +
transition: all 50ms ease-in-out;
 +
        right: 3vw;
 +
}
 +
 +
 +
.section-nav a:hover,
 +
.section-nav a:focus {
 +
color: #630330;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/*--------------------------------------MAIN TEXTS------------------------------------------*/
 +
#texts{
 +
      position: relative;
 +
      top: 0vw;
 +
      padding: 3vw;
 +
      overflow: hidden;
 +
}
 +
 +
#texts h1{
 +
      font-size: 5em;
 +
      color: #630330;
 +
      font-family: 'Open Sans';
 +
      z-index: 5;
 +
      font-weight: bolder;
 +
      line-height: 1.2;
 +
      letter-spacing: 0.6px;
 +
      text-shadow: 2px 2px 5px #C0C0C0;
 +
}
 +
 +
 +
#texts .normal_texts h2{
 +
      font-size: 20pt;
 +
      font-weight: 520;
 +
      font-family: "Open Sans";
 +
      margin-left: 2.4vw;
 +
      margin-right: 2.4vw;
 +
      line-height: 2.3vw;
 +
}
 +
 +
 +
 +
#texts .normal_texts{
 +
      background: white;
 +
      border-radius: 24px;
 +
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 +
      margin-left: 0.3vw;
 +
      margin-right: 3vw;
 +
}
 +
 +
 +
#texts .normal_texts p{
 +
      margin: 1.6vw 2.5vw;
 +
      font-size: 1.5em;
 +
      font-weight: 300;
 +
      font-family: "LatoLight";
 +
}
 +
 +
 +
#texts .normal_texts ol{
 +
      margin: 1.4vw 4.5vw;
 +
      font-size: 1.5em;
 +
      font-weight: 300;
 +
      font-family: "LatoLight";
 +
}
 +
 +
#texts .normal_texts li{
 +
      margin: 0.7vw;
 +
      font-weight: 300;
 +
      font-family: "LatoLight";
 +
}
 +
 +
 +
 +
 +
#texts .funfacts{
 +
      background-image:url(https://static.igem.org/mediawiki/2021/d/de/T--LINKS_China--funfacts_bubblev2.jpg);
 +
      width: 55vw;
 +
      height: 30vw;
 +
      margin-left: 7vw;
 +
      background-attachment:scroll;
 +
      background-repeat: no-repeat;
 +
      background-position:top;
 +
      background-size: 100%;
 +
     
 +
}
 +
 +
#texts .funfacts p{
 +
      position: relative;
 +
      top: 12.5vw;
 +
      margin-left: 8.7vw;
 +
      margin-right: 24vw;
 +
      margin-bottom: 0;
 +
}
 +
 +
 +
#texts .horizontal_zipper_texts{
 +
    width: 65vw;
 +
    height: auto;
 +
}
 +
 +
 +
 +
/*--------------------------------------IMAGES AND EXPLANATIONS------------------------------------------*/
 +
 +
.picture_and_explanation{
 +
      text-align: center !important;
 +
}
 +
 +
.picture_and_explanation img{
 +
      max-width: 60vw;
 +
      height: auto;
 +
}
 +
 +
.picture_and_explanation p{
 +
      font-size: 1.1em !important;
 +
      font-family: Arial;
 +
      color: grey;
 +
      text-align: center !important;
 +
      margin-left: 5vw !important;
 +
      margin-right: 5vw !important;
 +
}
 +
 +
 +
 +
 +
/*--------------------------------------SIDENOTES------------------------------------------*/
 +
 +
#side_notes {
 +
      background: #dcdcdc;
 +
      margin: 1vw 5vw;
 +
}
 +
 +
#side_notes h2{
 +
      font-size: 20pt;
 +
      font-weight: 650;
 +
      font-family: "Open Sans";
 +
      padding: 2.1vw 1.5vw 0 1.5vw; 
 +
}
 +
 +
#side_notes p{
 +
      padding: 0 1.5vw 2.1vw 1.5vw; 
 +
}
 +
 +
 +
 +
 +
 +
/*--------------------------------------REFERENCES------------------------------------------*/
 +
 +
 +
#texts .references{
 +
      background: white;
 +
      border-radius: 24px;
 +
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 +
      margin-left: 0.3vw;
 +
      margin-right: 3vw;
 +
      font-family: "LatoLight";
 +
}
 +
 +
 +
#texts .references ol{
 +
      margin: 2vw 2.5vw;
 +
      font-size: 1em;
 +
      font-family: "LatoLight";
 +
}
 +
 +
#texts .references li{
 +
      margin: 1vw;
 +
      font-family: "LatoLight";
 +
}
 +
 +
 +
 +
/*--------------------------------------MAIN BACKGROUND------------------------------------------*/
 +
#main_content{
 +
      background-image: url(https://static.igem.org/mediawiki/2021/2/22/T--LINKS_China--background_lightpurple.png);
 +
      background-attachment:scroll;
 +
      background-repeat: repeat;
 +
      background-position:top;
 +
      background-size: 100%;
 +
      width: auto;
 +
      height: auto;
 +
      background-blend-mode: lighten; 
 +
}
 +
 +
 +
 +
 +
 +
 +
/*--------------------------------------FOOTER------------------------------------------*/
 +
 +
 +
#footer{
 +
          background-image: url("https://static.igem.org/mediawiki/2021/0/0a/T--LINKS_China--footer_test1.png");
 +
}
 +
 +
.banner {
 +
  align: center;
 +
  height: auto;
 +
  width: 100vw;
 +
  margin-bottom: 0px;
 +
  padding-bottom: 0px;
 +
}
 +
 +
 +
 +
.footer {
 +
  align: center;
 +
  width: 100vw;
 +
  height: auto;
 +
  margin-bottom: 0px;
 +
  padding-bottom: 0px;
 +
}
 +
 +
 +
.footer img{
 +
  height: 3vw !important;
 +
}
 +
 +
 +
 +
 +
 +
 +
#snapgene-logo {
 +
  position: absolute;
 +
  bottom: 5.46vw;
 +
  left: 14.83vw;
 +
}
 +
 +
 +
#footer-divider {
 +
  position: absolute;
 +
  bottom: 3.82vw;
 +
  left: 18.75vw;
 +
}
 +
 +
h3 {
 +
  font-size: 200%;
 +
  color: #66023c;
 +
}
 +
 +
#footer-text {
 +
  position: absolute;
 +
  bottom: 11.111vw;
 +
  left: 7.139vw;
 +
}
 +
 +
#linkspider-logo {
 +
  position: absolute;
 +
  bottom: 9.0667vw;
 +
  left: 14.4vw;
 +
}
 +
 +
#basis-logo {
 +
  position: absolute;
 +
  bottom: 9.514vw;
 +
  left: 19.389vw;
 +
}
 +
 +
#scie-logo {
 +
  position: absolute;
 +
  bottom: 2.8139vw;
 +
  left: 40.07vw;
 +
}
 +
 +
#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;
 +
  bottom: 3.819vw;
 +
  left: 54.4vw;
 +
}
 +
 +
#footer-text2 {
 +
  position: absolute;
 +
  bottom: 11.11111vw;
 +
  left: 55.79vw;
 +
}
 +
 +
#ins-logo {
 +
  position: absolute;
 +
  bottom: 4.51389vw;
 +
  left: 56.7444vw;
 +
}
 +
 +
#footer-divider2 {
 +
  position: absolute;
 +
  bottom: 3.819vw;
 +
  left: 64.4vw;
 +
}
 +
 +
#bilibili-logo {
 +
  position: absolute;
 +
  bottom: 4.7555556vw;
 +
  left: 69.08vw;
 +
}
 +
 +
#footer-divider3 {
 +
  position: absolute;
 +
  bottom: 3.819vw;
 +
  left: 83.4vw;
 +
}
 +
 +
#email-logo {
 +
  position: absolute;
 +
  bottom: 4.5139vw;
 +
  left: 88.847vw;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/*-----------------------------------------NAV_BAR_START-----------------------------------------------*/
 +
 +
 +
/* CLEAR DEFAULT SETTINGS **************************************************/
 +
#sideMenu, #top_title, .patrollink, #firstHeading,  #home_logo, #sideMenu { display:none; }
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
 +
body, html {background-color:white; width: 100%; height: 100%;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
 +
 +
/*Navigation Bar*/.
 +
* {
 +
  box-sizing: border-box;
 +
}
 +
 +
 +
/* Navbar container */
 +
#outnav {
 +
  overflow: visible;
 +
  zoom:1.0;
 +
  font-family: Arial;
 +
  position: fixed;
 +
  display: float;
 +
  z-index: 100;
 +
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
 +
  top: -100px;
 +
}
 +
 +
#outnav:after{
 +
  content:" ";
 +
  display: block;
 +
  clear: both;
 +
  height: 0;
 +
  visibility: hidden;
 +
  display: float;
 +
}
 +
 +
 +
#outnav img{
 +
  max-width: 100%;
 +
}
 +
 +
#homespider{
 +
  width: 7.7vw;
 +
  height: auto;
 +
  position: relative;
 +
  left: 1vw;
 +
}
 +
 +
/* Six sections */
 +
.sections{
 +
  display: flex;
 +
  column-gap: 0.4vw;
 +
  justify-content: space-between;
 +
  position: relative;
 +
  left: 2.8vw;
 +
}
 +
 +
 +
 +
/* Links (including logo) inside the navbar */
 +
#outnav a{
 +
  float: left;
 +
  text-align: center;
 +
}
 +
 +
 +
/* Dropdown container */
 +
.dropdown {
 +
  overflow: hidden;
 +
  float: left;
 +
}
 +
 +
 +
 +
/* Dropdown button */
 +
.dropdown .dropbtn {
 +
  width: 12.4vw;
 +
  height: auto;
 +
  position: relative;
 +
}
 +
 +
 +
 +
/* Dropdown content (hidden by default) */
 +
.dropdown-content {
 +
  display: none;
 +
  position: absolute;
 +
  object-fit:cover;
 +
}
 +
 +
 +
 +
/* Show dropdown content on hover */
 +
.dropdown:hover .dropdown-content {
 +
  display: block;
 +
  object-fit:cover;
 +
}
 +
 +
 +
 +
 +
#globalWrapper{
 +
    padding-bottom: 0px !important;
 +
}
 +
 +
</style>
 +
 +
 +
<!----------------------------SIDEBAR_EFFECT--------------------------->
 +
<script>
 +
$(document).ready( function() {
 +
 +
    $("#section1_guider").hover( function() {
 +
        $("#section1_header").animate({opacity: 1}, 350);
 +
    }, function() {
 +
        $("#section1_header").animate({opacity: 0}, 150);
 +
    });
 +
 +
 +
    $("#section2_guider").hover( function() {
 +
        $("#section2_header").animate({opacity: 1}, 350);
 +
    }, function() {
 +
        $("#section2_header").animate({opacity: 0}, 150);
 +
    });
 +
 +
 +
 +
    $("#section3_guider").hover( function() {
 +
        $("#section3_header").animate({opacity: 1}, 350);
 +
    }, function() {
 +
        $("#section3_header").animate({opacity: 0}, 150);
 +
    });
 +
 +
 +
    $("#section4_guider").hover( function() {
 +
        $("#section4_header").animate({opacity: 1}, 350);
 +
    }, function() {
 +
        $("#section4_header").animate({opacity: 0}, 150);
 +
    });
 +
 +
    $("#section5_guider").hover( function() {
 +
        $("#section5_header").animate({opacity: 1}, 350);
 +
    }, function() {
 +
        $("#section5_header").animate({opacity: 0}, 150);
 +
    });
 +
 +
    $("#section6_guider").hover( function() {
 +
        $("#section6_header").animate({opacity: 1}, 350);
 +
    }, function() {
 +
        $("#section6_header").animate({opacity: 0}, 150);
 +
    });
 +
 +
    $("#section7_guider").hover( function() {
 +
        $("#section7_header").animate({opacity: 1}, 350);
 +
    }, function() {
 +
        $("#section7_header").animate({opacity: 0}, 150);
 +
    });
 +
    $("#section8_guider").hover( function() {
 +
        $("#section8_header").animate({opacity: 1}, 350);
 +
    }, function() {
 +
        $("#section8_header").animate({opacity: 0}, 150);
 +
    });
 +
 +
 +
 +
 +
});
 +
 +
<!----------------------------NAVBAR_EFFECT--------------------------->
 +
var prevScrollpos = window.pageYOffset;
 +
window.onscroll = function() {
 +
var currentScrollPos = window.pageYOffset;
 +
  if (prevScrollpos > currentScrollPos) {
 +
    document.getElementById("outnav").style.top = "17px";
 +
    document.getElementById("sidebar").style.top = "9.7vw";
 +
  } else {
 +
    document.getElementById("outnav").style.top = "-100px";
 +
    document.getElementById("sidebar").style.top = "5vw";
 +
  }
 +
  prevScrollpos = currentScrollPos;
 +
}
 +
 +
 +
 +
 +
 +
 +
window.addEventListener('DOMContentLoaded', () => {
 +
 +
  const observer = new IntersectionObserver(entries => {
 +
    entries.forEach(entry => {
 +
      const id = entry.target.getAttribute('id');
 +
      if (entry.intersectionRatio > 0) {
 +
        document.querySelector(`nav li a[href="#${id}"]`).parentElement.classList.add('active');
 +
      } else {
 +
        document.querySelector(`nav li a[href="#${id}"]`).parentElement.classList.remove('active');
 +
      }
 +
    });
 +
  });
  
 +
  // Track all sections that have an `id` applied
 +
  document.querySelectorAll('section[id]').forEach((section) => {
 +
    observer.observe(section);
 +
  });
 +
 
 +
});
 +
</script>
 
</html>
 
</html>

Latest revision as of 22:30, 17 December 2021