aboutsummaryrefslogtreecommitdiff
path: root/layouts/index.html
blob: 486eeaba94b5ab964b7c91d4cfaa37e90a8de803 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
{{ partial "meta" . }}
{{ $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" }}

  <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>

    <!-- Main -->
    <div class="contain">
      <noscript>
        <p class="error">Uh oh! It looks like you have disabled JavaScript. Please <a href="//enable-javascript.com">enable scripting</a> to enhance your experience on this website.</p>
        <div class="padding"></div>
      </noscript>

      <!-- Main info -->
      <div class="summary">
        <strong>
          {{ if $isDown }}
            Experiencing major issues
          {{ else }}
          {{ if $isDisrupted}}
            Experiencing disruptions
          {{ else }}
          {{ if $isNotice }}
            Please read announcement
          {{ else }}
            All systems operational
          {{ end }}{{ end }}{{ end }}
        </strong>

        <span class="status summary__date" onclick="location.reload()"></span>
      </div>

      {{ 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 }}

      <div class="padding"></div>

      <!-- Individual info -->
      <div class="components">
        {{ $systems := .Site.Params.systems }}
        {{ range $index, $systems }}
          <div class="component" data-status="ok">
            {{ . }}
            <span class="component-status">Operational</span>
          </div>
        {{ end }}
      </div>

    <!-- End main -->
  </div><div class="padding"></div><hr>

    <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>

    {{ partial "js" . }}
    {{ partial "footer" . }}
  </body>
</html>