Main Page: Difference between revisions

From yangwa
No edit summary
No edit summary
 
(34 intermediate revisions by 5 users not shown)
Line 2: Line 2:


{{#if:{{#ifeq:{{USERID}}|0|0|1}}|
{{#if:{{#ifeq:{{USERID}}|0|0|1}}|
<!-- 未登录用户首页视图 -->
<html>
<html>
   <style>
   <style>
     body {
     /* === 页面通用样式 === */
       background-color: #0d0d0d !important;
    html, body,
       color: #ffffff !important;
    .mw-page-container,
       font-family: 'Segoe UI', sans-serif !important;
    .mw-page-container-inner,
    .vector-body,
    .vector-page,
    .mw-content-container,
    .mw-body,
    #content,
    .vector-header {
       background-color: #ffffff !important;
       color: #000000 !important;
       margin: 0;
      padding: 0;
      box-shadow: none !important;
     }
     }


     /* 隐藏默认顶部/边栏（悬浮可见） */
     /* 🧹 移除顶部和边栏元素 */
     body.page-Main_Page #mw-head-base,
     body.skin-vector-2022.page-Main_Page #mw-panel,
     body.page-Main_Page #p-personal,
     body.skin-vector-2022.page-Main_Page #mw-sidebar,
     body.page-Main_Page #mw-panel,
     body.page-Main_Page .vector-header-container,
     body.page-Main_Page #mw-page-base,
     body.page-Main_Page .vector-page-toolbar-container,
     body.page-Main_Page #mw-head {
    body.page-Main_Page .firstHeading,
      opacity: 0;
     body.page-Main_Page #p-logo,
      pointer-events: none;
    body.page-Main_Page .mw-indicators,
       transition: opacity 0.4s ease;
    .printfooter,
    .mw-footer,
    #toc {
       display: none !important;
     }
     }


     body.page-Main_Page:hover #mw-head-base,
     /* 🎯 居中内容区域 */
    body.page-Main_Page:hover #p-personal,
    .homepage-wrapper {
    body.page-Main_Page:hover #mw-panel,
      position: fixed;
    body.page-Main_Page:hover #mw-page-base,
      top: 50%;
    body.page-Main_Page:hover #mw-head {
      left: 50%;
       opacity: 1;
      transform: translate(-50%, -50%);
       pointer-events: auto;
      text-align: center;
      font-family: 'Segoe UI', sans-serif;
       z-index: 20;
       max-width: 960px;
     }
     }


     @keyframes floatDNA {
     .homepage-wrapper h1 {
       0% { transform: translateY(0); opacity: 0.5; }
       font-size: 32px;
       50% { transform: translateY(-20px); opacity: 0.2; }
       font-weight: bold;
       100% { transform: translateY(0); opacity: 0.5; }
       margin-bottom: 16px;
     }
     }


     .floating-dna {
     .homepage-wrapper p {
       font-size: 28px;
       font-size: 16px;
       color: #bbb !important;
       margin-bottom: 20px;
      position: absolute;
      animation: floatDNA 6s ease-in-out infinite;
      pointer-events: none;
      z-index: 0;
     }
     }


     .dna1 { top: 15%; left: 12%; animation-delay: 0s; }
     .homepage-links a {
    .dna2 { top: 35%; left: 78%; animation-delay: 1.5s; }
      font-size: 16px;
     .dna3 { top: 60%; left: 50%; animation-delay: 3s; }
      color: #007BFF !important;
      text-decoration: none;
      margin: 0 16px;
     }


     .login-btn, .intro-btn {
     .homepage-links a:hover {
      background: none !important;
       text-decoration: underline;
      color: white !important;
      border: 2px solid white !important;
      padding: 12px 32px !important;
      border-radius: 8px;
       text-decoration: none;
      font-size: 16px;
      transition: all 0.3s ease;
      display: inline-block;
     }
     }


     .login-btn:hover, .intro-btn:hover {
     /* 🧬 DNA 图标动画，全屏漂浮 */
       background-color: rgba(255, 255, 255, 0.15) !important;
    @keyframes floatDNA {
       transform: scale(1.05);
      0%  { transform: translateY(0px); opacity: 0.5; }
       50%  { transform: translateY(-40px); opacity: 0.2; }
       100% { transform: translateY(0px); opacity: 0.5; }
     }
     }


     h1, p {
     .floating-dna {
       color: white !important;
      position: fixed;
      font-size: 28px;
      pointer-events: none;
      z-index: 5;
      animation: floatDNA 6s ease-in-out infinite;
       color: #aaa;
      mix-blend-mode: multiply;
     }
     }


     #p-logo, .mw-logo-wordmark, .firstHeading {
     .dna1 { top: 20%; left: 12%; animation-delay: 0s; }
       display: none !important;
    .dna2 { top: 50%; left: 80%; animation-delay: 2s; }
    .dna3 { top: 75%; left: 45%; animation-delay: 4s; }
    .dna4 { top: 35%; left: 60%; animation-delay: 1s; }
    .dna5 { top: 60%; left: 25%; animation-delay: 3s; }
 
    /* 📌 页脚信息固定底部 */
    .custom-footer {
       position: fixed;
      bottom: 8px;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 12px;
      color: #888;
      z-index: 15;
      background: #fff;
      padding-bottom: 8px;
     }
     }


     .footer {
     .custom-footer a {
       color: #aaa !important;
       color: #888;
      text-decoration: none;
     }
     }
   </style>
   </style>


  <!-- 🧬 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>
  <div class="floating-dna dna4">🧬</div>
  <div class="floating-dna dna5">🧬</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;">
  <div class="homepage-wrapper">
       Welcome to the Lab of Synthetic Biopharmaceutics
     <h1>Welcome to SynBio Pharmaceutical Lab</h1>
     </h1>
    <p style="font-size: 18px; color: #333; margin-bottom: 24px;">
 
       We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology.
     <p style="font-size: 16px; color: #ccc; margin-bottom: 40px;">
     </p>
       Please log in to access Labwiki content.
     <p style="font-size: 15px; color: #555;">
       合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。
     </p>
     </p>
    <div class="homepage-links">
      <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" >Log in 成员登录</a>


    <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
       <a href="/index.php?title=Group_Introduction" >Group Introduction 实验室介绍</a>
       <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>
  </div>


     <div style="margin-top: 60px; font-size: 12px; color: #888;">
  <!-- 📌 固定页脚信息 -->
      © 2025 Yangwa Lab ·
  <div class="custom-footer">
       <a href="https://beian.miit.gov.cn" target="_blank" style="color: #999; text-decoration: none;">蜀ICP备2025131392号</a>
     <div style="margin-bottom: 4px;">
       <a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备2025131392号</a>
    </div>
    <div style="margin-bottom: 4px;">
      This page was last edited on 14 April 2025, at 02:35.
    </div>
    <div>
      <a href="/index.php?title=Privacy_policy">Privacy policy</a>
      &nbsp; <a href="/index.php?title=About_yangwa">About yangwa</a>
      &nbsp; <a href="/index.php?title=Disclaimers">Disclaimers</a>
      &nbsp; Powered by MediaWiki
     </div>
     </div>
   </div>
   </div>
Line 105: Line 154:


|
|
== Welcome ==
<!-- 登录后视图 -->
You are now logged in. This is the main page content visible only to authenticated users.
<html>
  <style>
    .mw-content-container, .mw-body, #content, .firstHeading, #toc {
      display: none !important;
    }
  </style>
</html>
}}
}}

Latest revision as of 13:15, 30 April 2025


🧬
🧬
🧬
🧬
🧬

Welcome to SynBio Pharmaceutical Lab

We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology.

合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。

Log in 成员登录 Group Introduction 实验室介绍
This page was last edited on 14 April 2025, at 02:35.
Privacy policy   About yangwa   Disclaimers   Powered by MediaWiki

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