diff options
| -rw-r--r-- | README.md | 1 | ||||
| -rw-r--r-- | layouts/index.svg | 44 | ||||
| -rw-r--r-- | static/admin/config.yml | 9 |
3 files changed, 54 insertions, 0 deletions
@@ -13,6 +13,7 @@ Some more examples from the internet: * [Chocolatey](https://status.chocolatey.org/) +* [tmw.media](https://status.tmw.media) * [Proventa](https://status.proventa.io/) (German) * [sr.ht](https://status.sr.ht/) * [Content Ignite](https://status.contentignite.com/) 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> diff --git a/static/admin/config.yml b/static/admin/config.yml index ffff761..98a6059 100644 --- a/static/admin/config.yml +++ b/static/admin/config.yml @@ -147,6 +147,15 @@ collections: widget: 'string' hint: 'Default: 15:04 — Jan 2. Hugo formatting docs: https://gohugo.io/functions/format/#hugo-date-and-time-templating-reference' default: '15:04 — Jan 2' + # Design site title color toggle in v4.0.1 + - label: 'Site title text color' + hint: 'This is irrelevant, if you use a logo in your header. Docs: https://github.com/cstate/cstate/wiki/Customization#site-title-text-color-v401' + name: 'headerTextColor' + widget: 'select' + default: 'white' + options: + - { label: "Black", value: "black" } + - { label: "White", value: "white" } # Design toggles - label: 'Use large header design' name: 'useLargeHeaderDesign' |
