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 fr--status-{{lc:{{{Status|unknown}}}}}">
-<div class="fr-card">
    <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>}}
+     {{#ifexist:{{{Page|}}}|<span class="fr-media-link">[[{{{Page}}}| ]]</span>}}
    </div>
    <div class="fr-body">
-    <p class="fr-kicker">
-      {{#switch:{{lc:{{{Status|unknown}}}}}
-        |stable=🟢
-        |vulnerable=🟡
-        |endangered=🟠
-        |critical=🔴
-        |extinct=⚫
-        |unknown=⚪
-        |#default=⚪
-      }}
-      <span class="fr-status">{{ucfirst:{{lc:{{{Status|Unknown}}}}}}}</span>
-      {{#if:{{{Accessions|}}}|<span class="fr-sep">•</span><span class="fr-acc">{{{Accessions}}} accessions</span>}}
-    </p>
      <h3 class="fr-title">
-       {{#ifexist:{{{Page|}}}|
+       {{#ifexist:{{{Page|}}}|[[{{{Page}}}|{{{RegionName|Untitled region}}}]]|{{{RegionName|Untitled region}}}}}
-        [[{{{Page}}}|{{{RegionName|Untitled region}}}]]
-      | {{{RegionName|Untitled region}}} }}
      </h3>
      <p class="fr-sub">
-       {{#if:{{{GPName|}}}|{{{GPName}}} · }}{{#if:{{{Province|}}}|{{{Province}}}, }}{{{Country|}}}
+       {{#if:{{{GPName|}}}|{{{GPName}}} · }}
+      {{#if:{{{Province|}}}|{{{Province}}}, }}
+      {{{Country|}}}
      </p>
+    <div class="fr-status">
+      <i class="fr-dot" aria-hidden="true"></i>
+      <span class="fr-badgelabel">{{ucfirst:{{lc:{{{Status|Unknown}}}}}}}</span>
+      {{#if:{{{Accessions|}}}|<span class="fr-sep">•</span><span class="fr-acc">{{{Accessions}}} accessions</span>}}
+    </div>
      <p class="fr-hook">{{{Hook|}}}</p>
      <p class="fr-cta">
-       {{#ifexist:{{{Page|}}}|
+       {{#ifexist:{{{Page|}}}|[[{{{Page}}}|→ View region]]|<span class="fr-missing">Region page coming soon</span>}}
-        [[{{{Page}}}|→ View region]]
-      | <span class="fr-missing">Region page coming soon</span> }}
      </p>
    </div>
 </div>