Template:Home/FeaturedAccessionCard: Difference between revisions

← Older edit

Latest revision as of 11:29, 19 November 2025

No image

⚪ Unknown Population

Untitled accession

Profile coming soon

@@ Line 1: / Line 1: @@
 <templatestyles src="Template:Home/FeaturedAccessionCard/styles.css" />
 <div class="fa-card">
 <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">
+    <!-- Status (population-level) -->
+    <p class="fa-kicker">
-<p class="fa-kicker">
+      <span class="k-item">
-  {{#switch:{{lc:{{{PopStatus|unknown}}}}}
+        {{#switch:{{lc:{{{PopStatus|unknown}}}}}
-    |stable=🟢|vulnerable=🟡|endangered=🟠|critical=🔴|extinct=⚫|unknown=⚪|#default=⚪}}
+          |stable=🟢|vulnerable=🟡|endangered=🟠|critical=🔴|extinct=⚫|unknown=⚪|#default=⚪}}
-  <span class="fa-status">{{ucfirst:{{lc:{{{PopStatus|Unknown}}}}}}}</span>
+        <span class="fa-status">{{ucfirst:{{lc:{{{PopStatus|Unknown}}}}}}}</span>
-  <span class="fa-sep">•</span>
+      </span>
-  {{#ifexist:{{{PopulationPage|}}}
+      <span class="k-item">
-    | [[{{{PopulationPage}}}|{{{PopulationName|Population}}}]]
+        {{#ifexist:{{{PopulationPage|}}}
-    | {{{PopulationName|Population}}}
+          | [[{{{PopulationPage}}}|{{{PopulationName|Population}}}]]
-  }}
+          | {{{PopulationName|Population}}}
-</p>
+        }}
+      </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}}}}}} }}
-<p class="fa-sub">
+    </h3>
-  {{#if:{{{Path|}}}|{{{Path}}} · }}
+    <p class="fa-sub">
-  {{#if:{{{Province|}}}|{{{Province}}},&#32;}}
+      {{#if:{{{Path|}}}|{{{Path}}} · }}
-  {{{Country|}}}
+      {{#if:{{{Province|}}}|{{{Province}}},&#32;}}
-</p>
+      {{{Country|}}}
+    </p>
+    <!-- Provenance (dot separators added via CSS, never inline) -->
-<p class="fa-provenance">
+    <p class="fa-provenance">
-{{#if:{{{AccessionID|}}}|<span class="fa-id">ID: {{{AccessionID}}}</span>}}
+      {{#if:{{{AccessionID|}}}|<span class="pv-item"><span class="fa-id">ID: {{{AccessionID}}}</span></span>}}
-{{#if:{{{Collector|}}}| · Collected by {{{Collector}}}{{#if:{{{CollOrg|}}}|, {{{CollOrg}}}|}}}}
+      {{#if:{{{Collector|}}}|<span class="pv-item">Collected by {{{Collector}}}{{#if:{{{CollOrg|}}}|, {{{CollOrg}}}|}}}</span>}}
-{{#if:{{{CollDate|}}}| · {{#time:Y-m-d|{{{CollDate}}}}}}}
+      {{#if:{{{CollDate|}}}|<span class="pv-item">{{#time:Y-m-d|{{{CollDate}}}}}</span>}}
-{{#if:{{{DocTier|}}}| · <span class="fa-badge fa-badge--tier">Tier {{{DocTier}}}</span>}}
+      {{#if:{{{DocTier|}}}|<span class="pv-item"><span class="fa-badge fa-badge--tier">Tier {{{DocTier}}}</span></span>}}
-{{#if:{{{Preserved|}}}| · <span class="fa-badge fa-badge--pres">{{{Preserved}}}</span>}}
+      {{#if:{{{Preserved|}}}|<span class="pv-item"><span class="fa-badge fa-badge--pres">{{{Preserved}}}</span></span>}}
-</p>
+    </p>
+    <p class="fa-hook">{{{Hook|}}}</p>
-<p class="fa-hook">{{{Hook|}}}</p>
+    <p class="fa-cta">
+      {{#ifexist:{{{Page|}}}|
-<p class="fa-cta">
+        [[{{{Page}}}|→ View accession]]
-{{#ifexist:{{{Page|}}}|[[{{{Page}}}|→ View accession]]|<span class="fa-missing">Profile coming soon</span>}}
+      | <span class="fa-missing">Profile coming soon</span> }}
-</p>
+    </p>
+  </div>
-</div>
 </div>