Template:Home/FeaturedRegionCard: Difference between revisions

← Older edit

Latest revision as of 10:51, 19 November 2025

No image

Untitled region

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

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={{{HeroAlt|{{{RegionName|{{{Page|Untitled region}}}}}}}}}]]</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>}}
-    | <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">
-    <!-- Title FIRST -->
+  <!-- Title -->
-    <h3 class="fa-title">
+  <h3 class="fa-title">
-      {{#ifexist:{{{Page|}}}|
+    {{#ifexist:{{{Page|}}}|
-        [[{{{Page}}}|{{{RegionName|{{{Page}}}}}}]]
+      [[{{{Page}}}|{{{RegionName|{{{Page}}}}}}]]
-      | {{{RegionName|Untitled region}}} }}
+    | {{{RegionName|Untitled region}}} }}
-    </h3>
+  </h3>
-    <!-- Kicker/lineage under title -->
+  <!-- Path/lineage under title -->
-    <p class="fa-kicker">
+  {{#if:{{{Path|{{{GPName|}}}}}}|
-      {{#if:{{{Path|{{{GPName|}}}}}}|
+    <p class="fa-kicker"><span class="k-item">{{{Path|{{{GPName|}}}}}}</span></p>
-        <span class="k-item">{{{Path|{{{GPName|}}}}}}</span>
+  }}
-      }}
-    </p>
-    <!-- Metrics row: Growing areas • Accessions -->
+  <!-- One-line pitch: only render if provided -->
-    <div class="fa-metrics">
+  {{#if:{{{Hook|}}}|<p class="fa-hook">{{{Hook}}}</p>}}
-      {{#if:{{{Areas|}}}|<span class="mt-item"><span class="mt-num">{{{Areas}}}</span> <span class="mt-label">growing areas</span></span>}}
-      {{#if:{{{Accessions|}}}|<span class="mt-item"><span class="mt-num">{{{Accessions}}}</span> <span class="mt-label">accessions</span></span>}}
-    </div>
-     <!-- Optional provenance (kept, but no redundant country) -->
+  <!-- Footer: status + growing area + accessions + CTA -->
-    {{#if:{{{Province|}}}|<p class="fa-sub">{{{Province}}}</p>}}
+  <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>
-    <!-- Meta (optional; shows only if provided) -->
+      <!-- Growing area (neutral) -->
-    <p class="fa-provenance">
+      <span class="pill pill--area" aria-label="Growing area">
-      {{#if:{{{Elevation|}}}|<span class="pv-item">Elev {{{Elevation}}}</span>}}
+        <span class="pill-dot"></span>
-      {{#if:{{{Climate|}}}|<span class="pv-item">{{{Climate}}}</span>}}
+        <span class="pill-text">
-      {{#if:{{{LastUpdated|}}}|<span class="pv-item">{{#time:Y-m-d|{{{LastUpdated}}}}}</span>}}
+          {{#if:{{{GrowingArea|}}}|
-    </p>
+            {{{GrowingArea}}}
+          | {{#if:{{{Province|}}}|{{{Province}}}|{{{Country|}}}} }}
-    <!-- One-line pitch -->
+        </span>
-    <p class="fa-hook">{{{Hook|}}}</p>
+      </span>
-    <!-- Footer: Status pill + divider + CTA -->
+      <!-- Accessions (neutral number + label) -->
-    <div class="fa-foot">
+       {{#if:{{{Accessions|}}}|
-       <p class="fa-statusline">
+         <span class="pill pill--access" aria-label="Documented accessions">
-         <span class="status-pill sp--{{lc:{{{Status|unknown}}}}}"
+           <span class="pill-num">{{{Accessions}}}</span>
-              aria-label="Conservation status: {{ucfirst:{{lc:{{{Status|Unknown}}}}}}}">
+           <span class="pill-label">accessions</span>
-           <span class="pill-dot"></span>
-           <span class="pill-text">{{ucfirst:{{lc:{{{Status|Unknown}}}}}}}</span>
          </span>
-       </p>
+       }}
+    </p>
-      <div class="fa-foot-sep" role="presentation"></div>
+    <div class="fa-foot-sep" role="presentation"></div>
-      <p class="fa-cta">
+    <p class="fa-cta">
-        {{#ifexist:{{{Page|}}}|
+      {{#ifexist:{{{Page|}}}|
-          [[{{{Page}}}|→ View region]]
+        [[{{{Page}}}|→ View region]]
-        | <span class="fa-missing">Profile coming soon</span> }}
+      | <span class="fa-missing">Profile coming soon</span> }}
-      </p>
+    </p>
-    </div>
    </div>
+</div>
 </div>