— template: holy title: Board Member Profile Template —
<struct-template>data schema: board_member page: @PAGE@ /data<style>/*RSYN BOARD MEMBER TEMPLATE ========================================================= */
.ep-wrap *{ box-sizing:border-box; }
.ep-wrap{
font-family:-apple-system,BlinkMacSystemFont,“Segoe UI”,Roboto,Helvetica,Arial,sans-serif; color:var(–text); max-width:1100px; margin:0 auto; line-height:1.7; font-size:15px; }
/*
GLOBAL ========================================================= */
.ep-wrap a{ color:var(–navy); text-decoration:none; }
.ep-wrap a:hover{ color:var(–gold); }
.ep-section{ background:#fff; border:1px solid var(–border); border-radius:14px; padding:1.6rem; margin-bottom:1.3rem; box-shadow:0 2px 10px rgba(0,0,0,.03); }
.ep-section-title{ font-size:13px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(–navy); margin-bottom:1rem; display:flex; align-items:center; gap:8px; }
.ep-bio{ color:#333; line-height:1.9; white-space:pre-line; }
/*
BREADCRUMB ========================================================= */
.ep-crumb{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:1.3rem; font-size:12px; color:#888; }
.ep-crumb a{ color:#666; font-weight:600; }
.ep-crumb-sep{ color:#CCC; }
/*
HERO ========================================================= */
.ep-hero{ display:grid; grid-template-columns:260px 1fr; background:#fff; border-radius:16px; overflow:hidden; border:1px solid var(–border); box-shadow:0 3px 14px rgba(0,0,0,.05); margin-bottom:1.4rem; }
/* LEFT PANEL */
.ep-left{ background:linear-gradient(180deg,var(–navy) 0%,var(–navy-dark) 100%); color:#fff; padding:2rem 1.5rem; display:flex; flex-direction:column; align-items:center; }
.ep-avatar{ width:150px; height:150px; border-radius:50%; overflow:hidden; border:4px solid rgba(255,255,255,.15); margin-bottom:1rem; background:#274F7A; }
.ep-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.ep-role{ margin-top:.6rem; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); text-align:center; }
.ep-contact{ margin-top:1.5rem; display:block; width:100%; text-align:center; background:var(–gold); color:#fff !important; padding:12px 14px; border-radius:8px; font-weight:700; transition:.2s; }
.ep-contact:hover{ background:#A96F1D; }
.ep-location{ margin-top:auto; font-size:13px; opacity:.85; text-align:center; padding-top:1.5rem; }
/* RIGHT PANEL */
.ep-right{ padding:2rem; }
.ep-eyebrow{ font-size:11px; font-weight:800; letter-spacing:1.5px; color:var(–gold); text-transform:uppercase; margin-bottom:.8rem; }
.ep-name{ font-size:2.4rem; line-height:1.1; color:var(–navy); font-weight:800; margin-bottom:.45rem; }
.ep-qual{ font-size:15px; color:#666; font-style:italic; margin-bottom:1rem; }
.ep-position{ font-size:1.2rem; font-weight:700; margin-bottom:.3rem; }
.ep-dept, .ep-inst{ color:#555; margin-bottom:.2rem; }
.ep-tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:1.5rem; }
.ep-tag{ padding:7px 14px; border-radius:999px; font-size:12px; font-weight:700; }
.ep-tag-blue{ background:#EAF3FF; color:#184978; }
.ep-tag-gold{ background:#FFF6E8; color:#9A6512; }
.ep-tag-green{ background:#EDF8F0; color:#226B3C; }
/*
GRID ========================================================= */
.ep-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.3rem; }
/*
LINKS ========================================================= */
.ep-links{ display:flex; flex-wrap:wrap; gap:10px; }
.ep-link{ display:inline-flex; align-items:center; gap:6px; padding:10px 15px; border-radius:8px; border:1px solid #D9E4EE; background:#F8FBFD; font-size:13px; font-weight:600; }
/*
ROLE BOX ========================================================= */
.ep-rolebox{ background:linear-gradient(135deg,var(–navy) 0%,var(–navy-dark) 100%); border-radius:14px; padding:1.8rem; color:#fff; margin-bottom:1.3rem; }
.ep-rolebox-title{ font-size:1.2rem; font-weight:800; margin-bottom:.5rem; }
.ep-rolebox-journal{ opacity:.75; margin-bottom:1rem; }
.ep-rolebox-desc{ line-height:1.9; opacity:.92; }
.ep-role-actions{ margin-top:1.5rem; display:flex; flex-wrap:wrap; gap:12px; }
.ep-role-actions a{ display:inline-flex; align-items:center; gap:7px; padding:11px 16px; border-radius:8px; font-weight:700; }
.ep-btn-primary{ background:var(–gold); color:#fff !important; }
.ep-btn-secondary{ border:1px solid rgba(255,255,255,.18); color:#fff !important; }
/*
BACK NAV ========================================================= */
.ep-back{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:1.5rem; font-size:13px; }
/*
RESPONSIVE ========================================================= */
@media(max-width:860px){
.ep-hero{ grid-template-columns:1fr; }
.ep-left{ padding:1.5rem; }
.ep-grid{ grid-template-columns:1fr; }
.ep-name{ font-size:2rem; }
}
</style>
<a href="/boards/start">Boards</a>
<span class="ep-crumb-sep">›</span>
<a href="/boards/$$board_member.board_type$$/start">
$$board_member.board_type$$
</a>
<span class="ep-crumb-sep">›</span>
<span>
$$board_member.full_name$$
</span>
<!-- LEFT -->
<div class="ep-left">
<div class="ep-avatar">
<img
src="$$board_member.photo$$"
alt="$$board_member.full_name$$"
/>
</div>
<div class="ep-role">
$$board_member.board_role$$
</div>
<a
class="ep-contact"
href="mailto:editor_connect@rsyn.org?subject=Connect with $$board_member.full_name$$">
✉ Contact Member
</a>
<div class="ep-location">
📍 $$board_member.city$$, $$board_member.country$$
</div>
</div>
<!-- RIGHT -->
<div class="ep-right">
<div class="ep-eyebrow">
RSYN Research LLP — Editorial Board
</div>
<h1 class="ep-name">
$$board_member.full_name$$
</h1>
<div class="ep-qual">
$$board_member.qualifications$$
</div>
<div class="ep-position">
$$board_member.position$$
</div>
<div class="ep-dept">
$$board_member.department$$
</div>
<div class="ep-inst">
$$board_member.institution$$
</div>
<div class="ep-tags">
<span class="ep-tag ep-tag-blue">
$$board_member.subject_areas$$
</span>
<span class="ep-tag ep-tag-gold">
$$board_member.journal$$
</span>
<span class="ep-tag ep-tag-green">
Open Access
</span>
</div>
</div>
<div class="ep-section-title">
👤 Profile
</div>
<div class="ep-bio">
$$board_member.biography$$
</div>
<div class="ep-section-title">
🔬 Research Areas
</div>
<div class="ep-bio">
$$board_member.research_areas$$
</div>
<!-- EDUCATION -->
<div class="ep-section">
<div class="ep-section-title">
🎓 Education
</div>
<div class="ep-bio">
$$board_member.education$$
</div>
</div>
<!-- SUBJECT AREAS -->
<div class="ep-section">
<div class="ep-section-title">
🧪 Subject Areas
</div>
<div class="ep-bio">
$$board_member.subject_areas$$
</div>
</div>
<div class="ep-section-title">
📄 Selected Publications
</div>
<div class="ep-bio">
$$board_member.publications$$
</div>
<div class="ep-section-title">
🔗 Academic Profiles
</div>
<div class="ep-links">
<a href="$$board_member.orcid$$" class="ep-link">
🪪 ORCID
</a>
<a href="$$board_member.google_scholar$$" class="ep-link">
🎓 Google Scholar
</a>
<a href="$$board_member.researchgate$$" class="ep-link">
📑 ResearchGate
</a>
<a href="$$board_member.linkedin$$" class="ep-link">
💼 LinkedIn
</a>
<a href="$$board_member.vidwan$$" class="ep-link">
🇮🇳 Vidwan
</a>
<a href="$$board_member.institute_url$$" class="ep-link">
🏛 Institute Profile
</a>
</div>
<div class="ep-rolebox-title">
$$board_member.board_role$$
—
RSYN $$board_member.board_type$$
</div>
<div class="ep-rolebox-journal">
Journal:
$$board_member.journal$$
</div>
<div class="ep-rolebox-desc">
$$board_member.full_name$$ serves as
$$board_member.board_role$$ for
$$board_member.journal$$, contributing expertise in
$$board_member.subject_areas$$ and supporting rigorous,
transparent, open-access scholarly publishing.
</div>
<div class="ep-role-actions">
<a
class="ep-btn-primary"
href="mailto:editor_connect@rsyn.org">
✉ Contact Editor
</a>
<a
class="ep-btn-secondary"
href="https://forms.gle/Q5mKizZR2oHCNzqi9">
Join Our Board →
</a>
</div>
<a href="/boards/$$board_member.board_type$$/start">
← Back to Board
</a>
<a href="/boards/start">
All Boards
</a>
<a href="/boards/add_member">
Add Member
</a>