diff options
-rw-r--r-- | layouts/index.svg | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/layouts/index.svg b/layouts/index.svg new file mode 100644 index 0000000..4b235e0 --- /dev/null +++ b/layouts/index.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> |