Template:Accession: Difference between revisions

Revision as of 06:30, 16 September 2025

🌿

No primary image available

Accession

Accession ID not specified

           ,  •

🛡️

Conservation Status

Unknown

Status unknown

📅

Collection

Date unknown

Type unknown • Collector unknown

📍

Location

Unknown

Coordinates not specified

📋

Documentation

Unknown

         ✗ Origin • 
         ✗ Photos • 
         ✗ Custody

📍

Location coordinates not available

     <button class="action-btn secondary">📁 Download Data</button>

📋 Detailed Information

Additional sections (botanical description, cultural context, conservation details) will be added here with beautiful, scannable design.

For now, all essential information is displayed in the hero section above.

Complete Accession Template

This template displays a beautiful hero section for landrace cannabis accessions with proper CSS styling.

Usage

{{Accession|{{PAGENAME}}}}

Requirements

CSS file must exist at Template:Accession/styles.css
Semantic properties must be properly configured

Features

Photo gallery with thumbnails
Statistics dashboard with conservation status
Geographic breadcrumb navigation
Interactive map section
Mobile-responsive design

@@ Line 3: / Line 3: @@
 <!-- Beautiful Hero Section -->
 <div class="accession-hero">
-   [Your existing hero HTML here]
+  <!-- Photo Gallery Section -->
+  <div class="hero-gallery">
+    <div class="gallery-main">
+      <!-- Primary hero image -->
+      <div class="hero-image">
+        {{#if: {{#show: {{{1}}} | ?Has whole plant in habitat photo}} |
+          <img src="/images/placeholder-plant.jpg" alt="{{PAGENAME}} in habitat" class="hero-img">
+        |
+          <div class="hero-placeholder">
+            <div class="placeholder-icon">🌿</div>
+            <div class="placeholder-text">No primary image available</div>
+          </div>
+        }}
+        <!-- Image overlay with key info -->
+        <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>
+    <!-- Gallery thumbnails -->
+    <div class="gallery-thumbs">
+      {{#if: {{#show: {{{1}}} | ?Has flowering branches photo}} |
+        <div class="thumb active">
+          <img src="/images/placeholder-flowering.jpg" alt="Flowering branches">
+          <span class="thumb-label">Flowering</span>
+        </div>
+      }}
+      {{#if: {{#show: {{{1}}} | ?Has close-up inflorescences photo}} |
+        <div class="thumb">
+          <img src="/images/placeholder-closeup.jpg" alt="Close-up inflorescences">
+          <span class="thumb-label">Close-up</span>
+        </div>
+      }}
+      {{#if: {{#show: {{{1}}} | ?Has habitat overview photo}} |
+        <div class="thumb">
+          <img src="/images/placeholder-habitat.jpg" alt="Habitat overview">
+          <span class="thumb-label">Habitat</span>
+        </div>
+      }}
+      {{#if: {{#show: {{{1}}} | ?Has farmer grower portraits}} |
+        <div class="thumb">
+          <img src="/images/placeholder-farmer.jpg" alt="Farmer portrait">
+          <span class="thumb-label">Farmer</span>
+        </div>
+      }}
+    </div>
+  </div>
+  <!-- Key Stats Dashboard -->
+  <div class="hero-stats">
+    <!-- Conservation Status Card -->
+    <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="stat-content">
+        <div class="stat-label">Conservation Status</div>
+        <div class="stat-value">{{#show: {{{1}}} | ?Has conservation priority | default=Unknown}}</div>
+        <div class="stat-detail">{{#show: {{{1}}} | ?Has cultivation status | default=Status unknown}}</div>
+      </div>
+    </div>
+    <!-- Collection Info Card -->
+    <div class="stat-card collection-card">
+      <div class="stat-icon">📅</div>
+      <div class="stat-content">
+        <div class="stat-label">Collection</div>
+        <div class="stat-value">{{#show: {{{1}}} | ?Has collection date | default=Date unknown}}</div>
+        <div class="stat-detail">{{#show: {{{1}}} | ?Has collection type | default=Type unknown}} • {{#show: {{{1}}} | ?Has collector | default=Collector unknown}}</div>
+      </div>
+    </div>
+    <!-- Location Card -->
+    <div class="stat-card location-card">
+      <div class="stat-icon">📍</div>
+      <div class="stat-content">
+        <div class="stat-label">Location</div>
+        <div class="stat-value">{{#show: {{{1}}} | ?Has elevation | default=Unknown}}{{#if: {{#show: {{{1}}} | ?Has elevation}} | m elevation | }}</div>
+        <div class="stat-detail">{{#show: {{{1}}} | ?Has GPS coordinates | default=Coordinates not specified}}</div>
+      </div>
+    </div>
+    <!-- Documentation Quality Card -->
+    <div class="stat-card docs-card">
+      <div class="stat-icon">📋</div>
+      <div class="stat-content">
+        <div class="stat-label">Documentation</div>
+        <div class="stat-value">{{#show: {{{1}}} | ?Has documentation status | default=Unknown}}</div>
+        <div class="stat-detail">
+          {{#if: {{#show: {{{1}}} | ?Has point of origin documentation}} | ✓ | ✗}} Origin •
+          {{#if: {{#show: {{{1}}} | ?Has photographic metadata preserved}} | ✓ | ✗}} Photos •
+          {{#if: {{#show: {{{1}}} | ?Has chain of custody maintained}} | ✓ | ✗}} Custody
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Geographic Hierarchy 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}} |
+        <div class="breadcrumb-arrow">→</div>
+        <div class="breadcrumb-item current">
+          <span class="breadcrumb-text">{{#show: {{{1}}} | ?Has field}}</span>
+        </div>
+      }}
+    </div>
+  </div>
+  <!-- Interactive Map Section -->
+  <div class="hero-map">
+    <div class="map-container">
+      {{#if: {{#show: {{{1}}} | ?Has GPS coordinates}} |
+        <!-- Map will be rendered here with coordinates -->
+        <div class="map-placeholder">
+          <div class="map-icon">🗺️</div>
+          <div class="map-coords">{{#show: {{{1}}} | ?Has GPS coordinates}}</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>
+    <!-- Quick Actions -->
+    <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>
+<!-- Temporary placeholder for detailed sections -->
+<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>
+<!-- Auto-categorization -->
+{{#show: {{{1}}} | ?Has country | template=Category link | link=none | sep= }}
+{{#show: {{{1}}} | ?Has growing region | template=Category link | link=none | sep= }}
+{{#show: {{{1}}} | ?Has documentation status | template=Category link | link=none | sep= }}
+{{#show: {{{1}}} | ?Has conservation priority | template=Category link | link=none | sep= }}
+[[Category:Accessions]]
+<noinclude>
+== Complete Accession Template ==
+This template displays a beautiful hero section for landrace cannabis accessions with proper CSS styling.
+=== Usage ===
+<pre>{{Accession|{{PAGENAME}}}}</pre>
+=== Requirements ===
+* CSS file must exist at Template:Accession/styles.css
+* Semantic properties must be properly configured
+=== Features ===
+* Photo gallery with thumbnails
+* Statistics dashboard with conservation status
+* Geographic breadcrumb navigation
+* Interactive map section
+* Mobile-responsive design
+[[Category:Templates]]
+</noinclude>