Main Page: Difference between revisions

From yangwa
No edit summary
No edit summary
Line 2: Line 2:


{{#if:{{#ifeq:{{USERID}}|0|0|1}}|
{{#if:{{#ifeq:{{USERID}}|0|0|1}}|
<!-- 🌑 未登录视图 -->
<html>
<html>
<style>
  <style>
  /* 修复主页黑边与白背景失效问题(Vector 2022 专用) */
    body.skin-vector-2022.page-Main_Page {
  body.skin-vector-2022.page-Main_Page {
      background-color: #ffffff !important;
    background-color: #ffffff !important;
      color: #000000 !important;
    color: #000 !important;
    }
  }
    body.skin-vector-2022.page-Main_Page #mw-panel,
  body.skin-vector-2022.page-Main_Page #mw-panel,
    body.skin-vector-2022.page-Main_Page #mw-sidebar {
  body.skin-vector-2022.page-Main_Page #mw-sidebar {
      display: none !important;
    display: none !important;
    }
  }


    .homepage-container {
      max-width: 1000px;
      margin: 0 auto;
      padding: 80px 20px;
      text-align: center;
      font-family: 'Segoe UI', sans-serif;
    }


     /* 浮动 DNA 动画 */
     h1 {
    @keyframes floatDNA {
       font-size: 32px;
       0% { transform: translateY(0); opacity: 0.5; }
       margin-bottom: 16px;
       50% { transform: translateY(-20px); opacity: 0.2; }
       color: #000000;
       100% { transform: translateY(0); opacity: 0.5; }
     }
     }


     .floating-dna {
     p {
       font-size: 28px;
       font-size: 16px;
       color: #bbb;
       color: #555;
      position: absolute;
       margin-bottom: 40px;
      animation: floatDNA 6s ease-in-out infinite;
      pointer-events: none;
       z-index: 0;
     }
     }


     .dna1 { top: 15%; left: 12%; animation-delay: 0s; }
     .button-group {
    .dna2 { top: 35%; left: 78%; animation-delay: 1.5s; }
      display: flex;
     .dna3 { top: 60%; left: 50%; animation-delay: 3s; }
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
      margin-bottom: 40px;
     }


    /* 按钮样式 */
     .login-btn, .intro-btn {
     .login-btn, .intro-btn {
       background-color: #333;
       background-color: #333;
       color: white !important;
       color: white;
      border: none;
       padding: 12px 24px;
       padding: 12px 32px;
       border-radius: 8px;
       border-radius: 8px;
      text-decoration: none;
       font-size: 16px;
       font-size: 16px;
      text-decoration: none;
       transition: all 0.3s ease;
       transition: all 0.3s ease;
      display: inline-block;
     }
     }


     .login-btn:hover, .intro-btn:hover {
     .login-btn:hover, .intro-btn:hover {
       background-color: #444;
       background-color: #555;
      transform: scale(1.05);
     }
     }


     /* 隐藏左侧面板 */
     .footer {
     body.page-Main_Page #mw-panel {
      font-size: 12px;
       display: none !important;
      color: #888;
      margin-top: 60px;
    }
 
     .floating-dna {
      font-size: 28px;
      position: absolute;
      animation: floatDNA 6s ease-in-out infinite;
      opacity: 0.3;
      pointer-events: none;
    }
 
    .dna1 { top: 20%; left: 10%; }
    .dna2 { top: 40%; left: 85%; }
    .dna3 { top: 70%; left: 50%; }
 
    @keyframes floatDNA {
      0% { transform: translateY(0); }
       50% { transform: translateY(-20px); }
      100% { transform: translateY(0); }
     }
     }
   </style>
   </style>


  <!-- DNA 动画图标 -->
   <div class="floating-dna dna1">🧬</div>
   <div class="floating-dna dna1">🧬</div>
   <div class="floating-dna dna2">🧬</div>
   <div class="floating-dna dna2">🧬</div>
   <div class="floating-dna dna3">🧬</div>
   <div class="floating-dna dna3">🧬</div>


  <!-- 欢迎内容 -->
   <div class="homepage-container">
   <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; height:90vh; text-align:center; z-index:1;">
     <h1>Welcome to the Lab of Synthetic Biopharmaceutics</h1>
     <h1 style="font-size: 32px; margin-bottom: 16px;">
     <p>Please log in to access Labwiki content.</p>
      Welcome to the Lab of Synthetic Biopharmaceutics
     <div class="button-group">
    </h1>
 
     <p style="font-size: 16px; color: #666; margin-bottom: 40px;">
      Please log in to access Labwiki content.
    </p>
 
     <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
       <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" class="login-btn">Log in</a>
       <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" class="login-btn">Log in</a>
       <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
       <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
     </div>
     </div>
 
     <div class="footer">
     <div style="margin-top: 60px; font-size: 12px; color: #888;">
       © 2025 Yangwa Lab ·  
       © 2025 Yangwa Lab ·  
       <a href="https://beian.miit.gov.cn" target="_blank" style="color: #999; text-decoration: none;">蜀ICP备2025131392号</a>
       <a href="https://beian.miit.gov.cn" target="_blank" style="color: #999; text-decoration: none;">蜀ICP备2025131392号</a>

Revision as of 01:29, 14 April 2025


🧬
🧬
🧬

Welcome to the Lab of Synthetic Biopharmaceutics

Please log in to access Labwiki content.