Template:Home/FeaturedAccessionCard: Difference between revisions

Latest revision as of 00:52, 20 January 2026

No image

{Template:Name

Profile coming soon

@@ Line 1: / Line 1: @@
 <templatestyles src="Template:Home/FeaturedAccessionCard/styles.css" />
+<div class="fa-card">
+<div class="fa-media">
+{{#if:{{{HeroImage|}}}|
+{{#ifexist:File:{{{HeroImage}}}|
+<span class="fa-img">[[File:{{{HeroImage}}}{{!}}800x450px{{!}}link={{{Page|}}}{{!}}alt={{{Name|{{{AccessionID|{{{Page|Accession}}}}}}}}}]]</span>
+| <span class="fa-img fa-img--placeholder">No image</span>}}
+| <span class="fa-img fa-img--placeholder">No image</span>}}
+</div>
-<div class="fa-card">
+<div class="fa-body">
-  <div class="fa-media">
+<h3 class="fa-title">
-    {{#if:{{{HeroImage|}}}|
+{{#if:{{{Page|}}}|
-      [[File:{{{HeroImage}}}|512x|class=fa-img|alt={{{GTName}}} – {{{PopName}}}]]
+[[{{{Page}}}|{{{Name|{{{AccessionID|{{{Page}}}}}}}}}]]
-    | <div class="fa-img fa-img--placeholder">No image</div> }}
+| {{{Name|{{{AccessionID|Accession}}}}} }}
-  </div>
+</h3>
+{{#if:{{{RegionPage|}}}{{{AreaPage|}}}|
+<p class="fa-kicker">
+{{#if:{{{RegionPage|}}}|
+<span class="k-item">Region: {{#arraymap:{{{RegionPage}}}|, |x|[[x]]|, }}</span>
+|}}
+{{#if:{{{AreaPage|}}}|
+<span class="k-item">Area: {{#arraymap:{{{AreaPage}}}|, |x|[[x]]|, }}</span>
+|}}
+</p>
+}}
-  <div class="fa-body">
+<div class="fa-foot">
-    <div class="fa-kicker">
+<p class="fa-statusline">
-      {{#ifeq:{{{Status|}}}|Stable|🟢|}}
+{{#if:{{{Priority|}}}|
-      {{#ifeq:{{{Status|}}}|Vulnerable|🟡|}}
+<span class="status-pill sp--{{lc:{{{Priority}}}}}" aria-label="Conservation priority">
-      {{#ifeq:{{{Status|}}}|Endangered|🟠|}}
+<span class="pill-dot"></span>
-      {{#ifeq:{{{Status|}}}|Critical|🔴|}}
+<span class="pill-text">{{{Priority}}}</span>
-      {{#ifeq:{{{Status|}}}|Extinct|⚫|}}
+</span>
-      {{#ifeq:{{{Status|}}}|Unknown|⚪|}}
+}}
-      <span class="fa-status">{{{Status|}}}</span>
-      <span class="fa-dot">•</span>
-      <span class="fa-loc">{{{PopName|}}}</span>
-    </div>
-    <h3 class="fa-title">
+{{#if:{{{Collected|}}}|
-      {{#ifexist:{{{Page|}}}|
+<span class="pill" aria-label="Collection date">
-        [[{{{Page}}}|{{{GTName}}}]]
+<span class="pill-label">{{#time:M j, Y|{{{Collected}}}}}</span>
-      | {{{GTName}}} }}
+</span>
-    </h3>
+}}
+</p>
-    <div class="fa-sub">
+{{#if:{{{Locality|}}}|
-      <span>{{{GPName|}}}</span><span class="fa-sep">·</span>
+<p class="fa-hook">{{{Locality}}}</p>
-      <span>{{{Province|}}}, {{{Country|}}}</span>
+}}
-    </div>
-    <p class="fa-hook">{{{Hook|}}}</p>
+<div class="fa-foot-sep" role="presentation"></div>
-    <div class="fa-cta">
+<p class="fa-cta">
-      {{#ifexist:{{{Page|}}}|
+{{#if:{{{Page|}}}|
-        [[{{{Page}}}|→ View full profile]]
+[[{{{Page}}}|→ View accession]]
-      | <span class="fa-missing">Profile coming soon</span> }}
+| <span class="fa-missing">Profile coming soon</span> }}
-    </div>
+</p>
-  </div>
+</div>
+</div>
 </div>