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>
     /* === 全局纯白背景，黑字 === */
     /* 中心容器布局 */
     body.skin-vector-2022.page-Main_Page,
     .homepage-wrapper {
    body.skin-vector-2022.page-Main_Page .mw-body,
       min-height: 90vh;
    body.skin-vector-2022.page-Main_Page .mw-footer,
       display: flex;
    body.skin-vector-2022.page-Main_Page .vector-body,
       flex-direction: column;
    body.skin-vector-2022.page-Main_Page .vector-page,
       justify-content: center;
    body.skin-vector-2022.page-Main_Page #mw-content,
       align-items: center;
    body.skin-vector-2022.page-Main_Page #content {
       background-color: #ffffff !important;
       color: #000000 !important;
    }
 
    /* === 顶部导航强制纯白 & 去阴影 === */
    body.skin-vector-2022.page-Main_Page .vector-header-container,
    body.skin-vector-2022.page-Main_Page .vector-header {
      background: #ffffff !important;
       box-shadow: none !important;
       border-bottom: none !important;
    }
 
    /* === 隐藏侧边栏（未登录） === */
    body.skin-vector-2022.page-Main_Page #mw-panel,
    body.skin-vector-2022.page-Main_Page #mw-sidebar {
      display: none !important;
    }
 
    /* === 布局样式 === */
    .homepage-container {
       max-width: 1000px;
      margin: 0 auto;
      padding: 80px 20px;
       text-align: center;
       text-align: center;
       font-family: 'Segoe UI', sans-serif;
       font-family: 'Segoe UI', sans-serif;
      position: relative;
      z-index: 1;
     }
     }


     h1 {
     .homepage-container h1 {
       font-size: 32px;
       font-size: 28px;
       margin-bottom: 16px;
       margin-bottom: 16px;
       color: #000000;
       color: #000000;
     }
     }


     p {
     .homepage-container p {
       font-size: 16px;
       font-size: 16px;
       color: #000000;
       color: #333333;
       margin-bottom: 40px;
       margin-bottom: 40px;
     }
     }
Line 54: Line 32:
     .button-group {
     .button-group {
       display: flex;
       display: flex;
      gap: 20px;
       justify-content: center;
       justify-content: center;
      gap: 20px;
       flex-wrap: wrap;
       flex-wrap: wrap;
       margin-bottom: 40px;
       margin-bottom: 40px;
Line 77: Line 55:
       font-size: 12px;
       font-size: 12px;
       color: #888;
       color: #888;
       margin-top: 60px;
      text-align: center;
       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; }
     }
     }


    /* 🧬 浮动 DNA 动画 */
     .floating-dna {
     .floating-dna {
       font-size: 28px;
       font-size: 28px;
       position: absolute;
       position: absolute;
       animation: floatDNA 6s ease-in-out infinite;
       animation: floatDNA 6s ease-in-out infinite;
      pointer-events: none;
      z-index: 0;
       opacity: 0.3;
       opacity: 0.3;
      pointer-events: none;
     }
     }


     .dna1 { top: 20%; left: 10%; }
     .dna1 { top: 20%; left: 10%; animation-delay: 0s; }
     .dna2 { top: 40%; left: 85%; }
     .dna2 { top: 40%; left: 85%; animation-delay: 1.5s; }
     .dna3 { top: 70%; left: 50%; }
     .dna3 { top: 75%; left: 50%; animation-delay: 3s; }
 
    @keyframes floatDNA {
      0% { transform: translateY(0); }
      50% { transform: translateY(-20px); }
      100% { transform: translateY(0); }
    }
   </style>
   </style>


   <!-- 🧬 DNA Icons -->
   <!-- DNA Icons -->
   <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 Welcome Content -->
   <div class="homepage-container">
   <div class="homepage-wrapper">
    <h1>Welcome to the Lab of Synthetic BioPharmaceutics</h1>
    <div class="homepage-container">
    <p>Please log in to access Labwiki content.</p>
      <h1>Welcome to the Lab of Synthetic BioPharmaceutics</h1>
    <div class="button-group">
      <p>Please log in to access Labwiki content.</p>
      <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>
      <div class="button-group">
    </div>
        <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" class="login-btn">Log in</a>
    <div class="footer">
        <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
      © 2025 Yangwa Lab ·  
      </div>
      <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>

Revision as of 02:03, 14 April 2025


🧬
🧬
🧬

Welcome to the Lab of Synthetic BioPharmaceutics

Please log in to access Labwiki content.

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

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