Improved stats section

pageUpdater.js

@@ -112,7 +112,8 @@ function converter(html, query) {
         "RELOAD_COUNT": reloads,
         "WEATHER_MODIFIER": "",
         "WEATHER_TEXT": "",
-        "ANNOUNCEMENT": fs.readFileSync(path.join(__dirname, "config/announcement.html"))
+        "ANNOUNCEMENT": fs.readFileSync(path.join(__dirname, "config/announcement.html")),
+        "CACHED_IMAGES": fs.readdirSync(path.join(__dirname, "cached")).length.toString()
     }
     
     replacers.ALL_KEYWORDS = "{" + Object.keys(replacers).join("}{") + "} "

static/stats/index.html

@@ -35,7 +35,13 @@
         <ul>
             <li>Page generation time: {LOAD_TIME}</li>
             <li>Uptime: {UPTIME}</li>
-            <li>Total reloads: {RELOAD_COUNT}</li>
+            <li>Total reloads: {RELOAD_COUNT} <sup>*1</sup></li>
+            <li>Cached Images: {CACHED_IMAGES} <sup>*2</sup></li>
+        </ul>
+        <br><br><br>
+        <ol class="noteList">
+            <li>Increments by 1 <em>EVERY</em> time <em>ANY</em> page is loaded.</li>
+            <li>Cached Images are cleared on server restart.</li>
         </ul>
     </main>
 </div>

static/style.css

@@ -268,3 +268,25 @@ video {
     width: 95%;
     max-height: 90vh;
 }
+
+sup {
+    color: gray;
+}
+
+.noteList {
+    list-style: none;
+}
+
+.noteList > * {
+    counter-increment: noteList;
+    color: gray;
+    font-size: 1rem;
+}
+
+.noteList > li::before {
+    content: "*" counter(noteList) ". ";
+}
+
+em {
+    color: inherit;
+}