aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMantas <11616378+mistermantas@users.noreply.github.com>2019-01-27 10:43:29 +0200
committerMantas <11616378+mistermantas@users.noreply.github.com>2019-01-27 10:43:29 +0200
commit8dd25fab185f5e1d7dc2db10a833b4977f801cd5 (patch)
tree5a8a2f7b93f65b4faa60debae2b44d31f979775c
parent5f364a5ef49c6ace597399442ba3556be2cfee89 (diff)
Fixing a11y, colors, UX, minor cleanup
-rw-r--r--exampleSite/config.yml20
-rw-r--r--exampleSite/content/issues/2018-05-25-us-east-conn-issues.md2
-rw-r--r--exampleSite/content/issues/2018-06-13-maintenance-window.md2
-rw-r--r--layouts/partials/index/announcements.html18
-rw-r--r--layouts/partials/index/components.html6
-rw-r--r--layouts/partials/meta.html23
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