add reference in home

static/main.js

@@ -131,4 +131,18 @@ document.addEventListener('DOMContentLoaded', function() {
 
   window.addEventListener('scroll', checkEase);
   checkEase(); // 确保初始状态正确
+});
+
+const referenceElements = document.querySelectorAll('.reference');
+
+referenceElements.forEach(element => {
+    element.addEventListener('mouseenter', () => {
+      const tooltip = element.querySelector('.tooltip');
+      tooltip.style.top = `${element.clientHeight}px`;
+    });
+
+    element.addEventListener('mouseleave', () => {
+      const tooltip = element.querySelector('.tooltip');
+      tooltip.style.top = '100%';
+    });
 });
\ No newline at end of file

static/style.css

@@ -396,4 +396,35 @@ h1 { padding-bottom: 20px; }
 
 .team-divider .shape-fill {
   fill: #FBFAF3;
+}
+
+.reference {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+}
+
+.tooltip-container {
+  position: relative;
+}
+
+.tooltip {
+  z-index: 9999;
+  width:200px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  background-color: #333;
+  color: #fff;
+  font-style: italic;
+  padding: 5px;
+  border-radius: 3px;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+.reference:hover .tooltip {
+  z-index: 9999;
+  opacity: 1;
+  visibility: visible;
 }
\ No newline at end of file

wiki/layout.html

@@ -41,6 +41,6 @@
   <script src="{{ url_for('static', filename = 'jquery.js') }}"></script>
   <script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script>
   <script src="{{ url_for('static', filename = 'main.js') }}"></script>
-  <script id="MathJax-script" async src="{{ url_for('static', filename = 'mathjax.js') }}"></script>
+  
 </body>
 </html>

wiki/pages/home.html

@@ -35,24 +35,24 @@
 <!-- Page Content -->
   <!-- Welcome -->
 
-  <div class="row d-flex justify-content-center curvy-dividerr" style="background-color: #FBFAF3; height: 70vh;position: relative;">
+  <div class="row d-flex justify-content-center curvy-dividerr" style="z-index: 2; background-color: #FBFAF3; height: 70vh;position: relative;">
     <div class="col-lg-6 d-flex ease-in-container">
       <img src="https://static.igem.wiki/teams/4771/wiki/img-6936.png" alt="" style="max-width: 100%; height: 30rem;margin-left: 12vw;">
     </div>
     <div class="col-lg-6 d-flex flex-column justify-content-center align-items-center ease-in-container" style="text-align: center;">
       <h3>First Part</h3>
       <p>
-        say something...
+        say something...<span class="reference"><sup>1</sup><span class="tooltip">David P, Jad M, Andrew W,et al. BioPhi: A platform for antibody design, humanization, and humanness evaluation based on natural antibody repertoires and deep learning[J/OL], mAbs, 14:1.(2022).</span></span>
       </p>
     </div>
-    <div class="counter-div-bottom">
+    <div class="counter-div-bottom" style="z-index: -10;">
       <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
         <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
       </svg>
     </div>
   </div>
   
-  <div class="row d-flex justify-content-center align-items-center curvy-dividerr" style="background-color: #eec4f6; height: 70vh;position: relative;">
+  <div class="row d-flex justify-content-center align-items-center curvy-dividerr" style="z-index: 1; background-color: #eec4f6; height: 70vh;position: relative;">
     <div class="col-lg-6 d-flex flex-column justify-content-center align-items-center ease-in-container" style="text-align: center;">
       <h3>Second Part</h3>
       <p>

wiki/pages/team.html

@@ -110,7 +110,7 @@
          </p>
       </div>
     </div>
-    <div class="flip">
+    <div class="flip mb-5">
       <div class="front" style="background-image: url(https://static.igem.wiki/teams/4771/wiki/team/superviser-xz.png)">
       </div>
       <div class="back" style="background-image: url(https://static.igem.wiki/teams/4771/wiki/team/superviser-xz.png);background-color: white;">