move theme debuging to debug page

Author: travisdowns

misc/debug-pages.md

@@ -6,6 +6,17 @@ layout: default
 <a href="#posts-table">Jump to POSTS table</a><br>
 <a href="#static-table">Jump to STATIC table</a><br>
 
+<style>
+#props span, .mono {
+    font-family: monospace;
+    white-space: pre;
+}
+
+#props span {
+    background-color: lightgrey;
+}
+</style>
+
 <div id="props">
 
 <h2 id="pages-table" >site.pages</h2>
@@ -89,4 +100,4 @@ layout: default
     </table>
 {%- endfor -%}
 
-</div>
+</div>

misc/debug.md

@@ -22,20 +22,60 @@ relative foo: {{ '/foo' | relative_url }}
 [bad link]({{ 'notexist.html' | relative_url}})  
 [self link]({{ 'misc/debug.html' | relative_url}})
 
+---
 
-{% include color-check.html %}
+<script>
+    var refreshDebug = function() {
+        document.getElementById('ls-check').textContent = DARKMODE.lsOk() ? 'OK' : 'FAILED';
+        document.getElementById('dm-closed').textContent = sessionStorage.getItem('dm-closed') || '(unset)';
+        document.getElementById('dm-close-count').textContent = DARKMODE.closeCount();
+        document.getElementById('bar-used').textContent = localStorage.getItem('bar-used') || '(unset)';
+    }
 
-<style>
-#props span, .mono {
-    font-family: monospace;
-    white-space: pre;
-}
+  window.addEventListener('DOMContentLoaded', function() {
+    refreshDebug();
+    document.getElementById('clear-closed').addEventListener('click',
+      function() {
+        sessionStorage.removeItem('dm-closed');
+        refreshDebug();
+      }
+    );
+    document.getElementById('clear-count').addEventListener('click',
+      function() {
+        localStorage.removeItem('dm-close-count');
+        refreshDebug();
+      }
+    );
+    document.getElementById('clear-bar-used').addEventListener('click',
+      function() {
+        localStorage.removeItem('bar-used');
+        refreshDebug();
+      }
+    );
+  });
+</script>
 
-#props span {
-    background-color: lightgrey;
+<style>
+.dm-debug button, .spacer {
+  display: inline-block;
+  width: 50px;
+  margin-bottom: 5px;
 }
 </style>
 
+<div style="font-size: 0.75em; font-family: monospace">
+    <p><strong>Theme debugging:</strong></p>
+    {%- include color-check.html -%}
+    <div class="dm-debug" style="white-space: pre-wrap">
+<span class="spacer"             > </span> localStorage        : <span id="ls-check"></span>
+<button id="clear-closed"  >clear</button> dm-closed (session) : <span id="dm-closed"></span>
+<button id="clear-count"   >clear</button> dm-close-count      : <span id="dm-close-count"></span>
+<button id="clear-bar-used">clear</button> bar-used            : <span id="bar-used"></span>
+    </div>
+</div>
+
+---
+
 <div class="mono">
 <script>
         document.write('location.href    : ' + location.href + '<br>')

settings.md

@@ -49,59 +49,12 @@ permalink: /settings
     updateDesc(cur);
   };
 
-  var refreshDebug = function() {
+  window.addEventListener('DOMContentLoaded', function() {
     if (!DARKMODE.lsOk()) {
       document.getElementById('theme-select').disabled = true;
       document.getElementById('theme-description').textContent = 'Can\'t set theme because localStorage is not working';
     } else {
       updateSelect();
     }
-    document.getElementById('ls-check').textContent = DARKMODE.lsOk() ? 'OK' : 'FAILED';
-    document.getElementById('dm-closed').textContent = sessionStorage.getItem('dm-closed') || '(unset)';
-    document.getElementById('dm-close-count').textContent = DARKMODE.closeCount();
-    document.getElementById('bar-used').textContent = localStorage.getItem('bar-used') || '(unset)';
-  }
-
-  window.addEventListener('DOMContentLoaded', function(e) {
-    refreshDebug();
-    document.getElementById('clear-closed').addEventListener('click',
-      function() {
-        sessionStorage.removeItem('dm-closed');
-        refreshDebug();
-      }
-    );
-    document.getElementById('clear-count').addEventListener('click',
-      function() {
-        localStorage.removeItem('dm-close-count');
-        refreshDebug();
-      }
-    );
-    document.getElementById('clear-bar-used').addEventListener('click',
-      function() {
-        localStorage.removeItem('bar-used');
-        refreshDebug();
-      }
-    );
   });
-  
 </script>
-
----
-
-<style>
-.dm-debug button, .spacer {
-  display: inline-block;
-  width: 50px;
-  margin-bottom: 5px;
-}
-</style>
-
-<div style="font-size: 0.75em; font-family: monospace">
-<p><strong>Theme debugging:</strong></p>
-{%- include color-check.html -%}
-<div class="dm-debug" style="white-space: pre-wrap">
-<span class="spacer"             > </span> localStorage        : <span id="ls-check"></span>
-<button id="clear-closed"  >clear</button> dm-closed (session) : <span id="dm-closed"></span>
-<button id="clear-count"   >clear</button> dm-close-count      : <span id="dm-close-count"></span>
-<button id="clear-bar-used">clear</button> bar-used            : <span id="bar-used"></span>
-</div></div>