Group Introduction: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<html> | |||
__NOTOC__ | __NOTOC__ | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
<style> | <style> | ||
/* | /* 隐藏顶部界面元素 */ | ||
#p-views, .mw-indicators, .vector-page-toolbar-container, | #p-views, .mw-indicators, .vector-page-toolbar-container, | ||
#p-cactions, .vector-menu-dropdown, .vector-page-titlebar, | #p-cactions, .vector-menu-dropdown, .vector-page-titlebar, | ||
| Line 10: | Line 11: | ||
} | } | ||
body.skin-vector-2022 .mw-body { | body.skin-vector-2022 .mw-body { | ||
max-width: 1080px; | max-width: 1080px; | ||
| Line 19: | Line 19: | ||
} | } | ||
/* 样式 */ | |||
h1 { | h1 { | ||
font-size: 36px; | font-size: 36px; | ||
| Line 25: | Line 26: | ||
margin-bottom: 12px; | margin-bottom: 12px; | ||
} | } | ||
p.subtitle { | p.subtitle { | ||
text-align: center; | text-align: center; | ||
| Line 32: | Line 32: | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
} | } | ||
.lab-description { | .lab-description { | ||
text-align: center; | text-align: center; | ||
| Line 42: | Line 41: | ||
} | } | ||
/* | /* 成员 */ | ||
.member-grid { | .member-grid { | ||
display: flex; | display: flex; | ||
| Line 50: | Line 49: | ||
margin-bottom: 60px; | margin-bottom: 60px; | ||
} | } | ||
.member-card { | .member-card { | ||
width: 160px; | width: 160px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.member-card img { | .member-card img { | ||
width: 120px; | width: 120px; | ||
| Line 64: | Line 61: | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.1); | box-shadow: 0 2px 8px rgba(0,0,0,0.1); | ||
} | } | ||
.member-card .name { | .member-card .name { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.member-card .role { | .member-card .role { | ||
font-size: 14px; | font-size: 14px; | ||
| Line 74: | Line 69: | ||
} | } | ||
/* 合作单位 | /* 合作单位 */ | ||
.collaborators { | .collaborators { | ||
display: flex; | display: flex; | ||
| Line 81: | Line 76: | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
.collaborators img { | .collaborators img { | ||
height: 60px; | height: 60px; | ||
| Line 91: | Line 85: | ||
} | } | ||
/* | /* 发表文章 */ | ||
.publications { | .publications { | ||
width: 100%; | width: 100%; | ||
| Line 112: | Line 106: | ||
</div> | </div> | ||
<!-- 👥 | <!-- 👥 实验室成员 --> | ||
<div class="member-grid"> | <div class="member-grid"> | ||
<div class="member-card"> | <div class="member-card"> | ||
<img src="/images/wangyang.jpg" alt=" | <img src="/images/wangyang.jpg" alt="王蛘"> | ||
<div class="name">王蛘</div> | <div class="name">王蛘</div> | ||
<div class="role">PI / Professor</div> | <div class="role">PI / Professor</div> | ||
| Line 153: | Line 147: | ||
<!-- 📚 发表文章 --> | <!-- 📚 发表文章 --> | ||
<h2 style="text-align: center; font-size: 26px; margin-top: 80px;">Publications</ | <h2 style="text-align: center; font-size: 26px; margin-top: 80px;">Publications</h | ||
Revision as of 21:44, 19 April 2025
<html>
<style> /* 隐藏顶部界面元素 */
- p-views, .mw-indicators, .vector-page-toolbar-container,
- p-cactions, .vector-menu-dropdown, .vector-page-titlebar,
- firstHeading, .vector-header-start {
display: none !important;
}
body.skin-vector-2022 .mw-body {
max-width: 1080px; margin: 0 auto; padding: 60px 24px; font-family: 'Segoe UI', sans-serif; background-color: #ffffff;
}
/* 样式 */ h1 {
font-size: 36px; text-align: center; font-weight: bold; margin-bottom: 12px;
} p.subtitle {
text-align: center; font-size: 16px; color: #666; margin-bottom: 40px;
} .lab-description {
text-align: center; font-size: 17px; color: #333; max-width: 820px; margin: 0 auto 60px auto; line-height: 1.6;
}
/* 成员 */ .member-grid {
display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-bottom: 60px;
} .member-card {
width: 160px; text-align: center;
} .member-card img {
width: 120px; height: 120px; object-fit: cover; border-radius: 50%; margin-bottom: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);
} .member-card .name {
font-weight: bold;
} .member-card .role {
font-size: 14px; color: #555;
}
/* 合作单位 */ .collaborators {
display: flex; justify-content: center; gap: 32px; margin-top: 20px;
} .collaborators img {
height: 60px; opacity: 0.9; transition: transform 0.2s ease;
} .collaborators img:hover {
transform: scale(1.05);
}
/* 发表文章 */ .publications {
width: 100%; font-size: 15px; color: #333; line-height: 1.8; text-align: left; box-sizing: border-box; padding-left: 20px; margin-bottom: 60px;
} </style>
SynBio Pharmaceutical Lab
We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology.
合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。
<img src="/images/wangyang.jpg" alt="王蛘">
王蛘
PI / Professor
<img src="/images/xieguangneng.jpg" alt="谢广能">
谢广能
Graduate Student
<img src="/images/xuanran.jpg" alt="徐安然">
徐安然
Graduate Student
Team Photo
<img src="/images/team-photo.jpg" alt="Group Photo" style="max-width: 100%; border-radius: 12px;">
Contact
Address: [Your Lab Address Here]
Email: [youremail@example.com]
Tel: +[Your Phone Number]
Collaborators
<img src="/images/institute1-logo.png" alt="Institute 1"> <img src="/images/institute2-logo.png" alt="Institute 2">