Template:Accession: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
 <div class="accession-simple">
-<div class="simple-header">
+<div class="hero-header">
-   <!-- Main title and badges row -->
+   <!-- Top section with title and badges -->
-   <div class="header-main">
+   <div class="hero-top">
-     <div class="header-title-group">
+     <h1 class="hero-title">{{PAGENAME}}</h1>
-      <h1 class="simple-title">{{PAGENAME}}</h1>
+    <div class="hero-subtitle">{{#show: {{{1}}} | ?Has accession ID}}</div>
-      <div class="accession-id">{{#show: {{{1}}} | ?Has accession ID}}</div>
-    </div>
-     <div class="header-badges">
+     <div class="hero-badges">
-       <span class="status-badge status-active">{{#show: {{{1}}} | ?Has current status}}</span>
+       <span class="hero-badge badge-active">{{#show: {{{1}}} | ?Has current status}}</span>
-       <span class="status-badge status-tier1">{{#show: {{{1}}} | ?Has documentation status}}</span>
+       <span class="hero-badge badge-tier1">{{#show: {{{1}}} | ?Has documentation status}}</span>
-       <span class="status-badge status-high-priority">{{#show: {{{1}}} | ?Has conservation priority}}</span>
+       <span class="hero-badge badge-priority">{{#show: {{{1}}} | ?Has conservation priority}}</span>
      </div>
    </div>
-   <!-- Geographic breadcrumb -->
+   <!-- Split layout section -->
-   <div class="geo-breadcrumb">
+   <div class="hero-split">
-     <h4>Geographic Location</h4>
+     <!-- Left: Plant Photography -->
-     <div class="breadcrumb-trail">
+     <div class="hero-image">
-       <span class="level">{{#show: {{{1}}} | ?Has country}}</span>
+       <!-- Placeholder for main habitat photo -->
-       <span class="separator">→</span>
+      <img src="https://via.placeholder.com/600x400/22c55e/ffffff?text=Plant+in+Habitat"
-      <span class="level">{{#show: {{{1}}} | ?Has province}}</span>
+           alt="{{PAGENAME}} in natural habitat" />
-       <span class="separator">→</span>
+       <div class="image-overlay">
-       <span class="level">{{#show: {{{1}}} | ?Has district}}</span>
+        <p class="image-caption">{{PAGENAME}} growing in traditional cultivation at {{#show: {{{1}}} | ?Has elevation}}m elevation</p>
-       <span class="separator">→</span>
+       </div>
-      <span class="level">{{#show: {{{1}}} | ?Has locality}}</span>
+    </div>
-      <br>
-      <span style="font-size: 0.8rem; color: #64748b;">
+    <!-- Right: Map -->
-        {{#show: {{{1}}} | ?Has regional complex}} →
+    <div class="hero-map">
-        {{#show: {{{1}}} | ?Has growing region}} →
+       <div class="map-container">
-        {{#show: {{{1}}} | ?Has growing area}} →
+        <!-- Placeholder for interactive map -->
-         {{#show: {{{1}}} | ?Has appellation}}
+        🗺️ Interactive Map<br>
-       </span>
+        <small>GPS: {{#show: {{{1}}} | ?Has GPS coordinates}}</small>
+      </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>
-   <!-- Key details grid -->
+   <!-- Bottom details strip -->
-   <div class="header-details">
+   <div class="hero-details">
-     <div class="detail-item">
+     <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-item">
+     <div class="detail-group">
        <div class="detail-label">Type</div>
        <div class="detail-value">{{#show: {{{1}}} | ?Has collection type}}</div>
      </div>
-     <div class="detail-item">
+     <div class="detail-group">
        <div class="detail-label">Classification</div>
-       <div class="detail-value">{{#show: {{{1}}} | ?Has classification}}</div>
+       <div class="detail-value highlight">{{#show: {{{1}}} | ?Has classification}}</div>
      </div>
-     <div class="detail-item">
+     <div class="detail-group">
        <div class="detail-label">Elevation</div>
        <div class="detail-value">{{#show: {{{1}}} | ?Has elevation}}m</div>
      </div>
-     <div class="detail-item">
+     <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 go here -->
+<!-- Content sections -->
 {{BotanicalDescription|{{{1}}}}}
 {{EnvironmentalContext|{{{1}}}}}

Revision as of 04:50, 17 September 2025