Group Introduction: Difference between revisions

From yangwa
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
__NOTOC__
<div style="max-width: 960px; margin: 0 auto; padding: 40px 20px; font-family: 'Segoe UI', sans-serif;">
__NOEDITSECTION__


<style>
  <!-- 标题 -->
/* 隐藏顶部界面元素 */
  <h1 style="text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 10px;">
#p-views, .mw-indicators, .vector-page-toolbar-container,
    SynBio Pharmaceutical Lab
#p-cactions, .vector-menu-dropdown, .vector-page-titlebar,
  </h1>
#firstHeading, .vector-header-start {
  <p style="text-align: center; font-size: 16px; color: #666; margin-bottom: 40px;">
   display: none !important;
    We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology.
}
   </p>


body.skin-vector-2022 .mw-body {
  <!-- 实验室简介 -->
   max-width: 1080px;
   <p style="text-align: center; font-size: 17px; color: #333; line-height: 1.6; max-width: 800px; margin: 0 auto 60px auto;">
  margin: 0 auto;
    合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。
  padding: 60px 24px;
   </p>
  font-family: 'Segoe UI', sans-serif;
   background-color: #ffffff;
}


/* 样式 */
  <!-- 成员 -->
h1 {
   <h2 style="text-align: center; font-size: 24px; margin-top: 60px;">Lab Members</h2>
   font-size: 36px;
   <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 30px;">
   text-align: center;
    <div style="text-align: center; width: 160px;">
  font-weight: bold;
      <img src="/images/wangyang.jpg" alt="王蛘" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
  margin-bottom: 12px;
      <div style="font-weight: bold; margin-top: 10px;">王蛘</div>
}
      <div style="font-size: 14px; color: #666">PI / Professor</div>
p.subtitle {
    </div>
  text-align: center;
    <div style="text-align: center; width: 160px;">
  font-size: 16px;
      <img src="/images/xieguangneng.jpg" alt="谢广能" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
  color: #666;
      <div style="font-weight: bold; margin-top: 10px;">谢广能</div>
  margin-bottom: 40px;
      <div style="font-size: 14px; color: #666">Graduate Student</div>
}
    </div>
.lab-description {
    <div style="text-align: center; width: 160px;">
  text-align: center;
      <img src="/images/xuanran.jpg" alt="徐安然" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
  font-size: 17px;
      <div style="font-weight: bold; margin-top: 10px;">徐安然</div>
  color: #333;
      <div style="font-size: 14px; color: #666">Graduate Student</div>
  max-width: 820px;
    </div>
  margin: 0 auto 60px auto;
  </div>
  line-height: 1.6;
}


/* 成员 */
   <!-- 团队合照 -->
.member-grid {
   <h2 style="text-align: center; font-size: 24px; margin-top: 80px;">Team Photo</h2>
  display: flex;
   <div style="text-align: center; margin-top: 20px;">
   justify-content: center;
    <img src="/images/team-photo.jpg" alt="Group Photo" style="max-width: 100%; border-radius: 12px;">
  flex-wrap: wrap;
   </div>
  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 {
   <h2 style="text-align: center; font-size: 24px; margin-top: 80px;">Contact</h2>
   display: flex;
   <div style="text-align: center; font-size: 15px; margin-top: 10px; color: #444;">
   justify-content: center;
    Address: [Your Lab Address Here]<br>
  gap: 32px;
    Email: [youremail@example.com]<br>
  margin-top: 20px;
    Tel: +[Your Phone Number]
}
   </div>
.collaborators img {
  height: 60px;
  opacity: 0.9;
  transition: transform 0.2s ease;
}
.collaborators img:hover {
   transform: scale(1.05);
}


/* 发表文章 */
  <!-- 合作单位 -->
.publications {
   <h2 style="text-align: center; font-size: 24px; margin-top: 80px;">Collaborators</h2>
   width: 100%;
   <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 20px;">
  font-size: 15px;
    <img src="/images/institute1-logo.png" alt="Institute 1" style="height: 60px;">
  color: #333;
    <img src="/images/institute2-logo.png" alt="Institute 2" style="height: 60px;">
   line-height: 1.8;
   </div>
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 60px;
}
</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 class="lab-description">
   合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。
</div>


<!-- 👥 实验室成员 -->
  <!-- 文章 -->
<div class="member-grid">
  <h2 style="text-align: center; font-size: 26px; margin-top: 80px;">Publications</h2>
   <div class="member-card">
   <div style="font-size: 15px; color: #333; line-height: 1.8; text-align: left; padding-left: 20px;">
     <img src="/images/wangyang.jpg" alt="王蛘">
     <ol>
    <div class="name">王蛘</div>
      <li>
    <div class="role">PI / Professor</div>
        <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>
  <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>
<!-- 📸 团队合照 -->
<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>
</div>
 
</html>
<!-- 🤝 合作机构 -->
<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</h

Revision as of 21:50, 19 April 2025

SynBio Pharmaceutical Lab

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

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

Lab Members

王蛘
王蛘
PI / Professor
谢广能
谢广能
Graduate Student
徐安然
徐安然
Graduate Student

Team Photo

Group Photo

Contact

Address: [Your Lab Address Here]
Email: [youremail@example.com]
Tel: +[Your Phone Number]

Collaborators

Institute 1 Institute 2

Publications

  1. Wang Yang, Igor Baars, ... A DNA robotic switch ... Nature Nanotech, 19:1366–74 (2024)
  2. Ioanna Smyrlaki, ... Jag1 DNA origami activates Notch Nat Commun, 15:465 (2024)
  3. ... Wireframe DNA Square Lattice Edges ACS Nano, 17:6565 (2023)

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