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 动画 + 登录按钮 -->
<!-- 🌐 未登录用户首页 -->
<html>
<html>
   <style>
   <style>
     @keyframes floatDNA {
     /* 背景统一为白色 */
      0%  { transform: translateY(0); }
    body.skin-vector-2022.page-Main_Page,
      50%  { transform: translateY(-20px); }
    body.skin-vector-2022.page-Main_Page .mw-body,
      100% { transform: translateY(0); }
    body.skin-vector-2022.page-Main_Page .vector-body,
     }
     body.skin-vector-2022.page-Main_Page .vector-page,
 
     body.skin-vector-2022.page-Main_Page #content,
     .floating-dna {
    body.skin-vector-2022.page-Main_Page .mw-content-container {
      font-size: 28px;
       background-color: #ffffff !important;
      position: absolute;
       color: #000000 !important;
      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%; }
     .homepage-wrapper {
    .dna3 { top: 70%; left: 50%; }
 
     .homepage-container {
       display: flex;
       display: flex;
       flex-direction: column;
       flex-direction: column;
      justify-content: center;
       align-items: center;
       align-items: center;
      justify-content: center;
       height: 90vh;
       height: 90vh;
      font-family: 'Segoe UI', sans-serif;
       text-align: center;
       text-align: center;
      font-family: 'Segoe UI', sans-serif;
       padding: 20px;
       padding: 20px;
       position: relative;
       position: relative;
      z-index: 2;
     }
     }


     .homepage-container h1 {
     .homepage-wrapper h1 {
       font-size: 28px;
       font-size: 28px;
      font-weight: bold;
       margin-bottom: 16px;
       margin-bottom: 16px;
      color: #000;
      border-bottom: 1px solid #ccc;
      padding-bottom: 8px;
     }
     }


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


     .button-group {
    /* 链接按钮（无按钮样式，仅文字） */
       display: flex;
     .homepage-links a {
       gap: 20px;
       font-size: 16px;
       justify-content: center;
       color: #007BFF;
       flex-wrap: wrap;
       text-decoration: none;
       margin: 0 16px;
    }
 
    .homepage-links a:hover {
      text-decoration: underline;
     }
     }


     .login-btn, .intro-btn {
     /* DNA 图标动画 */
       background-color: #333;
    @keyframes floatDNA {
      color: white;
       0%  { transform: translateY(0px); opacity: 0.5; }
       padding: 12px 24px;
       50%  { transform: translateY(-20px); opacity: 0.2; }
      border-radius: 8px;
       100% { transform: translateY(0px); opacity: 0.5; }
      text-decoration: none;
       font-size: 16px;
      transition: all 0.3s ease;
     }
     }


     .login-btn:hover, .intro-btn:hover {
     .floating-dna {
       background-color: #555;
      position: absolute;
      font-size: 28px;
      animation: floatDNA 6s ease-in-out infinite;
      pointer-events: none;
       z-index: 0;
     }
     }


    .dna1 { top: 15%; left: 12%; animation-delay: 0s; }
    .dna2 { top: 35%; left: 82%; animation-delay: 1.5s; }
    .dna3 { top: 75%; left: 50%; animation-delay: 3s; }
    /* 页脚固定到底部 */
     .footer {
     .footer {
      position: fixed;
      bottom: 12px;
      width: 100%;
      text-align: center;
       font-size: 12px;
       font-size: 12px;
       color: #999;
       color: #888;
       margin-top: 60px;
    }
 
    .footer a {
      color: #888;
       text-decoration: none;
    }
 
    /* 移除左侧栏 */
    body.skin-vector-2022.page-Main_Page #mw-panel,
    body.skin-vector-2022.page-Main_Page #mw-sidebar {
      display: none !important;
     }
     }
   </style>
   </style>


   <!-- DNA Icons -->
   <!-- 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>


   <!-- Main content -->
   <!-- 页面主体内容 -->
   <div class="homepage-container">
   <div class="homepage-wrapper">
     <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">
     <div class="homepage-links">
       <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">Log in</a>
       <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
       <a href="/index.php?title=Project:GroupIntro">Group Introduction</a>
    </div>
    <div class="footer">
      © 2025 Yangwa Lab · <a href="https://beian.miit.gov.cn" target="_blank" style="color: #999; text-decoration: none;">蜀ICP备2025131392号</a>
     </div>
     </div>
  </div>
  <!-- 固定页脚备案 -->
  <div class="footer">
    © 2025 Yangwa Lab · <a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备2025131392号</a>
   </div>
   </div>
</html>
</html>
|
|
<!-- 👤 登录后视图 -->
<!-- 👤 登录后视图 -->

Revision as of 02:25, 14 April 2025


🧬
🧬
🧬

Welcome to the Lab of Synthetic BioPharmaceutics

Please log in to access Labwiki content.

Log in Group Introduction
© 2025 Yangwa Lab · 蜀ICP备2025131392号

Retrieved from "http://yangwalab.com/index.php?title=Main_Page&oldid=150"