Template:Accession: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) No edit summary |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 4: | Line 4: | ||
<div class="hero-header"> | <div class="hero-header"> | ||
<div class="hero-top"> | <div class="hero-top"> | ||
<h1 class="hero-title">{{PAGENAME}}</h1> | <!-- Primary Title Section --> | ||
<div class="title-section"> | |||
<h1 class="hero-title">{{PAGENAME}}</h1> | |||
<div class="accession-metadata"> | |||
<div class="metadata-primary"> | |||
<span class="accession-id">{{#show:{{PAGENAME}}|?Has accession ID|default=ZOM-2023-IN-HP-015}}</span> | |||
<span class="collection-date">{{#show:{{PAGENAME}}|?Has collection date|default=Oct 2023}}</span> | |||
</div> | |||
<div class="metadata-secondary"> | |||
<span class="collector">{{#show:{{PAGENAME}}|?Has collector|default=Eloise}}</span> | |||
<span class="separator">·</span> | |||
<span class="affiliation">{{#show:{{PAGENAME}}|?Has collector affiliation|default=Zomia Collective}}</span> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Geographic Location Section --> | <!-- Geographic Location Section --> | ||
<div class="header-section"> | <div class="header-section"> | ||
<div class="section-label geographic">Geographic location</div> | <div class="section-label geographic">Geographic location</div> | ||
<div style="display: flex; align-items: center; flex-wrap: wrap;"> | <div style="display: flex; align-items: center; flex-wrap: wrap;"> | ||
<div class="geographic-badge">Hindu Kush-Himalayas</div> | <div class="geographic-badge">{{#show:{{PAGENAME}}|?Has regional complex|default=Hindu Kush-Himalayas}}</div> | ||
<span class="geographic-separator">›</span> | <span class="geographic-separator">›</span> | ||
<div class="geographic-badge">Western Himalayas</div> | <div class="geographic-badge">{{#show:{{PAGENAME}}|?Has growing region|default=Western Himalayas}}</div> | ||
<span class="geographic-separator">›</span> | <span class="geographic-separator">›</span> | ||
<div class="geographic-badge">Parvati Valley</div> | <div class="geographic-badge">{{#show:{{PAGENAME}}|?Has growing area|default=Parvati Valley}}</div> | ||
<span class="geographic-separator">›</span> | <span class="geographic-separator">›</span> | ||
<div class="geographic-badge geographic-current">Malana Valley</div> | <div class="geographic-badge geographic-current">{{#show:{{PAGENAME}}|?Has appellation|default=Malana Valley}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Status Section --> | <!-- Status & Classification Section --> | ||
<div class="header-section"> | <div class="header-section"> | ||
<div class="section-label status"> | <div class="status-row"> | ||
<div class="status-group"> | |||
<div class="section-label status">Conservation status</div> | |||
<div style="display: flex; gap: 0.5rem; flex-wrap: wrap;"> | |||
<div class="status-badge status-active">{{#show:{{PAGENAME}}|?Has current status|default=Active}}</div> | |||
<div class="status-badge status-tier1">{{#show:{{PAGENAME}}|?Has documentation status|default=Tier 1}}</div> | |||
<div class="status-badge status-priority">{{#show:{{PAGENAME}}|?Has conservation priority|default=High priority}}</div> | |||
</div> | |||
</div> | |||
<div class="classification-group"> | |||
<div class="section-label classification">Classification</div> | |||
<div style="display: flex; gap: 0.5rem; flex-wrap: wrap;"> | |||
<div class="classification-badge classification-landrace">{{#show:{{PAGENAME}}|?Has classification|default=Landrace}}</div> | |||
<div class="classification-badge classification-population">{{#show:{{PAGENAME}}|?Has collection type|default=General Population}}</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | |||
<!-- Quick Actions Section --> | |||
<div class="header-actions"> | |||
<button class="action-btn action-primary"> | |||
<span class="action-icon">✏️</span> | |||
Edit Accession | |||
</button> | |||
<button class="action-btn action-secondary"> | |||
<span class="action-icon">📷</span> | |||
View Photos | |||
</button> | |||
<button class="action-btn action-secondary"> | |||
<span class="action-icon">📊</span> | |||
Export Data | |||
</button> | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 41: | Line 83: | ||
<div class="image-overlay"> | <div class="image-overlay"> | ||
<p class="image-caption"> | <p class="image-caption"> | ||
[ACCESSION: 2023 Atolang General Population] — In-situ cultivation documentation — Elevation: 2,800 m | [ACCESSION: {{#show:{{PAGENAME}}|?Has accession ID|default=2023 Atolang General Population}}] — In-situ cultivation documentation — Elevation: {{#show:{{PAGENAME}}|?Has elevation|default=2,800}} m | ||
</p> | </p> | ||
</div> | </div> | ||
| Line 57: | Line 99: | ||
<div class="detail-group"> | <div class="detail-group"> | ||
<div class="detail-label">Collection date</div> | <div class="detail-label">Collection date</div> | ||
<div class="detail-value">10 Oct 2023</div> | <div class="detail-value">{{#show:{{PAGENAME}}|?Has collection date|default=10 Oct 2023}}</div> | ||
</div> | </div> | ||
<div class="detail-group"> | <div class="detail-group"> | ||
<div class="detail-label">Sample type</div> | <div class="detail-label">Sample type</div> | ||
<div class="detail-value">General Population</div> | <div class="detail-value">{{#show:{{PAGENAME}}|?Has collection type|default=General Population}}</div> | ||
</div> | </div> | ||
<div class="detail-group"> | <div class="detail-group"> | ||
<div class="detail-label">Classification</div> | <div class="detail-label">Classification</div> | ||
<div class="detail-value highlight">Landrace</div> | <div class="detail-value highlight">{{#show:{{PAGENAME}}|?Has classification|default=Landrace}}</div> | ||
</div> | </div> | ||
<div class="detail-group"> | <div class="detail-group"> | ||
<div class="detail-label">Elevation</div> | <div class="detail-label">Elevation</div> | ||
<div class="detail-value">2,800<span class="unit">m</span></div> | <div class="detail-value">{{#show:{{PAGENAME}}|?Has elevation|default=2,800}}<span class="unit">m</span></div> | ||
</div> | </div> | ||
<div class="detail-group"> | <div class="detail-group"> | ||
<div class="detail-label">Researcher</div> | <div class="detail-label">Researcher</div> | ||
<div class="detail-value">Eloise</div> | <div class="detail-value">{{#show:{{PAGENAME}}|?Has collector|default=Eloise}}</div> | ||
</div> | </div> | ||
<div class="detail-group"> | <div class="detail-group"> | ||
<div class="detail-label">Institution</div> | <div class="detail-label">Institution</div> | ||
<div class="detail-value">Zomia Collective</div> | <div class="detail-value">{{#show:{{PAGENAME}}|?Has collector affiliation|default=Zomia Collective}}</div> | ||
</div> | |||
<div class="detail-group"> | |||
<div class="detail-label">Location</div> | |||
<div class="detail-value">{{#show:{{PAGENAME}}|?Has locality|default=Atolang}}, {{#show:{{PAGENAME}}|?Has province|default=HP}}</div> | |||
</div> | </div> | ||
</div> | </div> | ||