17th Formal HyperLink Update

idec-teams · Oct 8, 2024 · f5efebf · f5efebf
1 parent f0d4ac0
commit f5efebf
Show file tree

Hide file tree

Showing 33 changed files with 233 additions and 394 deletions.
diff --git a/images/cloud_music/1.jpg b/images/cloud_music/1.jpg
diff --git a/images/cloud_music/2.jpg b/images/cloud_music/2.jpg
diff --git a/images/cloud_music/3.jpg b/images/cloud_music/3.jpg
diff --git a/images/cloud_music/4.jpg b/images/cloud_music/4.jpg
diff --git a/images/cloud_music/5.jpg b/images/cloud_music/5.jpg
diff --git a/images/cloud_music/6.jpg b/images/cloud_music/6.jpg
diff --git a/index.html b/index.html
@@ -21,6 +21,8 @@
         .hint{
             display: absolute;
             margin-left: 41%;
+            width: fit-content;
+            height: fit-content;
 
         }
           .hntt{
@@ -426,15 +428,18 @@ <h1>Solution</h1>
                 </script>
             </section>
 
-            <h1 class="t1 aos-hover-zoom" data-aos="fade-up-left" data-aos-duration="1500ms"><strong>Development of a secretion pathway in <em> Bacillus subtilis</em></strong><br><br>
+            <h1 class="t1 aos-hover-zoom" data-aos="fade-up-left" data-aos-duration="1500ms"><strong style=" border-left: 5px solid #a4d1cc;
+    padding: 5px;">Development of a secretion pathway in <em> Bacillus subtilis</em></strong><br><br>
                 We first established an efficient secretion system within Bacillus subtilis. The signal peptide AprE was fused to the N-terminus of the enzymes to enable them to be effectively secreted out of the cells via the Sec pathway. The successfully constructed protein exocytosis pathway allows for intuitive hydrolysis zones screening of the mutation libraries.
                 </h1>
-            <h1 class="t2 aos-hover-zoom" data-aos="fade-up-right" data-aos-duration="1500ms"><strong>Development of PBAT hydrolases</strong><br><br>We selected <em>Is</em>PETase,
+            <h1 class="t2 aos-hover-zoom" data-aos="fade-up-right" data-aos-duration="1500ms"><strong style=" border-left: 5px solid #a4d1cc;
+    padding: 5px;">Development of PBAT hydrolases</strong><br><br>We selected <em>Is</em>PETase,
                 <em>Bs</em>LipA, and Lipase1028 as the starting points for directed evolution and established three
                 mutation libraries using error-prone PCR and site-directed mutagenesis. Hydrolysis zone screening method
                 was employed to
                 endow them with the ability to degrade PBAT.</h1>
-            <h1 class="t3 aos-hover-zoom" data-aos="fade-up-left" data-aos-duration="1500ms"><strong>Development of an engineered <em>Pseudomonas putida</em> KT2440 strain</strong><br><br>The evolved PBAT hydrolases
+            <h1 class="t3 aos-hover-zoom" data-aos="fade-up-left" data-aos-duration="1500ms"><strong style=" border-left: 5px solid #a4d1cc;
+    padding: 5px;">Development of an engineered <em>Pseudomonas putida</em> KT2440 strain</strong><br><br>The evolved PBAT hydrolases
                 were transformed into <em>Pseudomonas putida</em> KT2440-tph, which had undergone adaptive laboratory
                 evolution to acquire the ability to utilize terephthalic acid (TPA) and 1,4-butanediol (BDO) as carbon
                 sources. This
@@ -478,22 +483,22 @@ <h1 class="t3 aos-hover-zoom" data-aos="fade-up-left" data-aos-duration="1500ms"
             </div>
             <!-- lianjie1-4为footer右侧四列 -->
             <div class="lianjie1">
-                <h1 class="footer-tag" id="tag1"><a href="">Home</a></h1>
+                <h1 class="footer-tag" id="tag1"><a href="./index.html">Home</a></h1>
             </div>
             <div class="lianjie2">
-                <h1 class="footer-tag" id="tag2"><a href="">Project</a></h1>
-                <h1 class="footer-tag" id="tag3"><a href="">Description</a></h1>
-                <h1 class="footer-tag" id="tag4"><a href="">Design</a></h1>
-                <h1 class="footer-tag" id="tag5"><a href="">Results</a></h1>
-                <h1 class="footer-tag" id="tag6"><a href="">Supplement</a></h1>
-                <h1 class="footer-tag" id="tag7"><a href="">Protocol</a></h1>
+                <h1 class="footer-tag" id="tag2"><a href="./pages/description.html">Project</a></h1>
+                <h1 class="footer-tag" id="tag3"><a href="./pages/description.html">Description</a></h1>
+                <h1 class="footer-tag" id="tag4"><a href="./pages/design.html">Design</a></h1>
+                <h1 class="footer-tag" id="tag5"><a href="./pages/results.html">Results</a></h1>
+                <h1 class="footer-tag" id="tag6"><a href="./pages/supplement.html">Supplement</a></h1>
+                <h1 class="footer-tag" id="tag7"><a href="./pages/Pro.html">Protocol</a></h1>
             </div>
             <div class="lianjie3">
-                <h1 class="footer-tag" id="tag8"><a href="">Lab Notebook</a></h1>
+                <h1 class="footer-tag" id="tag8"><a href="./pages/notebook.html">Lab Notebook</a></h1>
             </div>
             <div class="lianjie4">
-                <h1 class="footer-tag" id="tag9"><a href="">Team</a></h1>
-                <h1 class="footer-tag" id="tag10"><a href="">Collaboration</a></h1>
+                <h1 class="footer-tag" id="tag9"><a href="./pages/member.html">Team</a></h1>
+                <h1 class="footer-tag" id="tag10"><a href="./pages/collaboration.html">Collaboration</a></h1>
             </div>
 
         </div>

diff --git a/js/movement.js b/js/movement.js
@@ -160,13 +160,24 @@ window.addEventListener('scroll', function() {
           } else {
             // 如果滚动回到上方，物件恢复原位
             MidBox.style.opacity=1;
+
           }
         if (scrollPosition >250) {
             // 滚动到目标位置后，移动物件
             TitBox.style.opacity=0; // 使用translate移动到新位置
           } else {
             // 如果滚动回到上方，物件恢复原位
             TitBox.style.opacity=1;
+
+          }
+        if (scrollPosition >260) {
+            // 滚动到目标位置后，移动物件
+            TitBox.style.zIndex=-1; // 使用translate移动到新位置
+          } else {
+            // 如果滚动回到上方，物件恢复原位
+            TitBox.style.opacity=1;
+            TitBox.style.zIndex=6;
+
           }
 
 

diff --git a/pages/NAU-CHINA-DE main 10.4 终.pdf b/pages/NAU-CHINA-DE main 10.4 终.pdf
diff --git a/pages/Pro.html b/pages/Pro.html
@@ -55,7 +55,7 @@
             </li>
 
             <li class="dropdown-menu">
-                <a href="#" class="dropdown-a">
+                <a href="./description.html" class="dropdown-a">
                     <img src="../images/pro1.svg" alt="" class="icon3">
                     <img src="../images/pro2.svg" alt="" class="icon_pro3">
                     Project
@@ -67,10 +67,10 @@
                     <a href="./design.html" class="dropdown-page cool-link2">
                         Design
                     </a>
-                    <a href="/pages/NAU-CHINA-DE main 10.4 终.pdf" class="dropdown-page cool-link2">
+                    <a href="./results.html" class="dropdown-page cool-link2">
                         Results
                     </a>
-                    <a href="#" class="dropdown-page cool-link2" target="_blank">
+                    <a href="./supplement.html" class="dropdown-page cool-link2" target="_blank">
                         Supplement
                     </a>
                     <a href="./Pro.html" class="dropdown-page cool-link2" target="_blank">
@@ -368,22 +368,22 @@
         </div>
         <!-- lianjie1-4为footer右侧四列 -->
         <div class="lianjie1">
-            <h1 class="footer-tag" id="tag1"><a href="">Home</a></h1>
+            <h1 class="footer-tag" id="tag1"><a href="../index.html">Home</a></h1>
         </div>
         <div class="lianjie2">
-            <h1 class="footer-tag" id="tag2"><a href="">Project</a></h1>
-            <h1 class="footer-tag" id="tag3"><a href="">Description</a></h1>
-            <h1 class="footer-tag" id="tag4"><a href="">Design</a></h1>
-            <h1 class="footer-tag" id="tag5"><a href="">Results</a></h1>
-            <h1 class="footer-tag" id="tag6"><a href="">Supplement</a></h1>
-            <h1 class="footer-tag" id="tag7"><a href="">Protocol</a></h1>
+            <h1 class="footer-tag" id="tag2"><a href="./description.html">Project</a></h1>
+            <h1 class="footer-tag" id="tag3"><a href="./description.html">Description</a></h1>
+            <h1 class="footer-tag" id="tag4"><a href="./design.html">Design</a></h1>
+            <h1 class="footer-tag" id="tag5"><a href="./results.html">Results</a></h1>
+            <h1 class="footer-tag" id="tag6"><a href="./supplement.html">Supplement</a></h1>
+            <h1 class="footer-tag" id="tag7"><a href="./Pro.html">Protocol</a></h1>
         </div>
         <div class="lianjie3">
-            <h1 class="footer-tag" id="tag8"><a href="">Lab Notebook</a></h1>
+            <h1 class="footer-tag" id="tag8"><a href="./notebook.html">Lab Notebook</a></h1>
         </div>
         <div class="lianjie4">
-            <h1 class="footer-tag" id="tag9"><a href="">Team</a></h1>
-            <h1 class="footer-tag" id="tag10"><a href="">Collaboration</a></h1>
+            <h1 class="footer-tag" id="tag9"><a href="./member.html">Team</a></h1>
+            <h1 class="footer-tag" id="tag10"><a href="./collaboration.html">Collaboration</a></h1>
         </div>
 
     </div>

diff --git a/pages/collaboration.html b/pages/collaboration.html
@@ -196,22 +196,22 @@
         </div>
         <!-- lianjie1-4为footer右侧四列 -->
         <div class="lianjie1">
-            <h1 class="footer-tag" id="tag1"><a href="">Home</a></h1>
+            <h1 class="footer-tag" id="tag1"><a href="../index.html">Home</a></h1>
         </div>
         <div class="lianjie2">
-            <h1 class="footer-tag" id="tag2"><a href="">Project</a></h1>
-            <h1 class="footer-tag" id="tag3"><a href="">Description</a></h1>
-            <h1 class="footer-tag" id="tag4"><a href="">Design</a></h1>
-            <h1 class="footer-tag" id="tag5"><a href="">Results</a></h1>
-            <h1 class="footer-tag" id="tag6"><a href="">Supplement</a></h1>
-            <h1 class="footer-tag" id="tag7"><a href="">Protocol</a></h1>
+            <h1 class="footer-tag" id="tag2"><a href="./description.html">Project</a></h1>
+            <h1 class="footer-tag" id="tag3"><a href="./description.html">Description</a></h1>
+            <h1 class="footer-tag" id="tag4"><a href="./design.html">Design</a></h1>
+            <h1 class="footer-tag" id="tag5"><a href="./results.html">Results</a></h1>
+            <h1 class="footer-tag" id="tag6"><a href="./supplement.html">Supplement</a></h1>
+            <h1 class="footer-tag" id="tag7"><a href="./Pro.html">Protocol</a></h1>
         </div>
         <div class="lianjie3">
-            <h1 class="footer-tag" id="tag8"><a href="">Lab Notebook</a></h1>
+            <h1 class="footer-tag" id="tag8"><a href="./notebook.html">Lab Notebook</a></h1>
         </div>
         <div class="lianjie4">
-            <h1 class="footer-tag" id="tag9"><a href="">Team</a></h1>
-            <h1 class="footer-tag" id="tag10"><a href="">Collaboration</a></h1>
+            <h1 class="footer-tag" id="tag9"><a href="./member.html">Team</a></h1>
+            <h1 class="footer-tag" id="tag10"><a href="./collaboration.html">Collaboration</a></h1>
         </div>
 
     </div>

diff --git a/pages/description.html b/pages/description.html
@@ -50,7 +50,7 @@
             </li>
 
             <li class="dropdown-menu">
-                <a href="#" class="dropdown-a">
+                <a href="./description.html" class="dropdown-a">
                     <img src="../images/pro1.svg" alt="" class="icon3">
                     <img src="../images/pro2.svg" alt="" class="icon_pro3">
                     Project
@@ -62,13 +62,13 @@
                     <a href="./design.html" class="dropdown-page cool-link2">
                         Design
                     </a>
-                    <a href="/pages/NAU-CHINA-DE main 10.4 终.pdf" class="dropdown-page cool-link2">
+                    <a href="./results.html" class="dropdown-page cool-link2">
                         Results
                     </a>
-                    <a href="#" class="dropdown-page cool-link2" target="_blank">
+                    <a href="./supplement.html" class="dropdown-page cool-link2" target="_blank">
                         Supplement
                     </a>
-                    <a href="./pages/Pro.html" class="dropdown-page cool-link2" target="_blank">
+                    <a href="./Pro.html" class="dropdown-page cool-link2" target="_blank">
                         Protocol
                     </a>
                 </div>
@@ -680,22 +680,22 @@
             </div>
             <!-- lianjie1-4为footer右侧四列 -->
             <div class="lianjie1">
-                <h1 class="footer-tag" id="tag1"><a href="">Home</a></h1>
+                <h1 class="footer-tag" id="tag1"><a href="../index.html">Home</a></h1>
             </div>
             <div class="lianjie2">
-                <h1 class="footer-tag" id="tag2"><a href="">Project</a></h1>
-                <h1 class="footer-tag" id="tag3"><a href="">Description</a></h1>
-                <h1 class="footer-tag" id="tag4"><a href="">Design</a></h1>
-                <h1 class="footer-tag" id="tag5"><a href="">Results</a></h1>
-                <h1 class="footer-tag" id="tag6"><a href="">Supplement</a></h1>
-                <h1 class="footer-tag" id="tag7"><a href="">Protocol</a></h1>
+                <h1 class="footer-tag" id="tag2"><a href="./description.html">Project</a></h1>
+                <h1 class="footer-tag" id="tag3"><a href="./description.html">Description</a></h1>
+                <h1 class="footer-tag" id="tag4"><a href="./design.html">Design</a></h1>
+                <h1 class="footer-tag" id="tag5"><a href="./results.html">Results</a></h1>
+                <h1 class="footer-tag" id="tag6"><a href="./supplement.html">Supplement</a></h1>
+                <h1 class="footer-tag" id="tag7"><a href="./Pro.html">Protocol</a></h1>
             </div>
             <div class="lianjie3">
-                <h1 class="footer-tag" id="tag8"><a href="">Lab Notebook</a></h1>
+                <h1 class="footer-tag" id="tag8"><a href="./notebook.html">Lab Notebook</a></h1>
             </div>
             <div class="lianjie4">
-                <h1 class="footer-tag" id="tag9"><a href="">Team</a></h1>
-                <h1 class="footer-tag" id="tag10"><a href="">Collaboration</a></h1>
+                <h1 class="footer-tag" id="tag9"><a href="./member.html">Team</a></h1>
+                <h1 class="footer-tag" id="tag10"><a href="./collaboration.html">Collaboration</a></h1>
             </div>
 
         </div>

diff --git a/pages/design.html b/pages/design.html
@@ -50,7 +50,7 @@
             </li>
 
             <li class="dropdown-menu">
-                <a href="#" class="dropdown-a">
+                <a href="./description.html" class="dropdown-a">
                     <img src="../images/pro1.svg" alt="" class="icon3">
                     <img src="../images/pro2.svg" alt="" class="icon_pro3">
                     Project
@@ -62,13 +62,13 @@
                     <a href="./design.html" class="dropdown-page cool-link2">
                         Design
                     </a>
-                    <a href="/pages/NAU-CHINA-DE main 10.4 终.pdf" class="dropdown-page cool-link2">
+                    <a href="./results.html" class="dropdown-page cool-link2">
                         Results
                     </a>
-                    <a href="#" class="dropdown-page cool-link2" target="_blank">
+                    <a href="./supplement.html" class="dropdown-page cool-link2" target="_blank">
                         Supplement
                     </a>
-                    <a href="./pages/Pro.html" class="dropdown-page cool-link2" target="_blank">
+                    <a href="./Pro.html" class="dropdown-page cool-link2" target="_blank">
                         Protocol
                     </a>
                 </div>
@@ -397,22 +397,22 @@
         </div>
         <!-- lianjie1-4为footer右侧四列 -->
         <div class="lianjie1">
-            <h1 class="footer-tag" id="tag1"><a href="">Home</a></h1>
+            <h1 class="footer-tag" id="tag1"><a href="../index.html">Home</a></h1>
         </div>
         <div class="lianjie2">
-            <h1 class="footer-tag" id="tag2"><a href="">Project</a></h1>
-            <h1 class="footer-tag" id="tag3"><a href="">Description</a></h1>
-            <h1 class="footer-tag" id="tag4"><a href="">Design</a></h1>
-            <h1 class="footer-tag" id="tag5"><a href="">Results</a></h1>
-            <h1 class="footer-tag" id="tag6"><a href="">Supplement</a></h1>
-            <h1 class="footer-tag" id="tag7"><a href="">Protocol</a></h1>
+            <h1 class="footer-tag" id="tag2"><a href="./description.html">Project</a></h1>
+            <h1 class="footer-tag" id="tag3"><a href="./description.html">Description</a></h1>
+            <h1 class="footer-tag" id="tag4"><a href="./design.html">Design</a></h1>
+            <h1 class="footer-tag" id="tag5"><a href="./results.html">Results</a></h1>
+            <h1 class="footer-tag" id="tag6"><a href="./supplement.html">Supplement</a></h1>
+            <h1 class="footer-tag" id="tag7"><a href="./Pro.html">Protocol</a></h1>
         </div>
         <div class="lianjie3">
-            <h1 class="footer-tag" id="tag8"><a href="">Lab Notebook</a></h1>
+            <h1 class="footer-tag" id="tag8"><a href="./notebook.html">Lab Notebook</a></h1>
         </div>
         <div class="lianjie4">
-            <h1 class="footer-tag" id="tag9"><a href="">Team</a></h1>
-            <h1 class="footer-tag" id="tag10"><a href="">Collaboration</a></h1>
+            <h1 class="footer-tag" id="tag9"><a href="./member.html">Team</a></h1>
+            <h1 class="footer-tag" id="tag10"><a href="./collaboration.html">Collaboration</a></h1>
         </div>
 
     </div>