|
|
| Line 1: |
Line 1: |
| <templatestyles src="Template:Accession/styles.css" /> | | <templatestyles src="Template:Accession/styles.css" /> |
|
| |
|
| <div class="accession-hero"> | | <div class="accession-simple"> |
| <!-- Gallery --> | | |
| <div class="hero-gallery"> | | <!-- Header Section --> |
| <div class="gallery-main"> | | <div class="simple-header"> |
| <div class="hero-image">
| | <h1 class="simple-title">{{PAGENAME}}</h1> |
| {{#vardefine:heroPhoto|{{#show: {{{1}}} | ?Has whole plant in habitat photo | link=none}}}}
| | <div class=" simple-subtitle">{{#show: {{{1}}} | ?Has accession ID}}</div> |
| {{#if: {{#var:heroPhoto}} |
| |
| {{#switch: {{lc:{{#var:heroPhoto}}}}
| |
| | true = <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
| |
| | yes = <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
| |
| | 1 = <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
| |
| | false= <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
| |
| | 0 = <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
| |
| | #default = [[File:{{#var:heroPhoto}}|frameless|class=hero-img|link=]]
| |
| }}
| |
| |
| |
| <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
| |
| }}
| |
| | |
| <!-- Overlay -->
| |
| <div class="hero-overlay">
| |
| <div class="hero-title">{{PAGENAME}}</div>
| |
| <div class=" hero-subtitle">{{#show: {{{1}}} | ?Has accession ID | default=Accession ID not specified}}</div> | |
| <div class="hero-location">
| |
| {{#show: {{{1}}} | ?Has locality}}, {{#show: {{{1}}} | ?Has province}} • {{#show: {{{1}}} | ?Has collection date}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Thumbs -->
| |
| <div class="gallery-thumbs">
| |
| {{#vardefine:fl|{{#show: {{{1}}} | ?Has flowering branches photo | link=none}}}}
| |
| {{#if: {{#var:fl}} |
| |
| {{#switch: {{lc:{{#var:fl}}}}
| |
| | true|yes|1|false|0 =
| |
| <!-- boolean → no file, skip -->
| |
| | #default =
| |
| <div class="thumb active">
| |
| [[File:{{#var:fl}}|80x60px|link=]]
| |
| <span class="thumb-label">Flowering</span>
| |
| </div>
| |
| }}
| |
| }}
| |
| | |
| {{#vardefine:cu|{{#show: {{{1}}} | ?Has close-up inflorescences photo | link=none}}}}
| |
| {{#if: {{#var:cu}} |
| |
| {{#switch: {{lc:{{#var:cu}}}}
| |
| | true|yes|1|false|0 =
| |
| | #default =
| |
| <div class="thumb">
| |
| [[File:{{#var:cu}}|80x60px|link=]]
| |
| <span class="thumb-label">Close-up</span>
| |
| </div>
| |
| }}
| |
| }}
| |
| | |
| {{#vardefine:hb|{{#show: {{{1}}} | ?Has habitat overview photo | link=none}}}}
| |
| {{#if: {{#var:hb}} |
| |
| {{#switch: {{lc:{{#var:hb}}}}
| |
| | true|yes|1|false|0 =
| |
| | #default =
| |
| <div class="thumb">
| |
| [[File:{{#var:hb}}|80x60px|link=]]
| |
| <span class="thumb-label">Habitat</span>
| |
| </div>
| |
| }}
| |
| }}
| |
| | |
| {{#vardefine:fp|{{#show: {{{1}}} | ?Has farmer grower portraits | link=none}}}}
| |
| {{#if: {{#var:fp}} |
| |
| {{#switch: {{lc:{{#var:fp}}}}
| |
| | true|yes|1|false|0 =
| |
| | #default =
| |
| <div class="thumb">
| |
| [[File:{{#var:fp}}|80x60px|link=]]
| |
| <span class="thumb-label">Farmer</span>
| |
| </div>
| |
| }}
| |
| }}
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <!-- Stats --> | | <!-- Basic Information Grid --> |
| <div class="hero-stats"> | | <div class="simple-grid"> |
| <div class="stat-card status-card {{#switch: {{#show: {{{1}}} | ?Has conservation priority | link=none}} | Critical=critical | High=high | Medium=medium | Low=low | #default=unknown }}"> | | |
| <div class="stat-icon">🛡️</div> | | <div class="simple-card"> |
| <div class="stat-content"> | | <h3>Collection Information</h3> |
| <div class="stat-label">Conservation Status</div>
| | <p><strong>Date:</strong> {{#show: {{{1}}} | ?Has collection date}}</p> |
| <div class="stat-value">{{#show: {{{1}}} | ?Has conservation priority | default=Unknown}}</div>
| | <p><strong>Type:</strong> {{#show: {{{1}}} | ?Has collection type}}</p> |
| <div class="stat-detail">{{#show: {{{1}}} | ?Has cultivation status | default=Status unknown}}</div>
| | <p><strong>Collector:</strong> {{#show: {{{1}}} | ?Has collector}}</p> |
| </div>
| | <p><strong>Status:</strong> {{#show: {{{1}}} | ?Has documentation status}}</p> |
| </div> | | </div> |
|
| |
|
| <div class="stat-card collection-card"> | | <div class="simple-card"> |
| <div class="stat-icon">📅</div> | | <h3>Location</h3> |
| <div class="stat-content"> | | <p><strong>Country:</strong> {{#show: {{{1}}} | ?Has country}}</p> |
| <div class="stat-label">Collection</div>
| | <p><strong>Province:</strong> {{#show: {{{1}}} | ?Has province}}</p> |
| <div class="stat-value">{{#show: {{{1}}} | ?Has collection date | default=Date unknown}}</div>
| | <p><strong>Locality:</strong> {{#show: {{{1}}} | ?Has locality}}</p> |
| <div class="stat-detail">{{#show: {{{1}}} | ?Has collection type | default=Type unknown}} • {{#show: {{{1}}} | ?Has collector | default=Collector unknown}}</div>
| | <p><strong>Elevation:</strong> {{#show: {{{1}}} | ?Has elevation}}m</p> |
| </div> | |
| </div> | | </div> |
|
| |
|
| <div class="stat-card location-card"> | | <div class="simple-card"> |
| <div class="stat-icon">📍</div> | | <h3>Geographic Hierarchy</h3> |
| <div class="stat-content"> | | <p><strong>Region:</strong> {{#show: {{{1}}} | ?Has growing region}}</p> |
| <div class="stat-label">Location</div>
| | <p><strong>Area:</strong> {{#show: {{{1}}} | ?Has growing area}}</p> |
| <div class="stat-value">{{#show: {{{1}}} | ?Has elevation | default=Unknown}}</div>
| | <p><strong>Appellation:</strong> {{#show: {{{1}}} | ?Has appellation}}</p> |
| <div class="stat-detail">
| | <p><strong>Field:</strong> {{#show: {{{1}}} | ?Has field}}</p> |
| {{#if: {{#show: {{{1}}} | ?Has GPS coordinates | link=none}} |
| |
| {{#coordinates:{{#show: {{{1}}} | ?Has GPS coordinates | link=none}} | format=dd | directional=yes}}
| |
| | Coordinates not specified}}
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <div class="stat-card docs-card"> | | <div class="simple-card"> |
| <div class="stat-icon">📋</div> | | <h3>Conservation</h3> |
| <div class="stat-content"> | | <p><strong>Priority:</strong> {{#show: {{{1}}} | ?Has conservation priority}}</p> |
| <div class="stat-label">Documentation</div>
| | <p><strong>Status:</strong> {{#show: {{{1}}} | ?Has cultivation status}}</p> |
| <div class="stat-value">{{#show: {{{1}}} | ?Has documentation status | default=Unknown}}</div>
| | <p><strong>Current:</strong> {{#show: {{{1}}} | ?Has current status}}</p> |
| <div class="stat-detail doc-checks">
| |
| {{#ifeq: {{#show: {{{1}}} | ?Has point of origin documentation | link=none}} | true | ✓ | ✗}} Origin •
| |
| {{#ifeq: {{#show: {{{1}}} | ?Has photographic metadata preserved | link=none}} | true | ✓ | ✗}} Photos •
| |
| {{#ifeq: {{#show: {{{1}}} | ?Has chain of custody maintained | link=none}} | true | ✓ | ✗}} Custody
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
| </div>
| |
|
| |
|
| <!-- Breadcrumb -->
| |
| <div class="hero-breadcrumb">
| |
| <div class="breadcrumb-container">
| |
| <div class="breadcrumb-item"><span class="breadcrumb-icon">🌍</span><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has country | default=Unknown Country}}</span></div>
| |
| {{#if: {{#show: {{{1}}} | ?Has growing region}} | <div class="breadcrumb-arrow">→</div><div class="breadcrumb-item"><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has growing region}}</span></div> }}
| |
| {{#if: {{#show: {{{1}}} | ?Has growing area}} | <div class="breadcrumb-arrow">→</div><div class="breadcrumb-item"><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has growing area}}</span></div> }}
| |
| {{#if: {{#show: {{{1}}} | ?Has appellation}} | <div class="breadcrumb-arrow">→</div><div class="breadcrumb-item"><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has appellation}}</span></div> }}
| |
| {{#if: {{#show: {{{1}}} | ?Has field | link=none}} |
| |
| {{#ifeq: {{#show: {{{1}}} | ?Has field | link=none}} | Various |
| |
| | <div class="breadcrumb-arrow">→</div><div class="breadcrumb-item current"><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has field}}</span></div>
| |
| }}
| |
| }}
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <!-- Map block --> | | <!-- Coordinates Section --> |
| <div class="hero-map"> | | <div class="simple-coords"> |
| <div class="map-container"> | | <h3>Coordinates</h3> |
| {{#if: {{#show: {{{1}}} | ?Has GPS coordinates | link=none}} |
| | <p>{{#show: {{{1}}} | ?Has GPS coordinates}}</p> |
| <div class="map-placeholder">
| |
| <div class="map-icon">🗺️</div>
| |
| <div class="map-coords">{{#coordinates:{{#show: {{{1}}} | ?Has GPS coordinates | link=none}} | format=dd | directional=yes}}</div>
| |
| <div class="map-text">Interactive map loading...</div>
| |
| </div>
| |
| |
| |
| <div class="map-unavailable"><div class="map-icon">📍</div><div class="map-text">Location coordinates not available</div></div>
| |
| }}
| |
| </div> | |
| <div class="map-actions">
| |
| {{#if: {{#show: {{{1}}} | ?Has GPS coordinates}} | <button class="action-btn primary">📍 View on Map</button><button class="action-btn secondary">🔗 Share Location</button> }}
| |
| <button class="action-btn secondary">📁 Download Data</button>
| |
| </div>
| |
| </div> | | </div> |
| </div>
| |
|
| |
|
| <div class="coming-soon">
| |
| <div class="coming-soon-content">
| |
| <h3>📋 Detailed Information</h3>
| |
| <p>Additional sections (botanical description, cultural context, conservation details) will be added here with beautiful, scannable design.</p>
| |
| <p><em>For now, all essential information is displayed in the hero section above.</em></p>
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <!-- Auto-categories --> | | <!-- Categorization --> |
| {{#if: {{#show: {{{1}}} | ?Has country | link=none}} | {{Category link|{{#show: {{{1}}} | ?Has country | link=none}}}} }}
| | [[Category:Accessions]] |
| {{#if: {{#show: {{{1}}} | ?Has growing region | link=none}} | {{Category link|{{#show: {{{1}}} | ?Has growing region | link=none}}}} }}
| |
| {{#if: {{#show: {{{1}}} | ?Has documentation status | link=none}} | {{Category link|{{#show: {{{1}}} | ?Has documentation status | link=none}}}} }}
| |
| {{#if: {{#show: {{{1}}} | ?Has conservation priority | link=none}} | {{Category link|{{#show: {{{1}}} | ?Has conservation priority | link=none}}}} }}
| |
|
| |
|
| <noinclude> | | <noinclude> |
| == Complete Accession Template == | | == Minimal Accession Template == |
| Usage : <pre>{{Accession|{{PAGENAME}}}}</pre> | | |
| | This is a simplified template for testing semantic property display. |
| | |
| | === Usage === |
| | <pre>{{Accession|{{PAGENAME}}}}</pre> |
| | |
| | === Purpose === |
| | This template uses only basic MediaWiki functions to ensure proper parsing and display of semantic properties. |
| | |
| [[Category:Templates]] | | [[Category:Templates]] |
| </noinclude> | | </noinclude> |
