diff options
-rw-r--r-- | exampleSite/config.yml | 20 | ||||
-rw-r--r-- | exampleSite/content/issues/2018-05-25-us-east-conn-issues.md | 2 | ||||
-rw-r--r-- | exampleSite/content/issues/2018-06-13-maintenance-window.md | 2 | ||||
-rw-r--r-- | layouts/partials/index/announcements.html | 18 | ||||
-rw-r--r-- | layouts/partials/index/components.html | 6 | ||||
-rw-r--r-- | layouts/partials/meta.html | 23 |
6 files changed, 34 insertions, 37 deletions
diff --git a/exampleSite/config.yml b/exampleSite/config.yml index 5015890..f06609b 100644 --- a/exampleSite/config.yml +++ b/exampleSite/config.yml @@ -182,16 +182,16 @@ params: # # Defaults: # - # brand: #181818 - # ok: 228B22 - # warning: EE7600 - # down: DC143C - # notice: 708090 - brand: 181818 - ok: 228B22 - disrupted: EE7600 - down: DC143C - notice: 708090 + # brand: 080d11 + # ok: 008000 // EXCEPT IT'S BROKEN LOL + # warning: d33c0d + # down: e60000 + # notice: 3a5978 + brand: 080d11 + ok: 118000 + disrupted: d33c0d + down: e60000 + notice: 3a5978 # If the status page shows that # there are disruptions or outages diff --git a/exampleSite/content/issues/2018-05-25-us-east-conn-issues.md b/exampleSite/content/issues/2018-05-25-us-east-conn-issues.md index 96c228c..524035b 100644 --- a/exampleSite/content/issues/2018-05-25-us-east-conn-issues.md +++ b/exampleSite/content/issues/2018-05-25-us-east-conn-issues.md @@ -4,7 +4,7 @@ date: 2018-05-25 04:13:00 resolved: true resolvedWhen: 2018-05-25 04:13:59 # Possible severity levels: down, disrupted, notice -severity: disrupted +severity: down affected: - API - Media Proxy diff --git a/exampleSite/content/issues/2018-06-13-maintenance-window.md b/exampleSite/content/issues/2018-06-13-maintenance-window.md index e21ae4d..0610928 100644 --- a/exampleSite/content/issues/2018-06-13-maintenance-window.md +++ b/exampleSite/content/issues/2018-06-13-maintenance-window.md @@ -4,7 +4,7 @@ date: 2018-06-13 15:54:00 resolved: false resolvedWhen: 2018-06-13 17:30:00 # Possible severity levels: down, disrupted, notice -severity: notice +severity: disrupted affected: - API section: issue diff --git a/layouts/partials/index/announcements.html b/layouts/partials/index/announcements.html index a02045e..0be3835 100644 --- a/layouts/partials/index/announcements.html +++ b/layouts/partials/index/announcements.html @@ -2,13 +2,23 @@ {{ $active := where $incidents "Params.resolved" "=" false }} {{ if $active }} - <div class="announcement-box"> + <div class="announcement-box" style="border-bottom: 0"> {{ range $active }} <div class="padding"> - <p><strong class="bold">{{ .Title }}</strong></p> + <p> + <a href="{{ .Permalink }}"><strong class="bold">{{ .Title }} →</strong></a> + </p> + + <p><small> + {{ range .Params.Affected }} + <a href="/affected/{{ . | urlize }}" class="tag no-underline">{{ . }}</a> + {{ end }} + </small></p> + {{ .Content | safeHTML | truncate 500 "…" }} - <p><a href="{{ .Permalink }}">{{ T "continueReading" }}</a></p> + <p></p> </div> - {{ else }}{{ end }} + <hr class="clean announcement-box"> + {{ end }} </div> {{ end }}
\ No newline at end of file diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html index 9424cd0..128b887 100644 --- a/layouts/partials/index/components.html +++ b/layouts/partials/index/components.html @@ -31,13 +31,13 @@ <span class="component-status"> {{ if $thisIsDown }} - {{ T "thisIsDown" }} + <b>{{ T "thisIsDown" }}</b> {{ else }} {{ if $thisIsDisrupted }} - {{ T "thisIsDisrupted" }} + <b>{{ T "thisIsDisrupted" }}</b> {{ else }} {{ if $thisIsNotice }} - {{ T "thisIsNotice" }} + <b>{{ T "thisIsNotice" }}</b> {{ else }} {{ T "thisIsOk" }} {{ end }}{{ end }}{{ end }} diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html index e2a5056..6544af8 100644 --- a/layouts/partials/meta.html +++ b/layouts/partials/meta.html @@ -23,23 +23,10 @@ </script> <!-- Sources --> <style> - /** - * Color palette - * - * Defaults: - * white: #fff; - * whitesmoke: #f5f5f5; - * forestgreen: #228B22; - * crimson: #DC143C; - * darkorange: #EE7600; - * slategray: #708090; - * - */ - html, body { margin: 0; background: #fff; - color: #444; + color: #4d4d4d; font: 100%/1.5 BlinkMacSystemFont, -apple-system, "San Francisco Text", "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0, 0.25); @@ -311,10 +298,10 @@ */ .component-status { float: right; } - .component[data-status="ok"] .component-status { color: #{{ .Site.Params.ok }};; } - .component[data-status="disrupted"] .component-status { color: #{{ .Site.Params.disrupted }};; } - .component[data-status="down"] .component-status { color: #{{ .Site.Params.down }};; } - .component[data-status="notice"] .component-status { color: #{{ .Site.Params.notice }};; } + .component[data-status="ok"] .component-status { color: #{{ .Site.Params.ok }}; } + .component[data-status="disrupted"] .component-status { color: #{{ .Site.Params.disrupted }}; } + .component[data-status="down"] .component-status { color: #{{ .Site.Params.down }}; } + .component[data-status="notice"] .component-status { color: #{{ .Site.Params.notice }}; } /** * Responsiveness |