From 469c6fc298d89421e0c113ed9885cc610bc38211 Mon Sep 17 00:00:00 2001
From: Mantas Vilčinskas <hi@mnts.lt>
Date: Fri, 1 Oct 2021 23:30:43 +0300
Subject: need to test #208

I think the code for index.svg can be the same (or mostly the same) and be reapplied for other categories just because of how hugo parses things

will get this done soon for v5.1
---
 layouts/_default/list.svg | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 layouts/_default/list.svg

diff --git a/layouts/_default/list.svg b/layouts/_default/list.svg
new file mode 100644
index 0000000..dbd6483
--- /dev/null
+++ b/layouts/_default/list.svg
@@ -0,0 +1,44 @@
+{{ $incidents := where .Site.RegularPages "Params.section" "issue" -}}
+{{ $active := where $incidents "Params.resolved" "=" false -}}
+{{ $isNotice := where $active "Params.severity" "=" "notice" -}}
+{{ $isDisrupted := where $active "Params.severity" "=" "disrupted" -}}
+{{ $isDown := where $active "Params.severity" "=" "down" -}}
+{{ $shield_prefix := .Site.Title -}}
+{{ $status_text := T "thisIsOk" -}}
+{{ $status_color := .Site.Params.ok -}}
+{{ if $isDown -}}
+  {{ $status_text = T "thisIsDown" -}}
+  {{ $status_color = .Site.Params.down -}}
+{{ else if $isDisrupted -}}
+  {{ $status_text = T "thisIsDisrupted" -}}
+  {{ $status_color = .Site.Params.disrupted -}}
+{{ else if $isNotice -}}
+  {{ $status_text = T "thisIsNotice" -}}
+  {{ $status_color = .Site.Params.notice -}}
+{{ end -}}
+{{ $text_padding := 1 -}}
+{{ $left_text_lenght := $shield_prefix | strings.RuneCount -}}
+{{ $right_text_length := $status_text | strings.RuneCount -}}
+{{ $left_text_padding := $text_padding -}}
+{{ $right_box_padding := add (mul $text_padding 2) $left_text_lenght -}}
+{{ $right_text_padding := add $right_box_padding $text_padding -}}
+{{ $total_width := add (mul $text_padding 4) (add $left_text_lenght $right_text_length) -}}
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="2em" width="{{ $total_width }}ex" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+  <linearGradient id="b" x2="0" y2="100%">
+    <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+    <stop offset="1" stop-opacity=".1"/>
+  </linearGradient>
+  <clipPath id="a">
+    <rect width="100%" height="100%" rx="3" fill="#fff"/>
+  </clipPath>
+  <g clip-path="url(#a)" fill="#fff" >
+    <rect x="0" y="0" width="100%" height="100%" fill="#555" />
+    <rect x="{{ $right_box_padding }}ex" y="0" height="100%" width="100%" fill="{{ $status_color }}"/>
+    <rect x="0"  y="0" width="100%" height="100%" fill="url(#b)"/>
+    
+    <text x="{{ $left_text_padding }}ex" y="15" fill="#010101" fill-opacity=".3">{{ $shield_prefix }}</text>
+    <text x="{{ $left_text_padding }}ex" y="14">{{ $shield_prefix }}</text>
+    <text x="{{ $right_text_padding }}ex" y="15" fill="#010101" fill-opacity=".3">{{ $status_text }}</text>
+    <text x="{{ $right_text_padding }}ex" y="14">{{ $status_text }}</text>
+  </g>
+</svg>
-- 
cgit v1.2.3-70-g09d2