|
|
| Line 2: |
Line 2: |
|
| |
|
| {{#if:{{#ifeq:{{USERID}}|0|0|1}}| | | {{#if:{{#ifeq:{{USERID}}|0|0|1}}| |
| <!-- 🌑 未登录视图：极简暗黑风 + 动画 DNA + 按钮 -->
| |
| <html>
| |
| <style>
| |
| /* 🌌 极暗背景 + 白字 */
| |
| body {
| |
| background-color: #0d0d0d;
| |
| color: #ffffff;
| |
| font-family: 'Segoe UI', sans-serif;
| |
| }
| |
|
| |
|
| /* 📦 顶部栏默认隐藏，鼠标悬停再显示 */
| | <!-- 未登录视图：欢迎区结构 --> |
| body.page-Main_Page #mw-head-base,
| | <div class="dna1">🧬</div> |
| body.page-Main_Page #p-personal,
| | <div class="dna2">🧬</div> |
| body.page-Main_Page #mw-panel,
| | <div class="dna3">🧬</div> |
| body.page-Main_Page #mw-page-base,
| |
| body.page-Main_Page #mw-head {
| |
| opacity: 0;
| |
| pointer-events: none;
| |
| transition: opacity 0.4s ease;
| |
| }
| |
|
| |
|
| body.page-Main_Page:hover #mw-head-base,
| | <div class="welcome-container"> |
| body.page-Main_Page:hover #p-personal,
| |
| body.page-Main_Page:hover #mw-panel,
| |
| body.page-Main_Page:hover #mw-page-base,
| |
| body.page-Main_Page:hover #mw-head {
| |
| opacity: 1;
| |
| pointer-events: auto;
| |
| }
| |
|
| |
|
| /* 🔬 浮动 DNA 动画 */
| | <h1>Welcome to the Lab of Synthetic Biopharmaceutics</h1> |
| @keyframes floatDNA {
| |
| 0% { transform: translateY(0); opacity: 0.5; }
| |
| 50% { transform: translateY(-20px); opacity: 0.2; }
| |
| 100% { transform: translateY(0); opacity: 0.5; }
| |
| }
| |
|
| |
|
| .floating-dna {
| | <p>Please log in to access Labwiki content.</p> |
| font-size: 28px;
| |
| color: #bbb;
| |
| position: absolute;
| |
| animation: floatDNA 6s ease-in-out infinite;
| |
| pointer-events: none;
| |
| z-index: 0;
| |
| }
| |
|
| |
|
| .dna1 { top: 15%; left: 12%; animation-delay: 0s; }
| | <div class="button-group"> |
| .dna2 { top: 35%; left: 78%; animation-delay: 1.5s; } | | <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" class="login-btn">Log in</a> |
| .dna3 { top: 60%; left: 50%; animation-delay: 3s; } | | <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a> |
| | </div> |
|
| |
|
| /* 🔘 按钮样式（透明边框） */
| | <div class="footer"> |
| .login-btn, .intro-btn {
| | © 2025 Yangwa Lab · <a href=" https:// beian. miit.gov.cn" target=" _blank"> 蜀ICP备2025131392号</a> |
| background: none;
| | </div> |
| 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);
| |
| }
| |
| | |
| /* 🧼 隐藏 logo */
| |
| #p-logo, .mw-logo-wordmark, .firstHeading {
| |
| display: none !important;
| |
| }
| |
| | |
| /* 🔒 页脚备案字体调浅 */
| |
| .footer {
| |
| color: #aaa;
| |
| }
| |
| </style>
| |
| | |
| <!-- 🧬 DNA Icons -->
| |
| <div class="floating-dna dna1">🧬</div> | |
| <div class="floating-dna dna2">🧬</div>
| |
| <div class="floating-dna dna3">🧬</div>
| |
| | |
| <!-- 🎯 欢迎内容 -->
| |
| <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: white;"> | |
| Welcome to the Lab of Synthetic Biopharmaceutics
| |
| </h1>
| |
| | |
| <p style="font-size: 16px; color: #ccc; 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=Project:GroupIntro" class="intro-btn">Group Introduction</a>
| |
| </div>
| |
|
| |
|
| <div style="margin-top: 60px; font-size: 12px; color: #888;">
| | </div> |
| © 2025 Yangwa Lab ·
| |
| <a href="https://beian.miit.gov.cn" target="_blank" style="color: #999; text-decoration: none;">蜀ICP备2025131392号</a>
| |
| </div>
| |
| | |
| </div>
| |
| </html>
| |
|
| |
|
| | | | | |
