Template:Home/FeaturedRegionCard: Difference between revisions

← Older edit Newer edit →

Revision as of 17:25, 19 January 2026

No image

Untitled region

Unknown

Profile coming soon

@@ Line 1: / Line 1: @@
-<templatestyles src="Template:Home/FeaturedRegionCard/styles.css" /><div class="fa-card">
+<templatestyles src="Template:Home/FeaturedRegionCard/styles.css" />
-<div class="fa-media">{{#if:{{{HeroImage|}}}|{{#ifexist:File:{{{HeroImage}}}|<span class="fa-img">[[File:{{{HeroImage}}}|link={{{Page|}}}|alt={{{Page|Untitled region}}}]]</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-body">
+<div class="fa-card">
-<h3 class="fa-title">{{#ifexist:{{{Page|}}}|[[{{{Page}}}]]|{{{Page|Untitled region}}}}}</h3>
+<div class="fa-media">
-<p class="fa-kicker"><span class="k-item">{{#show:{{{Page|}}}|?Has gene pool}}{{#if:{{#show:{{{Page|}}}|?Has regional complex}}|{{#show:{{{Page|}}}|?Has regional complex|link=none|sep= - }}}}</span></p>
+{{#if:{{{HeroImage|}}}|
-{{#if:{{{Hook|}}}|<p class="fa-hook">{{{Hook}}}</p>}}
+{{#ifexist:File:{{{HeroImage}}}|
-<div class="fa-foot">
+<span class="fa-img">[[File:{{{HeroImage}}}|link=|alt={{{HeroAlt|{{{RegionName|{{{Page|Untitled region}}}}}}}}}]]</span>
-<p class="fa-statusline"><span class="status-pill sp--{{lc:{{#show:{{{Page|}}}|?Has conservation status|link=none|default=unknown}}}}" aria-label="Conservation status"><span class="pill-dot"></span><span class="pill-text">{{ucfirst:{{lc:{{#show:{{{Page|}}}|?Has conservation status|link=none|default=Unknown}}}}}}</span></span>{{#if:{{#ask:[[Category:Growing Areas]][[Has growing region::{{{Page|}}}]]|format=count}}|<span class="pill pill--area" aria-label="Growing areas"><span class="pill-num">{{#ask:[[Category:Growing Areas]][[Has growing region::{{{Page|}}}]]|format=count}}</span><span class="pill-label">areas</span></span>}}<span class="pill pill--access" aria-label="Documented accessions"><span class="pill-num">{{#ask:[[Category:Accessions]][[Has growing region::{{{Page|}}}]]|format=count}}</span><span class="pill-label">accessions</span></span></p>
+| <span class="fa-img fa-img--placeholder">No image</span>}}
-<div class="fa-foot-sep" role="presentation"></div>
+| <span class="fa-img fa-img--placeholder">No image</span>}}
-<p class="fa-cta">{{#ifexist:{{{Page|}}}|[[{{{Page}}}|→ View region]]|<span class="fa-missing">Profile coming soon</span>}}</p>
 </div>
+  <div class="fa-body">
+  <!-- Title -->
+  <h3 class="fa-title">
+    {{#ifexist:{{{Page|}}}|
+      [[{{{Page}}}|{{{RegionName|{{{Page}}}}}}]]
+    | {{{RegionName|Untitled region}}} }}
+  </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>
+      <!-- Growing areas count -->
+      {{#if:{{{Areas|}}}|<span class="pill pill--area" aria-label="Growing areas"><span class="pill-num">{{{Areas}}}</span><span class="pill-label">areas</span></span>}}
+        </span>
+      </span>
+      <!-- Accessions (neutral number + label) -->
+      {{#if:{{{Accessions|}}}|
+        <span class="pill pill--access" aria-label="Documented accessions">
+          <span class="pill-num">{{{Accessions}}}</span>
+          <span class="pill-label">accessions</span>
+        </span>
+      }}
+    </p>
+    <div class="fa-foot-sep" role="presentation"></div>
+    <p class="fa-cta">
+      {{#ifexist:{{{Page|}}}|
+        [[{{{Page}}}|→ View region]]
+      | <span class="fa-missing">Profile coming soon</span> }}
+    </p>
+  </div>
 </div>
 </div>