Template:Home/FeaturedAccessionCard: Difference between revisions

Latest revision as of 05:33, 24 August 2025

   No image

⚪ Unknown Population

Untitled accession

Profile coming soon

@@ Line 2: / Line 2: @@
 <div class="fa-card">
-<div class="fa-media">
+  <div class="fa-media">
-{{#if:{{{HeroImage|}}}
+    {{#if:{{{HeroImage|}}}|
- |{{#ifexist:File:{{{HeroImage}}}
+      {{#ifexist:File:{{{HeroImage}}}|
-   |<span class="fa-img">[[File:{{{HeroImage}}}|link=|alt={{{AccessionName|{{{GTName|Untitled accession}}}}}}, {{{PopulationName|}}}]]</span>
+        <span class="fa-img">[[File:{{{HeroImage}}}|link=|alt={{{AccessionName|{{{GTName|Untitled accession}}}}}}, {{{PopulationName|}}}]]</span>
-   |<span class="fa-img fa-img--placeholder">No image</span>}}
+      | <span class="fa-img fa-img--placeholder">No image</span>}}
- |<span class="fa-img fa-img--placeholder">No image</span>}}
+    | <span class="fa-img fa-img--placeholder">No image</span>}}
-</div>
+  </div>
-<div class="fa-body">
+  <div class="fa-body">
-<p class="fa-kicker">
+    <!-- Status (population-level) -->
-{{#switch:{{lc:{{{PopStatus|unknown}}}}}
+    <p class="fa-kicker">
- |stable=🟢|vulnerable=🟡|endangered=🟠|critical=🔴|extinct=⚫|unknown=⚪|#default=⚪}}
+      <span class="k-item">
-<span class="fa-status">{{ucfirst:{{lc:{{{PopStatus|Unknown}}}}}}}</span>
+        {{#switch:{{lc:{{{PopStatus|unknown}}}}}
-<span class="fa-sep">•</span>
+          |stable=🟢|vulnerable=🟡|endangered=🟠|critical=🔴|extinct=⚫|unknown=⚪|#default=⚪}}
-{{#if:{{{PopulationPage|}}}|[[{{{PopulationPage}}}|{{{PopulationName|Population}}}]]|{{{PopulationName|Population}}}}
+        <span class="fa-status">{{ucfirst:{{lc:{{{PopStatus|Unknown}}}}}}}</span>
-</p>
+      </span>
+      <span class="k-item">
+        {{#ifexist:{{{PopulationPage|}}}
+          | [[{{{PopulationPage}}}|{{{PopulationName|Population}}}]]
+          | {{{PopulationName|Population}}}
+        }}
+      </span>
+    </p>
-<h3 class="fa-title">
+    <h3 class="fa-title">
-{{#ifexist:{{{Page|}}}|[[{{{Page}}}|{{{AccessionName|{{{GTName|Untitled accession}}}}}}]]|{{{AccessionName|{{{GTName|Untitled accession}}}}}}}}
+      {{#ifexist:{{{Page|}}}|
-</h3>
+        [[{{{Page}}}|{{{AccessionName|{{{GTName|Untitled accession}}}}}}]]
+      | {{{AccessionName|{{{GTName|Untitled accession}}}}}} }}
+    </h3>
-<p class="fa-sub">
+    <p class="fa-sub">
-{{#if:{{{Path|}}}|{{{Path}}} · }}{{#if:{{{Province|}}}|{{{Province}}}, }}{{{Country|}}}
+      {{#if:{{{Path|}}}|{{{Path}}} · }}
-</p>
+      {{#if:{{{Province|}}}|{{{Province}}},&#32;}}
+      {{{Country|}}}
+    </p>
-<p class="fa-provenance">
+    <!-- Provenance (dot separators added via CSS, never inline) -->
-{{#if:{{{AccessionID|}}}|<span class="fa-id">ID: {{{AccessionID}}}</span>}}
+    <p class="fa-provenance">
-{{#if:{{{Collector|}}}| · Collected by {{{Collector}}}{{#if:{{{CollOrg|}}}|, {{{CollOrg}}}|}}}}
+      {{#if:{{{AccessionID|}}}|<span class="pv-item"><span class="fa-id">ID: {{{AccessionID}}}</span></span>}}
-{{#if:{{{CollDate|}}}| · {{#time:Y-m-d|{{{CollDate}}}}}}}
+      {{#if:{{{Collector|}}}|<span class="pv-item">Collected by {{{Collector}}}{{#if:{{{CollOrg|}}}|, {{{CollOrg}}}|}}}</span>}}
-{{#if:{{{DocTier|}}}| · <span class="fa-badge fa-badge--tier">Tier {{{DocTier}}}</span>}}
+      {{#if:{{{CollDate|}}}|<span class="pv-item">{{#time:Y-m-d|{{{CollDate}}}}}</span>}}
-{{#if:{{{Preserved|}}}| · <span class="fa-badge fa-badge--pres">{{{Preserved}}}</span>}}
+      {{#if:{{{DocTier|}}}|<span class="pv-item"><span class="fa-badge fa-badge--tier">Tier {{{DocTier}}}</span></span>}}
-</p>
+      {{#if:{{{Preserved|}}}|<span class="pv-item"><span class="fa-badge fa-badge--pres">{{{Preserved}}}</span></span>}}
+    </p>
-<p class="fa-hook">{{{Hook|}}}</p>
+    <p class="fa-hook">{{{Hook|}}}</p>
-<p class="fa-cta">
+    <p class="fa-cta">
-{{#ifexist:{{{Page|}}}|[[{{{Page}}}|→ View accession]]|<span class="fa-missing">Profile coming soon</span>}}
+      {{#ifexist:{{{Page|}}}|
-</p>
+        [[{{{Page}}}|→ View accession]]
+      | <span class="fa-missing">Profile coming soon</span> }}
-</div>
+    </p>
+  </div>
 </div>