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 {
     body {
       background-color: #0a0a0a !important;
       background-color: #0d0d0d;
       color: #ffffff;
       color: #ffffff;
      font-family: 'Segoe UI', sans-serif;
     }
     }


     /* 顶栏默认隐藏，鼠标悬停再显示 */
     /* 📦 顶部栏默认隐藏，鼠标悬停再显示 */
     body.page-Main_Page #mw-head-base,
     body.page-Main_Page #mw-head-base,
     body.page-Main_Page #p-personal,
     body.page-Main_Page #p-personal,
Line 32: Line 32:
     }
     }


     /* 🧬 DNA 动画 */
     /* 🔬 浮动 DNA 动画 */
     @keyframes floatDNA {
     @keyframes floatDNA {
       0%   { transform: translateY(0px); opacity: 0.5; }
       0% { transform: translateY(0); opacity: 0.5; }
       50% { transform: translateY(-20px); opacity: 0.2; }
       50% { transform: translateY(-20px); opacity: 0.2; }
       100% { transform: translateY(0px); opacity: 0.5; }
       100% { transform: translateY(0); opacity: 0.5; }
     }
     }


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


Line 52: Line 52:
     .dna3 { top: 60%; left: 50%; animation-delay: 3s; }
     .dna3 { top: 60%; left: 50%; animation-delay: 3s; }


     /* 按钮 hover 效果 */
     /* 🔘 按钮样式（透明边框） */
     .login-btn:hover,
    .login-btn, .intro-btn {
    .intro-btn:hover {
      background: none;
       background-color: #555 !important;
      color: white;
      border: 2px solid white;
      padding: 12px 32px;
      border-radius: 8px;
      text-decoration: none;
      font-size: 16px;
      transition: all 0.3s ease;
    }
 
     .login-btn:hover, .intro-btn:hover {
       background-color: rgba(255, 255, 255, 0.15);
       transform: scale(1.05);
       transform: scale(1.05);
     }
     }


     /* 隐藏 wiki logo */
     /* 🧼 隐藏 logo */
     #p-logo {
     #p-logo, .mw-logo-wordmark, .firstHeading {
       display: none !important;
       display: none !important;
    }
    /* 🔒 页脚备案字体调浅 */
    .footer {
      color: #aaa;
     }
     }
   </style>
   </style>
Line 71: Line 86:


   <!-- 🎯 欢迎内容 -->
   <!-- 🎯 欢迎内容 -->
   <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; height:90vh; font-family:'Segoe UI',sans-serif; text-align:center; padding: 20px; position:relative; z-index:2;">
   <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; height:90vh; text-align:center; padding: 20px; position:relative; z-index:2;">


     <h1 style="font-size: 32px; margin-bottom: 16px; color: #ffffff;">
     <h1 style="font-size: 32px; margin-bottom: 16px; color: white;">
       Welcome to the Lab of Synthetic Biopharmaceutics
       Welcome to the Lab of Synthetic Biopharmaceutics
     </h1>
     </h1>


     <p style="font-size: 16px; color: #bbbbbb; margin-bottom: 40px;">
     <p style="font-size: 16px; color: #ccc; margin-bottom: 40px;">
       Please log in to access Labwiki content.
       Please log in to access Labwiki content.
     </p>
     </p>


     <!-- 🔘 按钮区 -->
     <!-- 🔘 按钮组 -->
     <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
     <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"  
       <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
        class="login-btn"
        style="padding: 12px 32px; background-color:#222; color:white; border-radius:8px; text-decoration:none; font-size:16px; transition: all 0.3s ease;">
        Log in
      </a>
 
       <a href="/index.php?title=Project:GroupIntro"  
        class="intro-btn"
        style="padding: 12px 32px; background-color:#222; color:white; border-radius:8px; text-decoration:none; font-size:16px; transition: all 0.3s ease;">
        Group Introduction
      </a>
 
     </div>
     </div>


     <div style="margin-top: 60px; font-size: 12px; color: #888888;">
     <div style="margin-top: 60px; font-size: 12px; color: #888;">
       © 2025 Yangwa Lab · <a href="https://beian.miit.gov.cn" target="_blank" style="color: #888888; text-decoration: none;">蜀ICP备2025131392号</a>
       © 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>
</html>
</html>


|
|
<!-- 登录后视图 -->
<!-- 👤 登录后内容 -->
== Welcome ==
== Welcome ==
You are now logged in. This is the main page content visible only to authenticated users.
You are now logged in. This is the main page content visible only to authenticated users.
}}
}}

Revision as of 02:27, 12 April 2025


🧬
🧬
🧬

Welcome to the Lab of Synthetic Biopharmaceutics

Please log in to access Labwiki content.

© 2025 Yangwa Lab · 蜀ICP备2025131392号

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