Main Page: Difference between revisions

Revision as of 22:22, 11 April 2025

🧬

👋 Welcome to the Lab of Synthetic Biopharmaceutics

Log in to access the Labwiki

@@ Line 2: / Line 2: @@
 {{#if:{{#ifeq:{{USERID}}|0|0|1}}|
 <html>
-   <div style="display:flex; flex-direction:column; align-items:center; justify-content:flex-start; height:80vh; margin-top: 100px;">
+  <style>
+    @keyframes floatDNA {
+%   { transform: translateY(0px) rotate(0deg); opacity: 1; }
+%  { transform: translateY(-20px) rotate(5deg); opacity: 0.6; }
+% { transform: translateY(0px) rotate(0deg); opacity: 1; }
+    }
+    .floating-dna {
+      position: absolute;
+      font-size: 28px;
+      animation: floatDNA 5s ease-in-out infinite;
+      z-index: 1;
+    }
+    .dna1 { top: 40px; left: 15%; animation-delay: 0s; }
+    .dna2 { top: 120px; left: 50%; animation-delay: 1s; }
+    .dna3 { top: 200px; left: 80%; animation-delay: 2s; }
+  </style>
+  <!-- DNA 动画元素 -->
+  <div class="floating-dna dna1">🧬</div>
+  <div class="floating-dna dna2">🧬</div>
+  <div class="floating-dna dna3">🧬</div>
+  <!-- 欢迎内容主体 -->
+   <div style="display:flex; flex-direction:column; align-items:center; justify-content:flex-start; height:80vh; margin-top: 100px; position:relative; z-index:2;">
      <h2 style="font-size: 28px; margin-bottom: 20px;">👋 Welcome to the Lab of Synthetic Biopharmaceutics</h2>
      <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard"
@@ Line 12: / Line 36: @@
      </div>
    </div>
 </html>
 |
@@ Line 17: / Line 42: @@
 You are now logged in. This is the main page content visible only to authenticated users.
 }}
-<style>
-@keyframes floatDNA {
-%   { transform: translateY(0px) rotate(0deg); opacity: 1; }
-%  { transform: translateY(-20px) rotate(5deg); opacity: 0.6; }
-% { transform: translateY(0px) rotate(0deg); opacity: 1; }
-}
-.floating-dna {
-  position: absolute;
-  font-size: 28px;
-  animation: floatDNA 5s ease-in-out infinite;
-}
-.dna1 {
-  top: 80px;
-  left: 20%;
-  animation-delay: 0s;
-}
-.dna2 {
-  top: 140px;
-  left: 50%;
-  animation-delay: 1s;
-}
-.dna3 {
-  top: 200px;
-  left: 75%;
-  animation-delay: 2s;
-}
-</style>
-<div class="floating-dna dna1">🧬</div>
-<div class="floating-dna dna2">🧬</div>
-<div class="floating-dna dna3">🧬</div>