v5.5.2 - Fixing bugs, small fixes

3 files changed, 19 insertions, 15 deletions

diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index f9937f2..1a338c4 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -110,35 +110,35 @@
         //
         // By default, all is good but we change this value
         // for progressively worse statuses
-        var highlestLevelStatus = '';
+        var highestLevelStatus = '';
 
         function checkStatus(element) {
           var status = element.getAttribute('data-status');
 
           if (status === 'down') {
-            highlestLevelStatus = 'down'
-          } else if (status === 'disrupted' && highlestLevelStatus !== 'down') {
-            highlestLevelStatus = 'disrupted'
-          } else if (status === 'notice' && highlestLevelStatus !== 'down' && highlestLevelStatus !== 'disrupted') {
-            highlestLevelStatus = 'notice'
+            highestLevelStatus = 'down'
+          } else if (status === 'disrupted' && highestLevelStatus !== 'down') {
+            highestLevelStatus = 'disrupted'
+          } else if (status === 'notice' && highestLevelStatus !== 'down' && highestLevelStatus !== 'disrupted') {
+            highestLevelStatus = 'notice'
           }
         }
 
         componentsOfThisCategory.forEach(element => checkStatus(element));
         
         // Human readable (i18n) status name variable
-        var highlestLevelStatusReadable = highlestLevelStatus;
+        var highestLevelStatusReadable = highestLevelStatus;
 
-        if (highlestLevelStatus === 'ok') { highlestLevelStatusReadable = '{{ T "thisIsOk" }}' } 
-        if (highlestLevelStatus === 'notice') { highlestLevelStatusReadable = '{{ T "thisIsNotice" }}' } 
-        if (highlestLevelStatus === 'disrupted') { highlestLevelStatusReadable = '{{ T "thisIsDisrupted" }}' } 
-        if (highlestLevelStatus === 'down') { highlestLevelStatusReadable = '{{ T "thisIsDown" }}' } 
+        if (highestLevelStatus === 'ok') { highestLevelStatusReadable = '{{ T "thisIsOk" }}' } 
+        if (highestLevelStatus === 'notice') { highestLevelStatusReadable = '{{ T "thisIsNotice" }}' } 
+        if (highestLevelStatus === 'disrupted') { highestLevelStatusReadable = '{{ T "thisIsDisrupted" }}' } 
+        if (highestLevelStatus === 'down') { highestLevelStatusReadable = '{{ T "thisIsDown" }}' } 
 
         // Finally we can show the status 
         // (but only for categories with a name)
         if (thisCategory.classList.contains('category--titled')) {
-          thisCategory.querySelector('.category__head').setAttribute('data-status', highlestLevelStatus);
-          thisCategory.querySelector('.category-status').innerHTML = highlestLevelStatusReadable;
+          thisCategory.querySelector('.category__head').setAttribute('data-status', highestLevelStatus);
+          thisCategory.querySelector('.category-status').innerHTML = highestLevelStatusReadable;
         }
       </script>
     </div>
diff --git a/layouts/partials/js.html b/layouts/partials/js.html
index 9e4dd9d..a5b974e 100644
--- a/layouts/partials/js.html
+++ b/layouts/partials/js.html
@@ -3,7 +3,7 @@
    * Dev toolset
    */
 
-  console.log('cState v5.5.1 - https://github.com/cstate/cstate');
+  console.log('cState v5.5.2 - https://github.com/cstate/cstate');
   document.getElementsByTagName('html')[0].className = 'js';
 
   /**
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index c8381a9..da0ed46 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -12,7 +12,7 @@
     {{ range .AlternativeOutputFormats -}}
     {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
     {{ end -}}
-    <meta name="generator" content="cState v5.5.1 - https://github.com/cstate/cstate">
+    <meta name="generator" content="cState v5.5.2 - https://github.com/cstate/cstate">
     <meta name="theme-color" content="{{ .Site.Params.brand }}">
     <script>
     var themeBrandColor = '{{ .Site.Params.brand }}';
@@ -107,6 +107,10 @@
       padding: 16px;
     }
 
+    .markdown pre {
+        overflow-x: scroll;
+    }
+
     .contain--more { max-width: 680px; }
 
     .center { text-align: center; }