From 81b078a04d0555de9658898d4da73e0ac83bd31c Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Tue, 7 May 2019 22:29:51 +0300
Subject: First working example of categories

---
 exampleSite/config.yml | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'exampleSite')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index 74d30b4..8b45b9b 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -99,6 +99,8 @@ baseURL: https://cstate.mnts.lt
 ############################################################
 
 params:
+  enableCategories: false
+
   # These are your systems. Change them to
   # change the amount of components.
   #
@@ -106,10 +108,21 @@ params:
   # https://github.com/cstate/cstate/wiki/Customization
   systems:
     - name: Gateway
+      category: North Coast
     - name: API
       description: The guts of the application.
+      category: Uncategorized
     - name: Media Proxy
       description: This is the service responsible for serving images, audio, and video. It is reliant on our CDN.
+      category: Uncategorized
+
+  categories:
+    - name: North Coast
+      description: The worst one. Or the best one.
+      closed: true      
+    - name: Uncategorized
+      untitled: true
+    
 
   # What date format to use?
   #
-- 
cgit v1.2.3-70-g09d2


From f8b0da97d84c043576418b9d28f5d75d94d611aa Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Wed, 8 May 2019 22:16:24 +0300
Subject: Categories working except for the arrow

---
 exampleSite/config.yml                 |  6 +++++-
 layouts/partials/index/components.html |  8 +++++---
 layouts/partials/index/summary.html    |  2 +-
 layouts/partials/meta.html             | 26 +++++++++++++++++++-------
 4 files changed, 30 insertions(+), 12 deletions(-)

(limited to 'exampleSite')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index 8b45b9b..a45d06d 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -109,6 +109,8 @@ params:
   systems:
     - name: Gateway
       category: North Coast
+    - name: Backup Gateway
+      category: East Coast
     - name: API
       description: The guts of the application.
       category: Uncategorized
@@ -119,10 +121,12 @@ params:
   categories:
     - name: North Coast
       description: The worst one. Or the best one.
-      closed: true      
+      closed: true
+    - name: East Coast      
     - name: Uncategorized
       untitled: true
     
+    
 
   # What date format to use?
   #
diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index 392acb7..47da96c 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -13,8 +13,10 @@
   {{ range $categories }}
     <div class="category">
       {{ if not .untitled }}
-      <div class="bold" style="margin: 12px 0">
-      {{ if .closed }}⯈{{ else }}⯆{{ end }}
+      <div class="bold padding clicky category__head" onclick="document.querySelector('#{{ .name | urlize }}').classList.toggle('hidden'); document.querySelector('#{{ .name | urlize }}-toggle').classList.toggle('hidden')">
+        <span class="hide-without-js" id="{{ .name | urlize }}-toggle">
+          {{ if .closed }}⯈{{ else }}⯆{{ end }}
+        </span>
 
       <b>{{ .name }}</b>
       
@@ -35,7 +37,7 @@
 
       {{ $categorySystems := where $systems "category" "=" .name }}
 
-      <div class="components">
+      <div class="components {{ if .closed }}hidden{{ end }}" id="{{ .name | urlize }}">
       {{ range $categorySystems }}
         {{ $activeComponentIssues := where $active "Params.affected" "intersect" (slice .name) }}
 
diff --git a/layouts/partials/index/summary.html b/layouts/partials/index/summary.html
index d8e3108..de6bceb 100644
--- a/layouts/partials/index/summary.html
+++ b/layouts/partials/index/summary.html
@@ -20,5 +20,5 @@
     {{ end }}{{ end }}{{ end }}
   </strong>
 
-  <span class="summary__date float-right" onclick="location.reload()"></span>
+  <div class="summary__date clicky float-right" onclick="location.reload()"></div>
 </div>
\ No newline at end of file
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index ad4655a..9acc554 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -20,6 +20,8 @@
     var themeNoticeColor = '#{{ .Site.Params.notice }}';
     var themeDisruptedColor = '#{{ .Site.Params.disrupted }}';
     var themeDownColor = '#{{ .Site.Params.down }}';
+
+
     </script>
     <!-- Sources -->
     <style>
@@ -110,6 +112,21 @@
     .padding-s { padding: 6px; }
     .padding { padding: 12px; }
 
+    .clicky { cursor: pointer; }
+    .hidden { display: none; }
+    
+
+
+    /**
+     * Categories
+     */
+
+
+    .hide-without-js { display: none; }
+    .js span.hide-without-js { display: inline; }
+    .js div.hide-without-js { display: block; }
+
+
     /**
      * UI elements
      */
@@ -182,11 +199,6 @@
       color: #fff;
     }
 
-    .summary__date {
-      display: block;
-      cursor: pointer;
-    }
-
     .summary__date:hover {
       color: #ccc;
     }
@@ -268,8 +280,8 @@
      */
 
     .issue { display: block; padding: 14px 24px; }
-    .issue:hover { background: #f5f5f5; }
-    .issue:active { background: #eee; }
+    .issue:hover, .category__head:hover { background: #f5f5f5; }
+    .issue:active, .category__head:active { background: #eee; }
 
     .issue h3 { line-height: 1.25; }
 
-- 
cgit v1.2.3-70-g09d2


From d64bc9eb93d842739671c0de8b6266e787531085 Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Thu, 9 May 2019 20:00:36 +0300
Subject: Categories FULLY WORKING

---
 exampleSite/config.yml                 | 41 ++++++++++++++++++++++++----------
 layouts/partials/index/components.html | 15 ++++++++-----
 layouts/partials/meta.html             |  9 +++++---
 3 files changed, 44 insertions(+), 21 deletions(-)

(limited to 'exampleSite')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index a45d06d..5df05d8 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -83,7 +83,7 @@ defaultContentLanguage: en
 # What is the hostname or path to the root?
 # Where is the site hosted?
 #
-# 💥 cState & Hugo don’t support '/' in
+# ❗ cState & Hugo don’t support '/' in
 # production use. It will break RSS
 # feeds and breaks permalinks since
 # version 3. If you are just testing,
@@ -99,7 +99,34 @@ baseURL: https://cstate.mnts.lt
 ############################################################
 
 params:
-  enableCategories: false
+  # Before setting up your systems, you need
+  # to first define at least one category.
+  #
+  # Categories are shown in the order that
+  # you define in this config file.
+  #
+  # Categories can have a:
+  # - name
+  # - description
+  # - closed boolean `closed: true`
+  #   That would collapse the category upon first load
+  #   and the user can expand by clicking on the category
+  #   (Requires JavaScript.)
+  # - untitled boolean `untitled: true`
+  #   This would complerely hide the name of the category.
+  #   This is useful, if you do not want to use categories
+  #   because you need to set an 'Uncategorized' category.
+  #   Or it can be used alongside other categories.
+  #
+  # For help, see the wiki:
+  # https://github.com/cstate/cstate/wiki/Customization
+  categories:
+    - name: North Coast
+      description: The main servers are located here.
+      closed: true
+    - name: East Coast      
+    - name: Uncategorized
+      untitled: true
 
   # These are your systems. Change them to
   # change the amount of components.
@@ -118,16 +145,6 @@ params:
       description: This is the service responsible for serving images, audio, and video. It is reliant on our CDN.
       category: Uncategorized
 
-  categories:
-    - name: North Coast
-      description: The worst one. Or the best one.
-      closed: true
-    - name: East Coast      
-    - name: Uncategorized
-      untitled: true
-    
-    
-
   # What date format to use?
   #
   # Hugo formatting docs:
diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index 47da96c..803c44f 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -11,14 +11,17 @@
   {{ $categories := .Site.Params.categories }}
 
   {{ range $categories }}
-    <div class="category">
+    <div class="category {{ if .closed }}category--closed{{ else }}category--open{{ end }}" id="{{ .name | urlize }}">
       {{ if not .untitled }}
-      <div class="bold padding clicky category__head" onclick="document.querySelector('#{{ .name | urlize }}').classList.toggle('hidden'); document.querySelector('#{{ .name | urlize }}-toggle').classList.toggle('hidden')">
-        <span class="hide-without-js" id="{{ .name | urlize }}-toggle">
-          {{ if .closed }}⯈{{ else }}⯆{{ end }}
+      <div class="bold padding clicky category__head" onclick="this.parentNode.classList.toggle('category--closed'); this.parentNode.classList.toggle('category--open')">
+        <span class="hide-without-js">
+          <span class="category__closed-marker">⯈</span>
+          <span class="category__open-marker">⯆</span>
         </span>
 
-      <b>{{ .name }}</b>
+      <b>
+        {{ .name }}
+      </b>
       
       {{ with .description }}
         <span class="tooltip tooltip--small">
@@ -37,7 +40,7 @@
 
       {{ $categorySystems := where $systems "category" "=" .name }}
 
-      <div class="components {{ if .closed }}hidden{{ end }}" id="{{ .name | urlize }}">
+      <div class="components">
       {{ range $categorySystems }}
         {{ $activeComponentIssues := where $active "Params.affected" "intersect" (slice .name) }}
 
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 9acc554..1acf474 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -111,17 +111,20 @@
     .right { text-align: right; }
     .padding-s { padding: 6px; }
     .padding { padding: 12px; }
-
     .clicky { cursor: pointer; }
-    .hidden { display: none; }
-    
 
 
     /**
      * Categories
      */
 
+    /* Categories themselves */
+    .js .category--open .category__closed-marker { display: none; }
+    .js .category--closed .components { display: none; }
+    .js .category--closed .category__open-marker { display: none; }
 
+    /* Markers */
+    .js .hidden-with-js { display: none; }
     .hide-without-js { display: none; }
     .js span.hide-without-js { display: inline; }
     .js div.hide-without-js { display: block; }
-- 
cgit v1.2.3-70-g09d2


From c62329ce102df226cc62b832232d6e9d528bd0df Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Thu, 9 May 2019 21:20:38 +0300
Subject: #27 - 1st working API kinda

---
 exampleSite/config.yml                                     | 13 +++++++++++++
 .../content/issues/2018-05-25-us-east-conn-issues.md       |  1 +
 layouts/_default/single.html                               |  4 +++-
 layouts/issues/single.json                                 | 14 ++++++++++++++
 4 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 layouts/issues/single.json

(limited to 'exampleSite')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index 5df05d8..8e88fb6 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -263,3 +263,16 @@ preserveTaxonomyNames: true
 
 taxonomies:
   affected: affected
+
+outputs:
+  page:
+    - html
+    - json
+  section:
+    - html
+    - json
+    - rss
+  home:
+    - html
+    - json
+    - rss
\ No newline at end of file
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 524035b..8178189 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
@@ -8,6 +8,7 @@ severity: down
 affected:
   - API
   - Media Proxy
+  - Gateway
 section: issue
 ---
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 51a09e8..48596df 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -2,7 +2,9 @@
   <body class="default single">
     <div class="contain">
       <a href="{{ .Site.BaseURL }}">← {{ T "goBack" }} <em>{{ .Site.Title }}</em></a>
-      <hr>
+      
+      <div class="padding"></div>
+
       {{ .Content }}
     </div>
 
diff --git a/layouts/issues/single.json b/layouts/issues/single.json
new file mode 100644
index 0000000..6287288
--- /dev/null
+++ b/layouts/issues/single.json
@@ -0,0 +1,14 @@
+
+{
+  "section": "{{ .Section }}",
+  "title": "{{ .Title }}",
+  "created_at": "{{ .Date }}",
+  "severity": "{{ .Params.severity }}",
+  "resolved": "{{ .Params.resolved }}",
+  "resolved_at": "{{ .Params.resolvedWhen }}",
+  "affected": [{{ range $i, $e := .Params.Affected }}{{ if $i }}, {{ end }}'{{ . }}'{{ end }}],
+
+  "body": {{ jsonify .Content }},
+
+  "filename": "{{ .File.LogicalName }}"
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2


From 8c0968e4f3e7d28696705394edc49e374bef2f85 Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Tue, 18 Jun 2019 19:48:16 +0300
Subject: Add logic for yearly view

---
 exampleSite/config.yml | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'exampleSite')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index 8e88fb6..f0a19cd 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -163,6 +163,15 @@ params:
   # BOOLEAN; `true`, `false`
   useLargeHeaderDesign: false
 
+  # Should incident history be separated
+  # yearly, in an archive view?
+  #
+  # Note: This WILL disable pagination.
+  #
+  # Default: true
+  # BOOLEAN; `true`, `false`
+  enableYearlyIncidentHistory: false
+
   # Should we show the logo or the title
   # of the status page?
   #
@@ -275,4 +284,4 @@ outputs:
   home:
     - html
     - json
-    - rss
\ No newline at end of file
+    - rss
-- 
cgit v1.2.3-70-g09d2


From a07a3ccb6d76f3bacc85eddf0c132aa29a1a610c Mon Sep 17 00:00:00 2001
From: Mantas Vilčinskas <hi@mnts.lt>
Date: Fri, 4 Oct 2019 18:59:16 +0300
Subject: Added symbols for severity, informational posts, yearly layout
 default

---
 exampleSite/config.yml                             |  2 +-
 .../issues/2018-06-13-maintenance-window.md        |  3 +-
 .../issues/2019-10-04-testing-cstate-functions.md  | 11 +++++
 .../issues/2019-10-08-testing-new-pipeline.md      | 13 ++++++
 layouts/issues/issue.html                          | 13 +++++-
 layouts/issues/small.html                          | 52 +++++++++++++++-------
 layouts/partials/index/incidents-yearly.html       |  4 +-
 7 files changed, 78 insertions(+), 20 deletions(-)
 create mode 100644 exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
 create mode 100644 exampleSite/content/issues/2019-10-08-testing-new-pipeline.md

(limited to 'exampleSite')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index f0a19cd..0a3afe1 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -170,7 +170,7 @@ params:
   #
   # Default: true
   # BOOLEAN; `true`, `false`
-  enableYearlyIncidentHistory: false
+  enableYearlyIncidentHistory: true
 
   # Should we show the logo or the title
   # of the status page?
diff --git a/exampleSite/content/issues/2018-06-13-maintenance-window.md b/exampleSite/content/issues/2018-06-13-maintenance-window.md
index 6b75810..dae3afb 100644
--- a/exampleSite/content/issues/2018-06-13-maintenance-window.md
+++ b/exampleSite/content/issues/2018-06-13-maintenance-window.md
@@ -1,7 +1,8 @@
 ---
 title: Maintenance Window
 date: 2018-06-13 15:54:00
-resolved: false
+resolved: true
+resolvedWhen: 2018-06-13 16:54:00
 # Possible severity levels: down, disrupted, notice
 severity: disrupted
 affected:
diff --git a/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md b/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
new file mode 100644
index 0000000..e8e2250
--- /dev/null
+++ b/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
@@ -0,0 +1,11 @@
+---
+title: Testing New cState Features
+date: 2019-10-04 18:05:00
+resolvedWhen: 2019-10-04 18:05:00
+informational: true
+section: issue
+---
+
+There is a new feature in cState version 4 that lets you make what are called _informational_ posts. The main difference is that there will be no _Unresolved_ or _Resolved in under a minute_ text on the pages.
+
+This is essentially a page with a date and title.
\ No newline at end of file
diff --git a/exampleSite/content/issues/2019-10-08-testing-new-pipeline.md b/exampleSite/content/issues/2019-10-08-testing-new-pipeline.md
new file mode 100644
index 0000000..c30358c
--- /dev/null
+++ b/exampleSite/content/issues/2019-10-08-testing-new-pipeline.md
@@ -0,0 +1,13 @@
+---
+title: New Pipeline Rollout
+date: 2019-10-05 16:24:00
+resolved: false
+resolvedWhen: 2019-10-05 16:58:00
+# Possible severity levels: down, disrupted, notice
+severity: disrupted
+affected:
+  - API
+section: issue
+---
+
+There may be disruptions in the rollout.
\ No newline at end of file
diff --git a/layouts/issues/issue.html b/layouts/issues/issue.html
index c344f57..24cadd8 100644
--- a/layouts/issues/issue.html
+++ b/layouts/issues/issue.html
@@ -24,7 +24,8 @@
     {{ end }}
   </small></p>
 
-  {{ if .Params.Resolved }}
+  {{ if .Params.informational }}
+  {{ else if .Params.Resolved }}
   {{ $t := (time .Params.ResolvedWhen) }}
   {{ $timeDiff := (sub $t.Unix .Date.Unix) }}
   {{ $diffInMin := (div $timeDiff 60) }}
@@ -79,7 +80,15 @@
     {{ end }}
   {{ end }}
   {{ else }}
-    <strong class="error">{{ T "downtimeOngoing" }}</strong>
+    <strong class="error">
+      {{ if eq .Params.severity "down" }}
+      ◼ 
+      {{ else if eq .Params.severity "disrupted" }}
+      ▲
+      {{ else }}
+      ◆
+      {{ end }}
+      {{ T "downtimeOngoing" }}</strong>
   {{ end }}
 
   <hr>
diff --git a/layouts/issues/small.html b/layouts/issues/small.html
index ef30b75..9349046 100644
--- a/layouts/issues/small.html
+++ b/layouts/issues/small.html
@@ -6,7 +6,23 @@
 {{ $isDown := where $active "Params.severity" "=" "down" }}
 
 <a href="{{ .Permalink }}" class="issue no-underline">
-  {{ if .Params.Resolved }}
+  {{ if .Params.informational }}
+    
+    <small class="date float-right">
+      {{ if .Site.Params.dateFormat }}
+        {{ .Date.Format .Site.Params.dateFormat }}
+      {{ else }}
+        {{ .Date.Format "January 2, 2006 at 3:04 PM" }}
+      {{ end }}
+    </small>
+
+    <h3>
+      {{ .Title }} &nbsp;ℹ
+    </h3>
+    <span class="faded">{{ .Summary | truncate 200 }}
+    </span>
+  
+  {{ else if .Params.Resolved }}
     <small class="date float-right">
       {{ if .Site.Params.dateFormat }}
         {{ .Date.Format .Site.Params.dateFormat }}
@@ -49,24 +65,30 @@
         </div>
       {{ end }}
     {{ end }}
-
-
   {{ else }}
 
-  <small class="date float-right">
-    {{ if .Site.Params.dateFormat }}
-      {{ .Date.Format .Site.Params.dateFormat }}
-    {{ else }}
-      {{ .Date.Format "January 2, 2006 at 3:04 PM" }}
-    {{ end }}
-  </small>
+    <small class="date float-right">
+      {{ if .Site.Params.dateFormat }}
+        {{ .Date.Format .Site.Params.dateFormat }}
+      {{ else }}
+        {{ .Date.Format "January 2, 2006 at 3:04 PM" }}
+      {{ end }}
+    </small>
 
-  <h3>
-    {{ .Title }}
-  </h3>
+    <h3>
+      {{ .Title }}
+    </h3>
 
-  <!-- Marker -->
-  <div class="error">{{ T "downtimeOngoing" }}</div>
+    <!-- Marker -->
+    <strong class="error">
+      {{ if eq .Params.severity "down" }}
+      ◼ 
+      {{ else if eq .Params.severity "disrupted" }}
+      ▲
+      {{ else }}
+      ◆
+      {{ end }}
+      {{ T "downtimeOngoing" }}</strong>
 
   {{ end }}
 </a>
diff --git a/layouts/partials/index/incidents-yearly.html b/layouts/partials/index/incidents-yearly.html
index 36f6e44..5cc323a 100644
--- a/layouts/partials/index/incidents-yearly.html
+++ b/layouts/partials/index/incidents-yearly.html
@@ -1,7 +1,9 @@
 {{ $incidents := where .Site.RegularPages "Params.section" "issue" }}
 
 {{ range ((where .Site.RegularPages "Params.section" "issue").GroupByDate "2006") }}
-  <p class="center" id="{{ .Key }}"><a href="#{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong></a></p>
+  <p class="center" id="{{ .Key }}"><a href="#{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong>
+    <span class="faded">({{ len .Pages }})</span>
+  </a></p>
   
   {{ range .Pages }}
     {{ .Render "small" }}
-- 
cgit v1.2.3-70-g09d2


From 19d5be70f84c21011869b6c8340a0589f353beb8 Mon Sep 17 00:00:00 2001
From: Mantas Vilčinskas <hi@mnts.lt>
Date: Sat, 5 Oct 2019 19:43:56 +0300
Subject: Added API for index, fully added #43 with tweaks to yrly archive

---
 exampleSite/config.yml                             |  8 ++---
 .../issues/2018-01-17-sending-dms-impacted.md      |  4 +--
 .../issues/2018-05-25-us-east-conn-issues.md       |  4 +--
 layouts/index.html                                 |  4 ++-
 layouts/index.json                                 | 39 ++++++++++++++++++++++
 layouts/issues/single.json                         |  9 +++--
 layouts/partials/index/incidents-monthly.html      | 29 ++++++++++++++++
 layouts/partials/index/incidents-yearly.html       |  9 +++--
 8 files changed, 89 insertions(+), 17 deletions(-)
 create mode 100644 layouts/index.json
 create mode 100644 layouts/partials/index/incidents-monthly.html

(limited to 'exampleSite')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index 0a3afe1..a894d26 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -164,13 +164,13 @@ params:
   useLargeHeaderDesign: false
 
   # Should incident history be separated
-  # yearly, in an archive view?
+  # like in an archive view?
   #
   # Note: This WILL disable pagination.
   #
-  # Default: true
-  # BOOLEAN; `true`, `false`
-  enableYearlyIncidentHistory: true
+  # Default: `yearly`
+  # STRING; `monthly`, `yearly`, `none`
+  incidentHistoryFormat: "yearly"
 
   # Should we show the logo or the title
   # of the status page?
diff --git a/exampleSite/content/issues/2018-01-17-sending-dms-impacted.md b/exampleSite/content/issues/2018-01-17-sending-dms-impacted.md
index 0af6136..b96139f 100644
--- a/exampleSite/content/issues/2018-01-17-sending-dms-impacted.md
+++ b/exampleSite/content/issues/2018-01-17-sending-dms-impacted.md
@@ -1,8 +1,8 @@
 ---
 title: Issues Sending DMs
-date: 2018-01-17 16:24:00
+date: 2017-12-17 16:24:00
 resolved: true
-resolvedWhen: 2018-01-17 16:58:00
+resolvedWhen: 2017-12-17 16:58:00
 # Possible severity levels: down, disrupted, notice
 severity: disrupted
 affected:
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 8178189..8d56cf2 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
@@ -1,8 +1,8 @@
 ---
 title: US East Connection Issues
-date: 2018-05-25 04:13:00
+date: 2018-04-25 04:13:00
 resolved: true
-resolvedWhen: 2018-05-25 04:13:59
+resolvedWhen: 2018-04-25 04:13:59
 # Possible severity levels: down, disrupted, notice
 severity: down
 affected:
diff --git a/layouts/index.html b/layouts/index.html
index da6f6ad..c02224a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -38,8 +38,10 @@
 
   <!-- All incidents + pagination -->
   <div class="contain contain--more" id="incidents">
-    {{ if .Site.Params.enableYearlyIncidentHistory }}
+    {{ if eq .Site.Params.incidentHistoryFormat "yearly" }}
       {{ partial "index/incidents-yearly" . }}
+    {{ else if eq .Site.Params.incidentHistoryFormat "monthly" }}
+      {{ partial "index/incidents-monthly" . }}
     {{ else }}
       {{ partial "index/incidents" . }}
     {{ end }}
diff --git a/layouts/index.json b/layouts/index.json
new file mode 100644
index 0000000..2495f60
--- /dev/null
+++ b/layouts/index.json
@@ -0,0 +1,39 @@
+{
+  "version": "4.0",
+  "title": "{{ .Site.Title }}",
+  "languageCodeHTML": "{{ .Site.LanguageCode }}",
+  "languageCode": "{{ T "languageCode" }}",
+  "languageCode": "{{ T "languageCode" }}", 
+  "baseURL": "{{ .Site.BaseURL }}", 
+  "description": "{{ .Site.Params.Description }}",
+  "logo": "{{ .Site.Params.logo | absURL }}",
+  "categories": [
+    {{ range $i, $e := .Site.Params.categories }}{{ if $i }},{{ end }}
+      {
+        "name": "{{ .name }}",{{ if .description }}
+        "description": "{{ .description }}",{{ end }}
+        "hideTitle": "{{ .untitled }}",
+        "closedByDefault": "{{ .closed }}"
+      }
+    {{ end }}
+  ],
+  "systems": [
+    {{ range $i, $e := .Site.Params.systems }}{{ if $i }},{{ end }}
+      {
+        "name": "{{ .name }}",{{ if .description }}
+        "description": "{{ .description }}",{{ end }}
+        "category": "{{ .category }}",
+        "hideTitle": "{{ .untitled }}",
+        "closedByDefault": "{{ .closed }}"
+      }
+    {{ end }}
+  ],
+
+  "colorBrand": "{{ .Site.Params.Brand }}",
+  "colorOk": "{{ .Site.Params.Ok }}",
+  "colorDisrupted": "{{ .Site.Params.Disrupted }}",
+  "colorDown": "{{ .Site.Params.Down }}",
+  "colorNotice": "{{ .Site.Params.Notice }}",
+  "alwaysKeepBrandColor": "{{ .Site.Params.alwaysKeepBrandColor }}",
+  "googleAnalytics": "{{ .Site.Params.googleAnalytics }}"
+}
\ No newline at end of file
diff --git a/layouts/issues/single.json b/layouts/issues/single.json
index 6287288..897998a 100644
--- a/layouts/issues/single.json
+++ b/layouts/issues/single.json
@@ -5,10 +5,9 @@
   "created_at": "{{ .Date }}",
   "severity": "{{ .Params.severity }}",
   "resolved": "{{ .Params.resolved }}",
+  "informational": "{{ .Params.informational }}",
   "resolved_at": "{{ .Params.resolvedWhen }}",
-  "affected": [{{ range $i, $e := .Params.Affected }}{{ if $i }}, {{ end }}'{{ . }}'{{ end }}],
-
-  "body": {{ jsonify .Content }},
-
-  "filename": "{{ .File.LogicalName }}"
+  "affected": [{{ range $i, $e := .Params.Affected }}{{ if $i }}, {{ end }}"{{ . }}"{{ end }}],
+  "filename": "{{ .File.LogicalName }}",
+  "body": {{ jsonify .Content }}
 }
\ No newline at end of file
diff --git a/layouts/partials/index/incidents-monthly.html b/layouts/partials/index/incidents-monthly.html
new file mode 100644
index 0000000..263bc52
--- /dev/null
+++ b/layouts/partials/index/incidents-monthly.html
@@ -0,0 +1,29 @@
+{{ $incidents := where .Site.RegularPages "Params.section" "issue" }}
+
+
+
+{{ range ($incidents.GroupByDate "1") }}
+  <div class="padding"></div>
+  <hr>
+  <p class="center" id="archive-{{ range first 1 .Pages }}{{ .Date.Format "2006" }}{{ end }}-{{ .Key }}"><a href="#archive-{{ range first 1 .Pages }}{{ .Date.Format "2006" }}{{ end }}-{{ .Key }}" class="no-underline">
+    <b>
+      <!-- Hugo requires a '0' in the month
+      which is why this check exists -->
+      {{ if gt .Key 9 }}
+        {{ $month := printf "2006-%s-02" .Key }}
+        {{ $monthDate := $month | time }}
+        {{ $monthDate.Format "January" }}
+      {{ else }}
+        {{ $month := printf "2006-0%s-02" .Key }}
+        {{ $monthDate := $month | time }}
+        {{ $monthDate.Format "January" }}
+      {{ end }}
+      {{ range first 1 .Pages }}{{ .Date.Format "2006" }}{{ end }}
+    </b><small class="faded">({{ len .Pages }})</small>
+  </a></p>
+  <hr>
+
+  {{ range .Pages }}
+    {{ .Render "small" }}
+  {{ end }}
+{{ end }}
diff --git a/layouts/partials/index/incidents-yearly.html b/layouts/partials/index/incidents-yearly.html
index 5cc323a..d07be9d 100644
--- a/layouts/partials/index/incidents-yearly.html
+++ b/layouts/partials/index/incidents-yearly.html
@@ -1,9 +1,12 @@
 {{ $incidents := where .Site.RegularPages "Params.section" "issue" }}
 
-{{ range ((where .Site.RegularPages "Params.section" "issue").GroupByDate "2006") }}
-  <p class="center" id="{{ .Key }}"><a href="#{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong>
+
+{{ range ($incidents.GroupByDate "2006") }}
+  <div class="padding"></div>
+  <hr>
+  <p class="center" id="archive-{{ .Key }}"><a href="#archive-{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong>
     <span class="faded">({{ len .Pages }})</span>
-  </a></p>
+  </a></p><hr>
   
   {{ range .Pages }}
     {{ .Render "small" }}
-- 
cgit v1.2.3-70-g09d2


From 91f464f8f67e172f7276b3644e16b3b89a992113 Mon Sep 17 00:00:00 2001
From: Mantas Vilčinskas <hi@mnts.lt>
Date: Sun, 15 Dec 2019 12:12:43 +0200
Subject: Design updates - dark mode finished, mini fixes

---
 README.md                                          |  2 +-
 exampleSite/config.yml                             | 15 ++++
 .../issues/2019-10-04-testing-cstate-functions.md  |  1 -
 layouts/issues/issue.html                          |  6 +-
 layouts/issues/small.html                          |  6 +-
 layouts/partials/meta.html                         | 82 +++++++++++++++-------
 6 files changed, 80 insertions(+), 32 deletions(-)

(limited to 'exampleSite')

diff --git a/README.md b/README.md
index 809feca..5a047c5 100644
--- a/README.md
+++ b/README.md
@@ -98,7 +98,7 @@ git submodule add https://github.com/cstate/cstate
 1. Clone this repository in the command line:
 
 ```bash
-git clone --recurisve https://github.com/cstate/cstate.git
+git clone --recursive -b master https://github.com/cstate/cstate.git
 ```
 
 2. Navigate to the theme directory:
diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index a894d26..98f95c0 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -172,6 +172,21 @@ params:
   # STRING; `monthly`, `yearly`, `none`
   incidentHistoryFormat: "yearly"
 
+  # Disable dark mode
+  #
+  # If your OS and browser support the
+  # `prefers-color-scheme` media query,
+  # cState will automatically switch to
+  # a darker user interface.
+  #
+  # cState uses its built-in colors for
+  # most of the interface to ensure
+  # a good user experience.
+  #
+  # Default: false
+  # BOOLEAN; `true`, `false`
+  disableDarkMode: false
+
   # Should we show the logo or the title
   # of the status page?
   #
diff --git a/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md b/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
index e8e2250..efdf7d7 100644
--- a/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
+++ b/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
@@ -1,7 +1,6 @@
 ---
 title: Testing New cState Features
 date: 2019-10-04 18:05:00
-resolvedWhen: 2019-10-04 18:05:00
 informational: true
 section: issue
 ---
diff --git a/layouts/issues/issue.html b/layouts/issues/issue.html
index 24cadd8..62f3ab3 100644
--- a/layouts/issues/issue.html
+++ b/layouts/issues/issue.html
@@ -82,11 +82,11 @@
   {{ else }}
     <strong class="error">
       {{ if eq .Params.severity "down" }}
-      ◼ 
+      ■ 
       {{ else if eq .Params.severity "disrupted" }}
-      ▲
+      ▲ 
       {{ else }}
-      ◆
+      ◆ 
       {{ end }}
       {{ T "downtimeOngoing" }}</strong>
   {{ end }}
diff --git a/layouts/issues/small.html b/layouts/issues/small.html
index 9349046..0e1d5ed 100644
--- a/layouts/issues/small.html
+++ b/layouts/issues/small.html
@@ -82,11 +82,11 @@
     <!-- Marker -->
     <strong class="error">
       {{ if eq .Params.severity "down" }}
-      ◼ 
+      ■ 
       {{ else if eq .Params.severity "disrupted" }}
-      ▲
+      ▲ 
       {{ else }}
-      ◆
+      ◆ 
       {{ end }}
       {{ T "downtimeOngoing" }}</strong>
 
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index a5f6472..bcd3967 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -29,7 +29,7 @@
       margin: 0;
       background: #fff;
       color: #4d4d4d;
-      font: 100%/1.5 'Inter', "Inter UI", BlinkMacSystemFont, -apple-system, "San Francisco Text", "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+      font: 100%/1.5 "Inter", "Inter UI", 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);
     }
@@ -66,7 +66,7 @@
     h1, h2, h4 {
       font-weight: normal;
       color: #000;
-      font-family: 'Inter', "Inter UI", "Segoe UI", BlinkMacSystemFont, -apple-system, "San Francisco Display", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+      font-family: "Inter", "Inter UI", "Segoe UI", BlinkMacSystemFont, -apple-system, "San Francisco Display", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
       letter-spacing: -0.4px;
     }
 
@@ -332,30 +332,64 @@
       }
     }
 
-    /**
-     * Dark theme
-     */
+    {{ if not .Site.Params.disableDarkMode }}
+      /**
+      * Dark theme
+      */
+      
+      @media (prefers-color-scheme: dark) {
+        /* Basics */
+        html, body { background:  #181a1b; color: #ccc9c1; }
+        h1, h2, h3, h4, a, .bold { color: #fafafa; }
+        hr { border-bottom-color: #3d3d3d; }
+        
+        /* Sections */
+        .footer { background: #1b1d1e; }
+        
+        .components {
+          border: 2px solid #ddd;
+          border-bottom: 0;
+          border-color: #3a3a3a;
+        }
 
-     @media (prefers-color-scheme: dark) {
-          html, body   { background:  #181a1b; color: #ccc9c1; }
-          h1, h2, h3, h4, a, .bold { color: #e8e6e3; }
-          hr { border-bottom-color: #3d3d3d; }
-          .footer { background: #1b1d1e; }
-          .date { color: #c3bfb6; }
-          .components { border: 2px solid #ddd; border-bottom: 0; border-color: #3a3a3a; }
-          .component { border-bottom: 2px solid #ddd; color: #e8e6e3; border-bottom-color: #3a3a3a; }
-          .tag { background-image: initial; background-color: #1d1f20; }
-          .tag:hover { background: #222; }
-          .issue:hover {background-color: #1b1d1e }
-          .error { color: #ff4242; }
-          .hinted, .faded { color: #c1bcb3; }
-          .warning {color: #ff8b52; }
-          .ok { color: #7fff7f; }
-          .component[data-status="disrupted"] 
-          .component-status { color: #ff8b52; }
-          .component[data-status="ok"] 
-          .component-status { color: #7fff7f; }
+        .component {
+          border-bottom: 2px solid #ddd;
+          color: #e8e6e3;
+          border-bottom-color: #3a3a3a;
         }
+
+        .tabs { border-bottom-color: #3d3d3d; }
+        .tab--current {
+          border-color: #3d3d3d;
+          border-bottom-color: #181a1b;
+        }
+        .tab--other { color: #757575; }
+        .tab--other:hover { color: #fff; }
+
+        .date { color: #c3bfb6; }
+
+        .tag { background-color: #1d1f20; }
+        .tag:hover { background: #222; }
+        .issue:hover,
+        .category__head:hover { background-color: #212121; }
+
+        /* Colors for dark mode */
+
+        .hinted, .faded { color: #c1bcb3; }
+        .error { color: #ff4242; }
+        .warning {color: #ffde7f; }
+        .ok { color: #7fff7f; }
+
+        .component[data-status="ok"] 
+        .component-status { color: #7fff7f; }
+        .component[data-status="disrupted"] 
+        .component-status { color: #ffde7f; }
+        .component[data-status="notice"] 
+        .component-status { color: #83a4e8; }
+        .component[data-status="down"]
+        .component-status { color: #ff8181; }
+      }
+    {{ end }}
     </style>
     {{ if .Site.Params.enableCustomHTML }}
       {{ partial "custom/meta" . }}
-- 
cgit v1.2.3-70-g09d2


From d04adae5f8ac3e8296b2efc1c455abdafc37eb60 Mon Sep 17 00:00:00 2001
From: Mantas Vilčinskas <hi@mnts.lt>
Date: Sun, 15 Dec 2019 12:37:26 +0200
Subject: Fix #83 - hex colors now need hash

---
 exampleSite/config.yml     | 24 +++++++++++++-----------
 layouts/partials/meta.html | 42 +++++++++++++++++++++---------------------
 static/admin/config.yml    | 20 ++++++++++----------
 3 files changed, 44 insertions(+), 42 deletions(-)

(limited to 'exampleSite')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index 98f95c0..3e474b1 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -237,20 +237,22 @@ params:
   incidentPostsPerPage: 10
 
   # Colors throughout cState
-  # HEX codes without the #
+  #
+  # We recommend using HEX
+  # (with the # symbol).
   #
   # Defaults:
   #
-  # brand: "0a0c0f"
-  # ok: "008000"
-  # disrupted: "cc4400"
-  # down: "e60000"
-  # notice: "24478f"
-  brand: "0a0c0f"
-  ok: "008000"
-  disrupted: "cc4400"
-  down: "e60000"
-  notice: "24478f"
+  # brand: "#0a0c0f"
+  # ok: "#008000"
+  # disrupted: "#cc4400"
+  # down: "#e60000"
+  # notice: "#24478f"
+  brand: "#0a0c0f"
+  ok: "#008000"
+  disrupted: "#cc4400"
+  down: "#e60000"
+  notice: "#24478f"
 
   # If the status page shows that
   # there are disruptions or outages
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index bcd3967..d953331 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -13,13 +13,13 @@
     {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
     {{ end -}}
     <meta name="generator" content="cState v4.0.0 - Dev 2019-10-06">
-    <meta name="theme-color" content="#{{ .Site.Params.brand }}">
+    <meta name="theme-color" content="{{ .Site.Params.brand }}">
     <script>
-    var themeBrandColor = '#{{ .Site.Params.brand }}';
-    var themeOkColor = '#{{ .Site.Params.ok }}';
-    var themeNoticeColor = '#{{ .Site.Params.notice }}';
-    var themeDisruptedColor = '#{{ .Site.Params.disrupted }}';
-    var themeDownColor = '#{{ .Site.Params.down }}';
+    var themeBrandColor = '{{ .Site.Params.brand }}';
+    var themeOkColor = '{{ .Site.Params.ok }}';
+    var themeNoticeColor = '{{ .Site.Params.notice }}';
+    var themeDisruptedColor = '{{ .Site.Params.disrupted }}';
+    var themeDownColor = '{{ .Site.Params.down }}';
 
 
     </script>
@@ -95,9 +95,9 @@
 
     .clean { margin: 0; }
 
-    .ok { color: #{{ .Site.Params.ok }}; }
-    .warning { color: #{{ .Site.Params.disrupted }}; }
-    .error { color: #{{ .Site.Params.down }}; }
+    .ok { color: {{ .Site.Params.ok }}; }
+    .warning { color: {{ .Site.Params.disrupted }}; }
+    .error { color: {{ .Site.Params.down }}; }
 
     .contain {
       max-width: 640px;
@@ -157,7 +157,7 @@
 
     .header {
       padding: 8px 0;
-      background: #{{ .Site.Params.brand }};
+      background: {{ .Site.Params.brand }};
     }
 
     .header a {
@@ -295,18 +295,18 @@
      * Specific to the status
      */
 
-    .status-ok .summary { background: #{{ .Site.Params.ok }}; }
-    .status-disrupted .summary, .change-header-color.status-disrupted .header { background: #{{ .Site.Params.disrupted }}; }
-    .status-down .summary, .change-header-color.status-down .header { background: #{{ .Site.Params.down }}; }
-    .status-notice .summary, .change-header-color.status-notice .header { background: #{{ .Site.Params.notice }}; }
+    .status-ok .summary { background: {{ .Site.Params.ok }}; }
+    .status-disrupted .summary, .change-header-color.status-disrupted .header { background: {{ .Site.Params.disrupted }}; }
+    .status-down .summary, .change-header-color.status-down .header { background: {{ .Site.Params.down }}; }
+    .status-notice .summary, .change-header-color.status-notice .header { background: {{ .Site.Params.notice }}; }
 
     .announcement-box .padding {
       padding: 16px;
     }
 
-    .status-disrupted .announcement-box { border: 2px solid #{{ .Site.Params.disrupted }}; }
-    .status-down .announcement-box { border: 2px solid #{{ .Site.Params.down }}; }
-    .status-notice .announcement-box { border: 2px solid #{{ .Site.Params.notice }}; }
+    .status-disrupted .announcement-box { border: 2px solid {{ .Site.Params.disrupted }}; }
+    .status-down .announcement-box { border: 2px solid {{ .Site.Params.down }}; }
+    .status-notice .announcement-box { border: 2px solid {{ .Site.Params.notice }}; }
     .status-disrupted .announcement-box,
     .status-down .announcement-box,
     .status-notice .announcement-box { border-top: 0; }
@@ -316,10 +316,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
diff --git a/static/admin/config.yml b/static/admin/config.yml
index 1b64060..0827f66 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -201,30 +201,30 @@ collections:
                 default: true
               # Colors
               - label: 'Site HEX color: Brand'
-                hint: 'Should not have # mark. Default: 181818'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #0a0c0f'
                 name: 'brand'
                 widget: 'string'
-                default: '181818'
+                default: '#0a0c0f'
               - label: 'Site HEX color: Operational / OK'
-                hint: 'Should not have # mark. Default: 228B22'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #008000'
                 name: 'ok'
                 widget: 'string'
-                default: '228B22'
+                default: '#008000'
               - label: 'Site HEX color: Disrupted'
-                hint: 'Should not have # mark. Default: FF8C00'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #cc4400'
                 name: 'disrupted'
                 widget: 'string'
-                default: 'FF8C00'
+                default: '#cc4400'
               - label: 'Site HEX color: Down / Offline / Major'
-                hint: 'Should not have # mark. Default: DC143C'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #e60000'
                 name: 'down'
                 widget: 'string'
-                default: 'DC143C'
+                default: '#e60000'
               - label: 'Site HEX color: Notice'
-                hint: 'Should not have # mark. Default: 708090'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #24478f'
                 name: 'notice'
                 widget: 'string'
-                default: '708090'
+                default: '#24478f'
               # Google Analytics
               - label: 'Google Analytics tracking code'
                 hint: 'By default, cState does not use Google Analytics. If you choose to use it, you may change the placeholder code below to your own and thereby enable the tracking service. If you set the value back to UA-00000000-1, the code will once again be removed.'
-- 
cgit v1.2.3-70-g09d2