From 8ec97980efcf724af49ef8134de7685d33b815ac Mon Sep 17 00:00:00 2001
From: Devmc <dev.mcrf@qq.com>
Date: Fri, 9 Sep 2022 00:57:59 +0800
Subject: [PATCH] collaborations

---
 static/utils.css               |  8 +++-
 wiki/pages/collaborations.html | 84 +++++++++++++++++++++++++++++++++-
 wiki/pages/index.html          | 11 +++--
 3 files changed, 94 insertions(+), 9 deletions(-)

diff --git a/static/utils.css b/static/utils.css
index 6b4e767..4a8e404 100644
--- a/static/utils.css
+++ b/static/utils.css
@@ -152,7 +152,7 @@
 }
 
 .rw-85 {
-    width: 87.5% !important;
+    width: 85% !important;
 }
 
 .rw-75 {
@@ -167,8 +167,12 @@
     width: 50% !important;
 }
 
+.rw-45 {
+    width: 45% !important;
+}
+
 .rw-35 {
-    width: 37.5% !important;
+    width: 35% !important;
 }
 
 .rw-25 {
diff --git a/wiki/pages/collaborations.html b/wiki/pages/collaborations.html
index 91e8e52..bffa214 100644
--- a/wiki/pages/collaborations.html
+++ b/wiki/pages/collaborations.html
@@ -12,8 +12,88 @@
       <h1 class="content-header2">Collaborations</h1>
 
       <section>
-        <h2></h2>
-        <p></p>
+        <h2>1. Overview</h2>
+        <p>
+          Due to the pandemic and social distancing policies, it is relatively demanding to conduct face-to-face
+          collaboration activities in Shanghai in July 2022. Thus, virtual meetings were adopted as the main
+          collaboration format because they enabled people in different physical locations to communicate.
+        </p>
+      </section>
+
+      <section>
+        <h2>2. Collaboration with Pepsick (Shanghai_city)</h2>
+        <div class="imager">
+          <img class="rw-35"
+               src="https://static.igem.wiki/teams/4281/wiki/collaborations/t-ecnuas-collaborations-01.jpg" alt="">
+        </div>
+        <p>
+          The project Pepsick team conducts is to improve the quality of the water where the domestic ornamental fish
+          live. They aim to produce and purify natural antimicrobial peptides in gene-engineered Escherichia coli, also
+          known as E. coli and inhibit the breed of bacteria in fish tanks. The maintenance of clean water quality is
+          essential for the growth of all types of fish. To improve the quality of water, efficient tools such as
+          antibacterial charcoal can be used.
+        </p>
+        <div class="imager">
+          <img class="rw-75"
+               src="https://static.igem.wiki/teams/4281/wiki/collaborations/t-ecnuas-collaborations-02.png" alt="">
+          <span class="figure">
+            <i>Snapshot of virtual meeting with Pepsick (Shanghai_city)</i>
+          </span>
+        </div>
+        <p>
+          The collaboration with Pepsick has been proven to be fruitful in a mutually beneficial relationship. Members
+          of Pepsick, who conducted experiments prior to our project, shed some light on the experiment design by
+          introducing their theoretical background, methods, and precautions. In specific, they suggested that the
+          performance of specific genes has to be carefully monitored in gene knockout experiments to investigate gene
+          loss. Regarding the supporting entrepreneurship, the business model they developed is insightful, like SWOT
+          analysis and positioning analysis, for it contains various analytical frameworks that we decided to use in our
+          business plan as a part of entrepreneurship. Additionally, they generously offered to assist with the survey
+          distribution so that we can obtain bigger and more representative samples through snowball sampling.
+        </p>
+        <p>
+          To return the favor, we provided some suggestions on their questionnaire design by pointing out a few
+          logically inconsistent questions there. The sequence of their questions was a little problematic. They
+          admitted that, rather than categorizing the questions into different parts, they just listed all the questions
+          they came up with during brainstorming regardless of the intercorrelated relationship that lay among the
+          questions. They appreciated our advice and mentioned they would modify the survey lately. Besides, practical
+          tips on how to conduct interviews with experts in different fields were also provided to them.
+        </p>
+      </section>
+
+      <section>
+        <h2>3. Collaboration with ATCG (SHBS-BANZ)</h2>
+        <div class="imager">
+          <img class="rw-35"
+               src="https://static.igem.wiki/teams/4281/wiki/collaborations/t-ecnuas-collaborations-03.jpg" alt="">
+        </div>
+        <p>
+          ATCG, a 2022 iGEM team from Beijing, conducts research on the new generation of CRISPR gene editing
+          technology. It is adopted to realize copy-and-paste site-point insertion by transforming the common tool
+          plasmid of the prokaryotic expression system and adding TSD and TIR elements recognized by Casposons. This
+          technique can not only play a role in the research of genetic disease treatment but also become a highly
+          efficient tool for upstream gene cloning.
+        </p>
+        <div class="imager">
+          <img class="rw-75"
+               src="https://static.igem.wiki/teams/4281/wiki/collaborations/t-ecnuas-collaborations-04.jpg" alt="">
+          <span class="figure">
+            <i>Snapshot of virtual meeting with ATCG (SHBS-BANZ)</i>
+          </span>
+        </div>
+        <p>
+          During the virtual meeting, they seemed to be troubled with the sampling method in their survey distribution.
+          They shared their opinions on how we could obtain information and valuable suggestions from the public survey,
+          but they still had trouble settling down the final question list and deciding on the survey strategy. Our
+          group advised them to perish the thought of taking much time deciding on the sampling methods, snowball
+          sampling is a widely applied sampling method in terms of public opinion which is practical for their research
+          work.
+        </p>
+        <p>
+          After our conversation, we realized that though they had planned some interviews and other activities, they
+          had yet to start. Therefore, we shared some of our experience in dry lab work, including how to conduct public
+          education and decide on our implementation plan. We also gave some advice on how to conduct online charity
+          activities for fund-raising along with our fund-raising experiences.
+        </p>
       </section>
     </div>
 
diff --git a/wiki/pages/index.html b/wiki/pages/index.html
index fb02b78..a38b625 100644
--- a/wiki/pages/index.html
+++ b/wiki/pages/index.html
@@ -25,7 +25,7 @@
         clickable: true
       },
       autoplay: {
-        delay:5000
+        delay: 5000
       }
     });
 
@@ -76,11 +76,12 @@
         <img class="mt-4" src="https://static.igem.wiki/teams/4281/wiki/home/t-ecnuas-home-01.jpg" alt="">
       </section>
 
-      <section class="pt-4 d-none">
+      <section class="pt-4">
         <h2 class="content-header">Promotional Video</h2>
-        <video src="https://static.igem.org/mediawiki/2021/8/8c/T--Beijing_United--video.mp4" controls
-               preload="metadata">
-        </video>
+        <iframe class="m-t-3 rw-100 bc-d-green" style="height: 489px"
+                title="ECNUAS: Increase the level of rapamycin fermentation by knocking out the M271_14... (2022) - Project Promotion [English]"
+                width="560" height="315" src="https://video.igem.org/videos/embed/b43f944c-88b8-483b-8011-6f6ce48a91d1"
+                frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
       </section>
     </div>
 
-- 
GitLab