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}}|
<!-- 未登录用户视图:浅色背景 + 居中内容 + DNA 动画 + 按钮 -->
<!-- 🌟 未登录用户视图:中心欢迎界面 + DNA 动画 + 登录按钮 -->
<html>
<html>
   <style>
   <style>
     /* 中心容器布局 */
     @keyframes floatDNA {
     .homepage-wrapper {
      0%  { transform: translateY(0); }
       min-height: 90vh;
      50%  { transform: translateY(-20px); }
      100% { transform: translateY(0); }
    }
 
     .floating-dna {
       font-size: 28px;
      position: absolute;
      animation: floatDNA 6s ease-in-out infinite;
      opacity: 0.3;
      pointer-events: none;
      color: #ccc;
    }
 
    .dna1 { top: 20%; left: 10%; }
    .dna2 { top: 40%; left: 85%; }
    .dna3 { top: 70%; left: 50%; }
 
    .homepage-container {
       display: flex;
       display: flex;
       flex-direction: column;
       flex-direction: column;
      align-items: center;
       justify-content: center;
       justify-content: center;
       align-items: center;
       height: 90vh;
       text-align: center;
       text-align: center;
       font-family: 'Segoe UI', sans-serif;
       font-family: 'Segoe UI', sans-serif;
      padding: 20px;
       position: relative;
       position: relative;
       z-index: 1;
       z-index: 2;
     }
     }


Line 21: Line 40:
       font-size: 28px;
       font-size: 28px;
       margin-bottom: 16px;
       margin-bottom: 16px;
       color: #000000;
       color: #000;
      border-bottom: 1px solid #ccc;
      padding-bottom: 8px;
     }
     }


     .homepage-container p {
     .homepage-container p {
       font-size: 16px;
       font-size: 16px;
       color: #333333;
       color: #333;
       margin-bottom: 40px;
       margin-bottom: 32px;
     }
     }


Line 35: Line 56:
       justify-content: center;
       justify-content: center;
       flex-wrap: wrap;
       flex-wrap: wrap;
      margin-bottom: 40px;
     }
     }


Line 54: Line 74:
     .footer {
     .footer {
       font-size: 12px;
       font-size: 12px;
       color: #888;
       color: #999;
      text-align: center;
       margin-top: 60px;
       margin-top: 40px;
     }
     }
    /* DNA 动画 */
    @keyframes floatDNA {
      0% { transform: translateY(0); opacity: 0.4; }
      50% { transform: translateY(-20px); opacity: 0.2; }
      100% { transform: translateY(0); opacity: 0.4; }
    }
    .floating-dna {
      font-size: 28px;
      position: absolute;
      animation: floatDNA 6s ease-in-out infinite;
      pointer-events: none;
      z-index: 0;
      opacity: 0.3;
    }
    .dna1 { top: 20%; left: 10%; animation-delay: 0s; }
    .dna2 { top: 40%; left: 85%; animation-delay: 1.5s; }
    .dna3 { top: 75%; left: 50%; animation-delay: 3s; }
   </style>
   </style>


Line 85: Line 84:
   <div class="floating-dna dna3">🧬</div>
   <div class="floating-dna dna3">🧬</div>


   <!-- Main Welcome Content -->
   <!-- Main content -->
   <div class="homepage-wrapper">
   <div class="homepage-container">
     <div class="homepage-container">
     <h1>Welcome to the Lab of Synthetic BioPharmaceutics</h1>
      <h1>Welcome to the Lab of Synthetic BioPharmaceutics</h1>
    <p>Please log in to access Labwiki content.</p>
      <p>Please log in to access Labwiki content.</p>
    <div class="button-group">
 
      <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" class="login-btn">Log in</a>
      <div class="button-group">
      <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
        <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" class="login-btn">Log in</a>
    </div>
        <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
    <div class="footer">
      </div>
      © 2025 Yangwa Lab · <a href="https://beian.miit.gov.cn" target="_blank" style="color: #999; text-decoration: none;">蜀ICP备2025131392号</a>
 
      <div class="footer">
        © 2025 Yangwa Lab · <a href="https://beian.miit.gov.cn" target="_blank" style="color:#666; text-decoration:none;">蜀ICP备2025131392号</a>
      </div>
     </div>
     </div>
   </div>
   </div>
</html>
</html>
|
|
<!-- 👤 登录后视图 -->
<!-- 👤 登录后视图 -->

Revision as of 02:08, 14 April 2025


🧬
🧬
🧬

Welcome to the Lab of Synthetic BioPharmaceutics

Please log in to access Labwiki content.