diff options
Diffstat (limited to 'layouts/index.html')
| -rw-r--r-- | layouts/index.html | 98 |
1 files changed, 61 insertions, 37 deletions
diff --git a/layouts/index.html b/layouts/index.html index a09d429..eedb08d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,4 +1,5 @@ {{ partial "meta" . }} + {{ $incidents := where .Site.RegularPages "Params.section" "issue" }} {{ $active := where $incidents "Params.resolved" "=" false }} @@ -6,18 +7,8 @@ {{ $isDisrupted := where $active "Params.severity" "=" "disrupted" }} {{ $isDown := where $active "Params.severity" "=" "down" }} - <body class="status-{{ if $isDown }}down{{ else }}{{ if $isDisrupted}}disrupted{{ else }}{{ if $isNotice }}notice{{ else }}ok{{ end }}{{ end }}{{ end }}"> - <div class="header"> - <div class="contain contain--more center"> - <a href="/" class="logo"> - {{ if .Site.Params.useLogo }} - <h1><img src="{{ .Site.Params.logo }}" alt="{{ .Site.Title }}"></h1> - {{ else }} - <h1>{{ .Site.Title }}</h1> - {{ end }} - </a> - </div> - </div> + <body class="status status-{{ if $isDown }}down{{ else }}{{ if $isDisrupted}}disrupted{{ else }}{{ if $isNotice }}notice{{ else }}ok{{ end }}{{ end }}{{ end }} {{ if not .Site.Params.alwaysKeepBrandColor }}change-header-color{{ end }}"> + {{ partial "header" . }} <!-- Main --> <div class="contain"> @@ -32,7 +23,7 @@ {{ if $isDown }} Experiencing major issues {{ else }} - {{ if $isDisrupted}} + {{ if $isDisrupted }} Experiencing disruptions {{ else }} {{ if $isNotice }} @@ -42,47 +33,80 @@ {{ end }}{{ end }}{{ end }} </strong> - <span class="status summary__date" onclick="location.reload()"></span> + <span class="status summary__date" onclick="location.reload()"></span> + </div> + + {{ if $active }} + <div class="announcement-box"> + {{ range $active }} + <div class="padding"> + <p><strong>{{ .Title }}</strong></p> + {{ .Content }} + </div> + {{ else }}{{ end }} </div> + {{ end }} - {{ range $active }} - <div class="padding"></div> - <small class="date">{{ .Date.Format "January 02, 2006 at 3:04 PM" }}</small><br> - <strong class="faded">{{ .Title }}</strong> - {{ .Content }} - <div class="padding"></div> - {{ else }}{{ end }} <!-- Individual info --> - {{ if not $active }} <div class="padding"></div> <div class="components"> {{ $systems := .Site.Params.systems }} {{ range $index, $systems }} - <div class="component" data-status="ok"> + {{ $activeComponentIssues := where $active "Params.affected" "intersect" (slice .) }} + + {{ $thisIsNotice := where $activeComponentIssues "Params.severity" "=" "notice" }} + {{ $thisIsDisrupted := where $activeComponentIssues "Params.severity" "=" "disrupted" }} + {{ $thisIsDown := where $activeComponentIssues "Params.severity" "=" "down" }} + + <div class="component" data-status="{{ if $thisIsDown }}down{{ else }}{{ if $thisIsDisrupted }}disrupted{{ else }}{{ if $thisIsNotice }}notice{{ else }}ok{{ end }}{{ end }}{{ end }}"> + {{ $this := . }} {{ . }} - <span class="component-status">Operational</span> + <span class="component-status"> + {{ if $thisIsDown }} + Down + {{ else }} + {{ if $thisIsDisrupted }} + Disrupted + {{ else }} + {{ if $thisIsNotice }} + Maintenance + {{ else }} + Operational + {{ end }}{{ end }}{{ end }} + </span> </div> {{ end }} </div> - {{ end }} <!-- End main --> - </div><div class="padding"></div><hr> + </div> - <div class="contain"> - <h2 class="center">Incident history</h2> - {{ if not .Data.Pages }} - <p class="center">Looks like we do not have any incidents logged.</p> - {{ else }} - {{ range first 10 .Data.Pages }} - {{ .Render "issue" }} - {{ end }} - {{ end }} + <div class="tabs"> + <div class="contain tabs--inner"> + <a href="#incidents" class="tab tab--current"> + Incidents + </a> + <a href="/stats" class="tab tab--other"> + Uptime + </a> </div> + </div> + + + <div class="contain"> + <div class="padding"></div> + {{ if not .Data.Pages }} + <p class="center">Looks like we do not have any incidents logged.</p> + {{ else }} + {{ range .Data.Pages }} + {{ .Render "issue" }} + {{ end }} + {{ end }} + </div> - {{ partial "js" . }} - {{ partial "footer" . }} + {{ partial "js" . }} + {{ partial "footer" . }} </body> </html> |