Group Introduction: Difference between revisions

From yangwa
No edit summary
No edit summary
Line 1: Line 1:
<html>
<div style="max-width: 960px; margin: 0 auto; padding: 40px 20px; font-family: 'Segoe UI', sans-serif;">
 
   <!-- 🧬 实验室简介 -->
   <!-- 顶部标题 -->
   <h1 style="text-align: center; font-size: 32px; font-weight: bold;">SynBio Pharmaceutical Lab</h1>
   <h1 style="text-align: center; font-size: 36px; margin-top: 20px; margin-bottom: 10px; color: #000;">
  <p style="text-align: center; font-size: 18px; margin-bottom: 8px;">
     Synthetic BioPharmaceutics Group
     We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology.
   </h1>
   </p>
   <p style="text-align: center; font-size: 18px; margin-bottom: 30px; color: #444;">
   <p style="text-align: center; font-size: 15px; color: #444; margin-bottom: 40px;">
     (合成生物药剂学课题组)
     合成生物药物实验室专注于可编程治疗策略的构建,融合 DNA/RNA origami、基因电路与药物递送系统,推动精准药物与未来药剂学的发展。
   </p>
   </p>


   <style>
   <!-- 👥 实验室成员 -->
    body {
  <h2 style="text-align: center; font-size: 24px; margin-top: 60px;">Lab Members</h2>
      font-family: 'Segoe UI', sans-serif;
  <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 30px;">
      background-color: #ffffff;
     <div style="text-align: center; width: 160px;">
      color: #000000;
      <img src="/path/to/wangyang.jpg" alt="Wang Yang" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
    }
       <div style="font-weight: bold; margin-top: 10px;">王蛘</div>
 
       <div style="font-size: 14px; color: #666">Professor, PI</div>
    h2 {
      margin-top: 40px;
      font-size: 28px;
      color: #000000;
    }
 
    details {
      background: #f9f9f9;
      border: 1px solid #ccc;
      border-radius: 8px;
      padding: 14px 20px;
      margin-bottom: 20px;
      color: #000000;
    }
 
    summary {
      font-size: 16px;
      font-weight: bold;
      padding: 6px 0;
      color: #000000;
    }
 
    .card-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 20px;
     }
 
    .card {
      flex: 1 1 160px;
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 12px;
      background: #ffffff;
      text-align: center;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
 
    .card img {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      object-fit: cover;
       margin-bottom: 10px;
      border: 1px solid #ccc;
    }
 
    .card h4 {
      font-size: 16px;
      margin-bottom: 4px;
       color: #000000;
    }
 
    .card p {
      font-size: 13px;
      color: #000000;
    }
 
    a {
      color: #0000cc;
      text-decoration: none;
    }
 
    a:hover {
      text-decoration: underline;
    }
 
    ul li {
      margin-bottom: 8px;
      color: #000000;
    }
 
    p {
      color: #000000;
    }
  </style>
 
  <!-- 🔬 Research -->
  <h2 id="research">🔬 Research Focus</h2>
 
  <details open>
    <summary> DNA/RNA Origami for Therapy</summary>
    Design of 2D and 3D DNA/RNA nanostructures to deliver siRNA, aptamers, and proteins with precise spatial control and responsiveness to tumor cues.
  </details>
 
  <details>
    <summary> Logic-Gated Immune Activation</summary>
    We engineer aptamer–antibody logic systems and RNA circuits that enable conditional T cell activation within immunosuppressive tumor environments.
  </details>
 
  <details>
    <summary> Peptide–DNA Conjugates for Receptor Clustering</summary>
    We create pH-responsive peptide–DNA materials that self-assemble in acidic tumor microenvironments to cluster death receptors (e.g., TRAIL-R) and induce apoptosis.
  </details>
 
  <!-- 👤 Members -->
  <h2 id="members">👤 Current Members</h2>
 
  <div class="card-grid">
    <div class="card">
      <img src="https://via.placeholder.com/100" />
      <h4>Yang Wang 王蛘</h4>
     </div>
     </div>
     <div class="card">
     <div style="text-align: center; width: 160px;">
       <img src="https://via.placeholder.com/100" />
       <img src="/path/to/xieguangneng.jpg" alt="谢广能" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
       <h4>Xie Guangneng 谢广能</h4>
       <div style="font-weight: bold; margin-top: 10px;">谢广能</div>
       <p>Student 研究生</p>
       <div style="font-size: 14px; color: #666">Graduate Student</div>
     </div>
     </div>
     <div class="card">
     <div style="text-align: center; width: 160px;">
       <img src="https://via.placeholder.com/100" />
       <img src="/path/to/xuanran.jpg" alt="徐安然" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
      <h4>Xu Anran 徐安然</h4>
       <div style="font-weight: bold; margin-top: 10px;">徐安然</div>
      <p>Student 研究生</p>
       <div style="font-size: 14px; color: #666">Graduate Student</div>
    </div>
    <div class="card">
       <img src="https://via.placeholder.com/100" />
      <h4>XXX</h4>
       <p>Master Student</p>
    </div>
    <div class="card">
      <img src="https://via.placeholder.com/100" />
      <h4>XXX</h4>
      <p>Intern</p>
     </div>
     </div>
   </div>
   </div>


   <!-- 📚 Publications -->
   <!-- 📸 团队合照 -->
   <h2 id="publications">📚 Selective Publications 代表性论文</h2>
   <h2 style="text-align: center; font-size: 24px; margin-top: 80px;">Team Photo</h2>
  <div style="text-align: center; margin-top: 20px;">
    <img src="/path/to/team-photo.jpg" alt="Group Photo" style="max-width: 100%; border-radius: 12px;">
  </div>


   <ul>
   <!-- 📞 联系方式 -->
    <li><b>Wang Y</b>, et al. Programmable DNA robot for cancer therapy. <i>Nature Nanotechnology</i>, 2024.</li>
  <h2 style="text-align: center; font-size: 24px; margin-top: 80px;">Contact</h2>
   </ul>
  <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>


   <!-- 📞 Contact -->
   <!-- 🤝 合作机构 -->
   <h2 id="contact">📞 Contact</h2>
   <h2 style="text-align: center; font-size: 24px; margin-top: 80px;">Collaborators</h2>
 
   <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 20px;">
   <p>📍 West China School of Pharmacy, Sichuan University</p>
    <img src="/path/to/institute1-logo.png" alt="Institute 1" style="height: 60px;">
  <p>📧 13547820971@163.com</p>
    <img src="/path/to/institute2-logo.png" alt="Institute 2" style="height: 60px;">
  <p>🌐 <a href="http://yangwalab.com" target="_blank">yangwalab.com</a></p>
  </div>
 
</div>
</html>

Revision as of 01:45, 15 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

     <img src="/path/to/wangyang.jpg" alt="Wang Yang" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
王蛘
Professor, PI
     <img src="/path/to/xieguangneng.jpg" alt="谢广能" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
谢广能
Graduate Student
     <img src="/path/to/xuanran.jpg" alt="徐安然" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
徐安然
Graduate Student

Team Photo

   <img src="/path/to/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="/path/to/institute1-logo.png" alt="Institute 1" style="height: 60px;">
   <img src="/path/to/institute2-logo.png" alt="Institute 2" style="height: 60px;">