Group Introduction: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
<style> | <style> | ||
/* | /* 隐藏顶部标签、操作、Tools */ | ||
#p-views, .mw-indicators, .vector-page-toolbar-container { | #p-views, .mw-indicators, .vector-page-toolbar-container, | ||
#p-cactions, .vector-menu-dropdown, .vector-page-titlebar, | |||
#firstHeading, .vector-header-start { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* | /* 页面宽度 & 字体统一 */ | ||
#p- | body.skin-vector-2022 .mw-body { | ||
display: | 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; | |||
} | |||
/* 合作单位 logo */ | |||
.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> | </style> | ||
<!-- 🧬 实验室介绍 --> | |||
<h1>SynBio Pharmaceutical Lab</h1> | |||
<p class="subtitle">We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology.</p> | |||
<div | <div class="lab-description"> | ||
合成生物药物实验室专注于可编程治疗策略的构建,融合 DNA/RNA origami、基因电路与药物递送系统,推动精准药物与未来药剂学的发展。 | |||
</div> | |||
<!-- 👥 成员卡片 --> | |||
<div class="member-grid"> | |||
<div | <div class="member-card"> | ||
<img src="/images/wangyang.jpg" alt="Wang Yang"> | |||
<div class="name">王蛘</div> | |||
<div class="role">PI / Professor</div> | |||
</div> | |||
<div class="member-card"> | |||
<img src="/images/xieguangneng.jpg" alt="谢广能"> | |||
<div class="name">谢广能</div> | |||
<div class="role">Graduate Student</div> | |||
</div> | |||
<div class="member-card"> | |||
<img src="/images/xuanran.jpg" alt="徐安然"> | |||
<div class="name">徐安然</div> | |||
<div class="role">Graduate Student</div> | |||
</div> | </div> | ||
</div> | |||
<!-- 📸 团队合照 --> | |||
<h2 style="text-align: center; font-size: 24px;">Team Photo</h2> | |||
<div style="text-align: center; margin-top: 20px;"> | |||
<img src="/images/team-photo.jpg" alt="Group Photo" style="max-width: 100%; border-radius: 12px;"> | |||
</div> | |||
<!-- 📞 联系方式 --> | |||
<h2 style="text-align: center; font-size: 24px; margin-top: 80px;">Contact</h2> | |||
<div style="text-align: center; font-size: 15px; margin-top: 10px; color: #444;"> | |||
Address: [Your Lab Address Here]<br> | |||
Email: [youremail@example.com]<br> | |||
Tel: +[Your Phone Number] | |||
</div> | |||
<!-- 🤝 合作机构 --> | |||
<h2 style="text-align: center; font-size: 24px; margin-top: 80px;">Collaborators</h2> | |||
<div class="collaborators"> | |||
<img src="/images/institute1-logo.png" alt="Institute 1"> | |||
<img src="/images/institute2-logo.png" alt="Institute 2"> | |||
</div> | |||
<!-- 📚 发表文章 --> | |||
<h2 style="text-align: center; font-size: 26px; margin-top: 80px;">Publications</h2> | |||
<div class="publications"> | |||
<ol> | |||
<li><span style="text-decoration: underline;">Wang Yang</span>, Igor Baars, ... <strong>A DNA robotic switch ...</strong>. <em style="color: #007BFF;">Nature Nanotech</em>, 19:1366–74 (2024)</li> | |||
<li>Ioanna Smyrlaki, ... <strong>Jag1 DNA origami activates Notch</strong>. <em style="color: #007BFF;">Nat Commun</em>, 15:465 (2024)</li> | |||
<li>... <strong>Wireframe DNA Square Lattice Edges</strong>. <em style="color: #007BFF;">ACS Nano</em>, 17:6565 (2023)</li> | |||
<!-- 可继续添加 --> | |||
</ol> | |||
</div> | </div> |
Revision as of 21:43, 19 April 2025
<style> /* 隐藏顶部标签、操作、Tools */
- 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;
}
/* 合作单位 logo */ .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="Wang Yang">
王蛘
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">
Publications
- Wang Yang, Igor Baars, ... A DNA robotic switch .... Nature Nanotech, 19:1366–74 (2024)
- Ioanna Smyrlaki, ... Jag1 DNA origami activates Notch. Nat Commun, 15:465 (2024)
- ... Wireframe DNA Square Lattice Edges. ACS Nano, 17:6565 (2023)