Main Page: Difference between revisions
No edit summary |
No edit summary |
||
| (8 intermediate revisions by 3 users not shown) | |||
| Line 5: | Line 5: | ||
<html> | <html> | ||
<style> | <style> | ||
/* === 页面通用样式 === */ | |||
html, body, | html, body, | ||
.mw-page-container, | .mw-page-container, | ||
| Line 21: | Line 22: | ||
} | } | ||
/* 🧹 移除顶部和边栏元素 */ | |||
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, | ||
| Line 29: | Line 31: | ||
body.page-Main_Page .mw-indicators, | body.page-Main_Page .mw-indicators, | ||
.printfooter, | .printfooter, | ||
.mw-footer { | .mw-footer, | ||
#toc { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* 🎯 居中内容区域 */ | |||
.homepage-wrapper { | .homepage-wrapper { | ||
position: fixed; | position: fixed; | ||
| Line 42: | Line 46: | ||
z-index: 20; | z-index: 20; | ||
max-width: 960px; | max-width: 960px; | ||
} | } | ||
| Line 53: | Line 56: | ||
.homepage-wrapper p { | .homepage-wrapper p { | ||
font-size: 16px; | font-size: 16px; | ||
margin-bottom: | margin-bottom: 20px; | ||
} | } | ||
| Line 71: | Line 70: | ||
} | } | ||
/* 🧬 DNA 图标动画，全屏漂浮 */ | |||
@keyframes floatDNA { | @keyframes floatDNA { | ||
0% { transform: translateY(0px); opacity: 0.5; } | 0% { transform: translateY(0px); opacity: 0.5; } | ||
| Line 90: | Line 90: | ||
.dna2 { top: 50%; left: 80%; animation-delay: 2s; } | .dna2 { top: 50%; left: 80%; animation-delay: 2s; } | ||
.dna3 { top: 75%; left: 45%; animation-delay: 4s; } | .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; | ||
| Line 114: | 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>SynBio Pharmaceutical Lab</h1> | <h1>Welcome to SynBio Pharmaceutical Lab</h1> | ||
<p style="font-size: 18px; color: #333; margin-bottom: | <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. | We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology. | ||
</p> | </p> | ||
| Line 124: | Line 129: | ||
合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。 | 合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。 | ||
</p> | </p> | ||
<div class="homepage-links"> | |||
<a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" >Log in 成员登录</a> | |||
<a href="/index.php?title=Group_Introduction" >Group Introduction 实验室介绍</a> | |||
<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;"> | <div style="margin-bottom: 4px;"> | ||
| Line 151: | 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、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。