|
|
| Line 121: |
Line 121: |
| {{BotanicalDescription|{{{1}}}}} | | {{BotanicalDescription|{{{1}}}}} |
| {{EnvironmentalContext|{{{1}}}}} | | {{EnvironmentalContext|{{{1}}}}} |
|
| |
| </div>
| |
| </includeonly>
| |
|
| |
| <!-- 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="hero-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>
| |
|
| |
| <!-- Bottom details strip -->
| |
| <div class="hero-details">
| |
| <div class="detail-group">
| |
| <div class="detail-label">Collection Date</div>
| |
| <div class="detail-value">{{#show: {{{1}}} | ?Has collection date}}</div>
| |
| </div>
| |
|
| |
| <div class="detail-group">
| |
| <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>
| |
|
| |
| <!-- Content sections -->
| |
| {{BotanicalDescription|{{{1}}}}}
| |
| {{EnvironmentalContext|{{{1}}}}}
| |
|
| |
|
| </div> | | </div> |
| </includeonly> | | </includeonly> |
