|
|
| Line 3: |
Line 3: |
| <div class="accession-simple"> | | <div class="accession-simple"> |
|
| |
|
| <div class="hero-header">
| | <!-- ===== HERO HEADER ===== --> |
| <!-- Top section with title and pills --> | | <div class="hero-header"> |
| <div class="hero-top">
| | <div class="hero-top"> |
| <h1 class="hero-title">{{PAGENAME}}</h1>
| | <h1 class="hero-title">{{PAGENAME}}</h1> |
| <div class="hero-subtitle">{{#show: {{{1}}} | ?Has accession ID}}</div>
| | <div class="hero-subtitle"> |
|
| | {{#show: {{{1}}} | ?Has accession ID | default=—}} |
| <div style="position: absolute; top: 1rem; right: 1rem;">
| |
| <div class="hero-subtitle" style="margin: 0 0 0.25rem 0;">{{#show: {{{1}}} | ?Has current status}}</div>
| |
| <div class="hero-subtitle" style="margin: 0 0 0.25rem 0;">{{#show: {{{1}}} | ?Has documentation status}}</div>
| |
| <div class="hero-subtitle" style="margin: 0;">{{#show: {{{1}}} | ?Has conservation priority}}</div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Split layout section -->
| |
| <div class="hero-split"> | |
| <!-- Left: Plant Photography -->
| |
| <div class="hero-image"> | |
| <!-- Main habitat photo with improved fallback --> | |
| {{#if: {{#show: {{{1}}} | ?Has habitat photo filename}} |
| |
| [[File:{{#show: {{{1}}} | ?Has habitat photo filename}}|600x400px|{{PAGENAME}} in natural habitat]]
| |
| |{{#if: {{#show: {{{1}}} | ?Has whole plant photo filename}} |
| |
| [[File:{{#show: {{{1}}} | ?Has whole plant photo filename}}|600x400px|{{PAGENAME}} whole plant]]
| |
| |{{#if: {{#show: {{{1}}} | ?Has landscape photo filename}} |
| |
| [[File:{{#show: {{{1}}} | ?Has landscape photo filename}}|600x400px|{{PAGENAME}} landscape]]
| |
| |
| |
| <div class="photo-placeholder">
| |
| <div class="placeholder-content">
| |
| <span class="placeholder-icon">🌿</span>
| |
| <div class="placeholder-title">Genetic Heritage Documentation</div>
| |
| <div class="placeholder-subtitle">Visual documentation preserves the morphology and cultivation context of this landrace population</div>
| |
| <div class="placeholder-instruction">Upload habitat photo → Add filename to "Has habitat photo filename"</div>
| |
| </div>
| |
| </div>
| |
| }}}}}}
| |
|
| |
| <div class="image-overlay">
| |
| <p class="image-caption">{{PAGENAME}} growing in traditional cultivation at {{#show: {{{1}}} | ?Has elevation}}m elevation</p>
| |
| </div> | |
| </div>
| |
|
| |
| <!-- Right: Map -->
| |
| | |
| <div class="map-container">
| |
| <!-- Placeholder for interactive map -->
| |
| 🗺️ Interactive Map
| |
| </div>
| |
|
| |
| <!-- Location overlay -->
| |
| <div class="map-overlay">
| |
| <h4>Location</h4>
| |
| <div class="location-hierarchy"> | |
| <div class="location-primary">{{#show: {{{1}}} | ?Has locality}}, {{#show: {{{1}}} | ?Has district}}</div>
| |
| <div class="location-secondary">{{#show: {{{1}}} | ?Has province}}, {{#show: {{{1}}} | ?Has country}}</div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Coordinates -->
| |
| <div class="coordinates">
| |
| {{#show: {{{1}}} | ?Has GPS coordinates}}
| |
| </div> | | </div> |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Bottom details strip -->
| | <!-- Pills (status / tier / priority) --> |
| <div class="hero- details"> | | <div class="hero- badges"> |
| <div class="detail-group">
| | {{#if: {{#show: {{{1}}} | ?Has current status}} | |
| <div class="detail-label">Collection Date</div>
| | <span class="hero-badge badge-active">{{#show: {{{1}}} | ?Has current status}}</span> }} |
| <div class="detail-value">{{#show: {{{1}}} | ?Has collection date}}</div>
| | {{#if: {{#show: {{{1}}} | ?Has documentation status}} | |
| </div>
| | <span class="hero-badge badge-tier">{{#show: {{{1}}} | ?Has documentation status}}</span> }} |
|
| | {{#if: {{#show: {{{1}}} | ?Has conservation priority}} | |
| <div class="detail-group">
| | <span class="hero-badge badge-priority">{{#show: {{{1}}} | ?Has conservation priority}}</span> }} |
| <div class="detail-label">Type</div>
| |
| <div class="detail-value">{{#show: {{{1}}} | ?Has collection type}}</div>
| |
| </div>
| |
|
| |
| <div class="detail-group">
| |
| <div class="detail-label">Classification</div>
| |
| <div class="detail-value highlight">{{#show: {{{1}}} | ?Has classification}}</div>
| |
| </div>
| |
|
| |
| <div class="detail-group">
| |
| <div class="detail-label">Elevation</div>
| |
| <div class="detail-value">{{#show: {{{1}}} | ?Has elevation}}m</div>
| |
| </div>
| |
|
| |
| <div class="detail-group">
| |
| <div class="detail-label">Collector</div>
| |
| <div class="detail-value">{{#show: {{{1}}} | ?Has collector}}</div>
| |
| </div>
| |
|
| |
| <!-- Geographic hierarchy breadcrumb -->
| |
| <div class="geographic-path">
| |
| <h4>Geographic Hierarchy</h4>
| |
| <div class="breadcrumb">
| |
| <span class="level">{{#show: {{{1}}} | ?Has regional complex}}</span>
| |
| <span class="separator">→</span> | |
| <span class="level">{{#show: {{{1}}} | ?Has growing region}}</span>
| |
| <span class="separator">→</span>
| |
| <span class="level">{{#show: {{{1}}} | ?Has growing area}}</span>
| |
| <span class="separator">→</span>
| |
| <span class="level">{{#show: {{{1}}} | ?Has appellation}}</span>
| |
| </div> | | </div> |
| </div> | | </div> |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Content sections --> | | <!-- ===== HERO SPLIT ===== --> |
| {{BotanicalDescription|{{{1}}}}} | | <div class="hero-split"> |
| {{EnvironmentalContext|{{{1}}}}} | | <!-- LEFT: PHOTO --> |
| | <div class="hero-image"> |
| | {{#vardefine:hab|{{#show: {{{1}}} | ?Has habitat photo filename | link=none}}}} |
| | {{#vardefine:whole|{{#show: {{{1}}} | ?Has whole plant photo filename | link=none}}}} |
| | {{#vardefine:land|{{#show: {{{1}}} | ?Has landscape photo filename | link=none}}}} |
|
| |
|
| </div> | | {{#if: {{#var:hab}}{{#var:whole}}{{#var:land}} | |
| </includeonly> | | {{#if: {{#var:hab}} | |
| | [[File:{{#var:hab}}|600x400px|{{PAGENAME}} in natural habitat|class=hero-img|link=]] |
| | | {{#if: {{#var:whole}} | |
| | [[File:{{#var:whole}}|600x400px|{{PAGENAME}} whole plant|class=hero-img|link=]] |
| | | [[File:{{#var:land}}|600x400px|{{PAGENAME}} landscape|class=hero-img|link=]] }} }} |
| | | |
| | <div class="photo-placeholder"> |
| | <div class="placeholder-content"> |
| | <span class="placeholder-icon">🌿</span> |
| | <div class="placeholder-title">Genetic Heritage Documentation</div> |
| | <div class="placeholder-subtitle">Visual documentation preserves the morphology and cultivation context of this landrace population.</div> |
| | <div class="placeholder-instruction">Upload hab |
