Template:Home/FeaturedRegionCard: Difference between revisions

Latest revision as of 02:06, 27 August 2025

   No image

Untitled region

Unknown {{#if:| {{{GrowingArea}}} | }

Profile coming soon

@@ Line 1: / Line 1: @@
-<templatestyles src="Template:Home/FeaturedAccessionCard/styles.css" />
+<templatestyles src="Template:Home/FeaturedRegionCard/styles.css" />
 <div class="fa-card">
@@ Line 5: / Line 5: @@
      {{#if:{{{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={{{HeroAlt|{{{RegionName|{{{Page|Untitled region}}}}}}}}}]]</span>
        | <span class="fa-img fa-img--placeholder">No image</span>}}
      | <span class="fa-img fa-img--placeholder">No image</span>}}
@@ Line 12: / Line 12: @@
    <div class="fa-body">
-     <!-- Status (population-level) -->
+  <!-- Title -->
-     <p class="fa-kicker">
+  <h3 class="fa-title">
-      <span class="k-item">
+    {{#ifexist:{{{Page|}}}|
-        {{#switch:{{lc:{{{PopStatus|unknown}}}}}
+      [[{{{Page}}}|{{{RegionName|{{{Page}}}}}}]]
-          |stable=🟢|vulnerable=🟡|endangered=🟠|critical=🔴|extinct=⚫|unknown=⚪|#default=⚪}}
+     | {{{RegionName|Untitled region}}} }}
-         <span class="fa-status">{{ucfirst:{{lc:{{{PopStatus|Unknown}}}}}}}</span>
+  </h3>
+  <!-- Path/lineage under title -->
+  {{#if:{{{Path|{{{GPName|}}}}}}|
+     <p class="fa-kicker"><span class="k-item">{{{Path|{{{GPName|}}}}}}</span></p>
+  }}
+  <!-- One-line pitch: only render if provided -->
+  {{#if:{{{Hook|}}}|<p class="fa-hook">{{{Hook}}}</p>}}
+  <!-- Footer: status + growing area + accessions + CTA -->
+  <div class="fa-foot">
+    <p class="fa-statusline">
+      <!-- Conservation status (colored) -->
+      <span class="status-pill sp--{{lc:{{{Status|unknown}}}}}"
+            aria-label="Conservation status: {{ucfirst:{{lc:{{{Status|Unknown}}}}}}}">
+         <span class="pill-dot"></span>
+        <span class="pill-text">{{ucfirst:{{lc:{{{Status|Unknown}}}}}}}</span>
        </span>
-       <span class="k-item">
-         {{#ifexist:{{{PopulationPage|}}}
+      <!-- Growing area (neutral) -->
-           | [[{{{PopulationPage}}}|{{{PopulationName|Population}}}]]
+       <span class="pill pill--area" aria-label="Growing area">
-          | {{{PopulationName|Population}}}
+         <span class="pill-dot"></span>
-         }}
+        <span class="pill-text">
+          {{#if:{{{GrowingArea|}}}|
+            {{{GrowingArea}}}
+           | {{#if:{{{Province|}}}|{{{Province}}}|{{{Country|}}}} }}
+         </span>
        </span>
-    </p>
-    <h3 class="fa-title">
-      {{#ifexist:{{{Page|}}}|
-        [[{{{Page}}}|{{{AccessionName|{{{GTName|Untitled accession}}}}}}]]
-      | {{{AccessionName|{{{GTName|Untitled accession}}}}}} }}
-    </h3>
-    <p class="fa-sub">
+      <!-- Accessions (neutral number + label) -->
-       {{#if:{{{Path|}}}|{{{Path}}} · }}
+       {{#if:{{{Accessions|}}}|
-      {{#if:{{{Province|}}}|{{{Province}}},&#32;}}
+        <span class="pill pill--access" aria-label="Documented accessions">
-       {{{Country|}}}
+          <span class="pill-num">{{{Accessions}}}</span>
+          <span class="pill-label">accessions</span>
+        </span>
+       }}
      </p>
-     <!-- Provenance (dot separators added via CSS, never inline) -->
+     <div class="fa-foot-sep" role="presentation"></div>
-    <p class="fa-provenance">
-      {{#if:{{{AccessionID|}}}|<span class="pv-item"><span class="fa-id">ID: {{{AccessionID}}}</span></span>}}
-      {{#if:{{{Collector|}}}|<span class="pv-item">Collected by {{{Collector}}}{{#if:{{{CollOrg|}}}|, {{{CollOrg}}}|}}}</span>}}
-      {{#if:{{{CollDate|}}}|<span class="pv-item">{{#time:Y-m-d|{{{CollDate}}}}}</span>}}
-      {{#if:{{{DocTier|}}}|<span class="pv-item"><span class="fa-badge fa-badge--tier">Tier {{{DocTier}}}</span></span>}}
-      {{#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-cta">
        {{#ifexist:{{{Page|}}}|
-         [[{{{Page}}}|→ View accession]]
+         [[{{{Page}}}|→ View region]]
        | <span class="fa-missing">Profile coming soon</span> }}
      </p>
    </div>
+</div>
 </div>