Template:Home/FeaturedRegionCard: Difference between revisions

Latest revision as of 08:10, 25 August 2025

   No image

Untitled region

     
     Unknown

Region page coming soon

@@ Line 1: / Line 1: @@
 <templatestyles src="Template:Home/FeaturedRegionCard/styles.css" />
-<div class="fr-card">
+<div class="fr-card fr--status-{{lc:{{{Status|unknown}}}}}">
-<div class="fr-media">
+  <div class="fr-media">
-{{#if:{{{HeroImage|}}}
+    {{#if:{{{HeroImage|}}}
- |{{#ifexist:File:{{{HeroImage}}}
+      |{{#ifexist:File:{{{HeroImage}}}
-   |<span class="fr-img">[[File:{{{HeroImage}}}|link=|alt={{{RegionName|Untitled region}}}, {{{Country|}}}]]</span>
+        |<span class="fr-img">[[File:{{{HeroImage}}}|link=|alt={{{RegionName|Untitled region}}}, {{{Country|}}}]]</span>
-   |<span class="fr-img fr-img--placeholder">No image</span>}}
+        |<span class="fr-img">No image</span>}}
- |<span class="fr-img fr-img--placeholder">No image</span>}}
+      |<span class="fr-img">No image</span>}}
-</div>
+    {{#ifexist:{{{Page|}}}|<span class="fr-media-link">[[{{{Page}}}| ]]</span>}}
-<div class="fr-body">
+  </div>
-<p class="fr-kicker">
-{{#switch:{{lc:{{{Status|unknown}}}}}
+  <div class="fr-body">
- |stable=🟢|vulnerable=🟡|endangered=🟠|critical=🔴|extinct=⚫|unknown=⚪|#default=⚪}}
+    <h3 class="fr-title">
-<span class="fr-status">{{ucfirst:{{lc:{{{Status|Unknown}}}}}}}</span>
+      {{#ifexist:{{{Page|}}}|[[{{{Page}}}|{{{RegionName|Untitled region}}}]]|{{{RegionName|Untitled region}}}}}
-{{#if:{{{Accessions|}}}|<span class="fr-sep">•</span><span class="fr-acc">{{{Accessions}}} accessions</span>}}
+    </h3>
-</p>
-<h3 class="fr-title">
+    <p class="fr-sub">
-{{#ifexist:{{{Page|}}}|[[{{{Page}}}|{{{RegionName|Untitled region}}}]]|{{{RegionName|Untitled region}}}}}
+      {{#if:{{{GPName|}}}|{{{GPName}}} · }}
-</h3>
+      {{#if:{{{Province|}}}|{{{Province}}}, }}
-<p class="fr-sub">
+      {{{Country|}}}
-{{#if:{{{GPName|}}}|{{{GPName}}} · }}{{#if:{{{Province|}}}|{{{Province}}}, }}{{{Country|}}}
+    </p>
-</p>
-<p class="fr-hook">{{{Hook|}}}</p>
+    <div class="fr-status">
-<p class="fr-cta">
+      <i class="fr-dot" aria-hidden="true"></i>
-{{#ifexist:{{{Page|}}}|[[{{{Page}}}|→ View region]]|<span class="fr-missing">Region page coming soon</span>}}
+      <span class="fr-badgelabel">{{ucfirst:{{lc:{{{Status|Unknown}}}}}}}</span>
-</p>
+      {{#if:{{{Accessions|}}}|<span class="fr-sep">•</span><span class="fr-acc">{{{Accessions}}} accessions</span>}}
-</div>
+    </div>
+    <p class="fr-hook">{{{Hook|}}}</p>
+    <p class="fr-cta">
+      {{#ifexist:{{{Page|}}}|[[{{{Page}}}|→ View region]]|<span class="fr-missing">Region page coming soon</span>}}
+    </p>
+  </div>
 </div>