Template:IndicatorCard: Difference between revisions

Latest revision as of 13:14, 6 February 2026

This is the "IndicatorCard" template. It should be called in the following format:

{{IndicatorCard
|task_title=
|strapi_id=
|indic_description=
|unit_of_measurement=
|target=
|frequency=
}}

Edit the page to see the template text.

@@ Line 1: / Line 1: @@
-<div style="background: white; border-left: 5px solid #005596; border: 1px solid #ddd; padding: 15px; margin-bottom: 15px; border-radius: 4px; box-shadow: 2px 2px 5px rgba(0,0,0,0.05); font-family: sans-serif;">
+<noinclude>
-   <div style="font-size: 0.85em; color: #666; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px;">
+This is the "IndicatorCard" template.
-     {{{?task_title|General Task}}} — <span style="color: #005596;">{{{?strapi_id|No ID}}}</span>
+It should be called in the following format:
+<pre>
+{{IndicatorCard
+|task_title=
+|strapi_id=
+|indic_description=
+|unit_of_measurement=
+|target=
+|frequency=
+}}
+</pre>
+Edit the page to see the template text.
+</noinclude><includeonly><div style="background: white; border-left: 5px solid #005596; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: box-shadow 0.2s ease;">
+  <!-- Header -->
+   <div style="font-size: 0.8em; color: #666; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; border-bottom: 2px solid #f0f0f0; padding-bottom: 8px; margin-bottom: 12px;">
+     <span style="color: #005596;">📋 {{{task_title|General Task}}}</span> <span style="color: #999; font-weight: 400;">· ID: {{{strapi_id|—}}}</span>
    </div>
-   <div style="font-size: 1.15em; color: #333; margin: 10px 0; font-weight: 600; line-height: 1.4;">
+  <!-- Description -->
-     {{{?indic_description|No description provided.}}}
+   <div style="font-size: 1.05em; color: #222; margin: 12px 0 16px 0; line-height: 1.6; font-weight: 400;">
+     {{{indic_description|No description provided.}}}
    </div>
-   <div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 15px; font-size: 0.9em; color: #444;">
+  <!-- Metrics -->
-     <div style="background: #f0f0f0; padding: 3px 8px; border-radius: 3px;">
+   <div style="display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; font-size: 0.88em;">
-       '''Unit:''' {{{?unit_of_measurement|N/A}}}
+     <div style="background: #f5f5f5; padding: 6px 12px; border-radius: 4px; border: 1px solid #e0e0e0;">
+       <span style="color: #666; font-weight: 600;">Unit:</span> <span style="color: #333;">{{{unit_of_measurement|N/A}}}</span>
      </div>
-     <div style="background: #e7f4e4; color: #2e7d32; padding: 3px 8px; border-radius: 3px; border: 1px solid #c8e6c9;">
+     <div style="background: linear-gradient(135deg, #e7f4e4 0%, #d4edda 100%); color: #2e7d32; padding: 6px 12px; border-radius: 4px; border: 1px solid #c3e6cb; font-weight: 600;">
-       '''Target:''' {{{?target|TBD}}}
+       🎯 Target: {{{target|TBD}}}
      </div>
-     <div>
+     <div style="background: #fff3e0; padding: 6px 12px; border-radius: 4px; border: 1px solid #ffe0b2; color: #e65100;">
-       '''Frequency:''' {{{?frequency|N/A}}}
+       <span style="font-weight: 600;">⏱️ Frequency:</span> {{{frequency|N/A}}}
      </div>
    </div>
-</div>
+</div></includeonly>