|
|
| Line 1: |
Line 1: |
| <includeonly>
| |
| <templatestyles src="Template:Accession/styles.css" />
| |
| <div class="accession-simple">
| |
|
| |
| <div class="hero-header">
| |
| <includeonly> | | <includeonly> |
| <templatestyles src="Template:Accession/styles.css" /> | | <templatestyles src="Template:Accession/styles.css" /> |
| Line 77: |
Line 72: |
| </div> | | </div> |
| | | | | |
| <div style="display: table-cell; vertical-align: middle; text-align: center; height: 400px; color: #64748b;"> | | <div style="color: #64748b;"> |
| 🗺️ Interactive Map<br><small>GPS coordinates needed</small> | | 🗺️ Interactive Map<br><small>GPS coordinates needed</small> |
| </div> | | </div> |
| Line 137: |
Line 132: |
| {{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> |
