Template:Home/FeaturedAccessionCard: Difference between revisions

← Older edit

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|}}}|
-      {{#ifexist:File:{{{HeroImage}}}|
+[[{{{Page}}}|{{{Name|{{{AccessionID|{{{Page}}}}}}}}}]]
-        [[File:{{{HeroImage}}}|512px|frameless|class=fa-img|alt={{{GTName}}} – {{{PopName}}}]]
+| {{{Name|{{{AccessionID|Accession}}}}} }}
-      | <div class="fa-img fa-img--placeholder">No image</div> }}
+</h3>
-    | <div class="fa-img fa-img--placeholder">No image</div> }}
-  </div>
+{{#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">
-    <p class="fa-kicker">
+<p class="fa-statusline">
-      {{#switch:{{lc:{{{Status|}}}}}
+{{#if:{{{Priority|}}}|
-        |stable=🟢
+<span class="status-pill sp--{{lc:{{{Priority}}}}}" aria-label="Conservation priority">
-        |vulnerable=🟡
+<span class="pill-dot"></span>
-        |endangered=🟠
+<span class="pill-text">{{{Priority}}}</span>
-        |critical=🔴
+</span>
-        |extinct=⚫
+}}
-        |unknown=⚪
-        |#default=
-      }}
-      <span class="fa-status">{{{Status|}}}</span>
-      <span class="fa-dot">•</span>
-      <span class="fa-loc">{{{PopName|}}}</span>
-    </p>
-    <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>
-    <p class="fa-sub">
+{{#if:{{{Locality|}}}|
-      {{{GPName|}}} · {{{Province|}}}, {{{Country|}}}
+<p class="fa-hook">{{{Locality}}}</p>
-    </p>
+}}
-    <p class="fa-hook">{{{Hook|}}}</p>
+<div class="fa-foot-sep" role="presentation"></div>
-    <p 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> }}
-    </p>
+</p>
-  </div>
+</div>
+</div>
 </div>