Main Page: Difference between revisions
No edit summary |
No edit summary |
||
(17 intermediate revisions by 5 users not shown) | |||
Line 5: | Line 5: | ||
<html> | <html> | ||
<style> | <style> | ||
/* === | /* === 页面通用样式 === */ | ||
html, body, | html, body, | ||
.mw-page-container, | .mw-page-container, | ||
Line 13: | Line 13: | ||
.mw-content-container, | .mw-content-container, | ||
.mw-body, | .mw-body, | ||
#content { | #content, | ||
.vector-header { | |||
background-color: #ffffff !important; | background-color: #ffffff !important; | ||
color: #000000 !important; | color: #000000 !important; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
box-shadow: none !important; | |||
} | } | ||
/* 🧹 | /* 🧹 移除顶部和边栏元素 */ | ||
body.skin-vector-2022.page-Main_Page #mw-panel, | body.skin-vector-2022.page-Main_Page #mw-panel, | ||
body.skin-vector-2022.page-Main_Page #mw-sidebar { | body.skin-vector-2022.page-Main_Page #mw-sidebar, | ||
body.page-Main_Page .vector-header-container, | |||
body.page-Main_Page .vector-page-toolbar-container, | |||
body.page-Main_Page .firstHeading, | |||
body.page-Main_Page #p-logo, | |||
body.page-Main_Page .mw-indicators, | |||
.printfooter, | |||
.mw-footer, | |||
#toc { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* 🎯 | /* 🎯 居中内容区域 */ | ||
.homepage-wrapper { | .homepage-wrapper { | ||
position: fixed; | position: fixed; | ||
Line 35: | Line 44: | ||
text-align: center; | text-align: center; | ||
font-family: 'Segoe UI', sans-serif; | font-family: 'Segoe UI', sans-serif; | ||
z-index: | z-index: 20; | ||
max-width: 960px; | |||
} | } | ||
.homepage-wrapper h1 { | .homepage-wrapper h1 { | ||
font-size: | font-size: 32px; | ||
font-weight: bold; | font-weight: bold; | ||
margin-bottom: 16px; | margin-bottom: 16px; | ||
Line 51: | Line 61: | ||
.homepage-links a { | .homepage-links a { | ||
font-size: 16px; | font-size: 16px; | ||
color: #007BFF; | color: #007BFF !important; | ||
text-decoration: none; | text-decoration: none; | ||
margin: 0 16px; | margin: 0 16px; | ||
Line 60: | Line 70: | ||
} | } | ||
/* 🧬 DNA | /* 🧬 DNA 图标动画,全屏漂浮 */ | ||
@keyframes floatDNA { | @keyframes floatDNA { | ||
0% { transform: translateY(0px); opacity: 0.5; } | 0% { transform: translateY(0px); opacity: 0.5; } | ||
50% { transform: translateY(- | 50% { transform: translateY(-40px); opacity: 0.2; } | ||
100% { transform: translateY(0px); opacity: 0.5; } | 100% { transform: translateY(0px); opacity: 0.5; } | ||
} | } | ||
.floating-dna { | .floating-dna { | ||
position: | position: fixed; | ||
font-size: 28px; | font-size: 28px; | ||
pointer-events: none; | |||
z-index: 5; | |||
animation: floatDNA 6s ease-in-out infinite; | animation: floatDNA 6s ease-in-out infinite; | ||
color: #aaa; | |||
mix-blend-mode: multiply; | |||
} | } | ||
.dna1 { top: | .dna1 { top: 20%; left: 12%; animation-delay: 0s; } | ||
.dna2 { top: | .dna2 { top: 50%; left: 80%; animation-delay: 2s; } | ||
.dna3 { top: 75%; left: | .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 { | .custom-footer { | ||
position: fixed; | position: fixed; | ||
bottom: | bottom: 8px; | ||
left: 0; | left: 0; | ||
width: 100%; | width: 100%; | ||
Line 88: | Line 102: | ||
font-size: 12px; | font-size: 12px; | ||
color: #888; | color: #888; | ||
z-index: | z-index: 15; | ||
background: #fff; | |||
padding-bottom: 8px; | |||
} | } | ||
Line 101: | Line 117: | ||
<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 class="homepage-wrapper"> | <div class="homepage-wrapper"> | ||
<h1>Welcome to | <h1>Welcome to SynBio Pharmaceutical Lab</h1> | ||
<p> | <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> | |||
<p style="font-size: 15px; color: #555;"> | |||
合成生物药物实验室专注于可编程治疗策略的构建,融合 DNA/RNA origami、基因电路与药物递送系统,推动精准药物与未来药剂学的发展。 | |||
</p> | |||
<div class="homepage-links"> | <div class="homepage-links"> | ||
<a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard">Log in</a> | <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" >Log in 成员登录</a> | ||
<a href="/index.php?title= | |||
<a href="/index.php?title=Group_Introduction" >Group Introduction 实验室介绍</a> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- 📌 固定页脚信息 --> | ||
<div class="custom-footer"> | <div class="custom-footer"> | ||
<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> | |||
<a href="/index.php?title=About_yangwa">About yangwa</a> | |||
<a href="/index.php?title=Disclaimers">Disclaimers</a> | |||
Powered by MediaWiki | |||
</div> | |||
</div> | </div> | ||
</html> | </html> | ||
Line 121: | Line 155: | ||
| | | | ||
<!-- 登录后视图 --> | <!-- 登录后视图 --> | ||
<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、基因电路与药物递送系统,推动精准药物与未来药剂学的发展。