Added a page for memory stats

assets/twig/index.twig

@@ -8,7 +8,7 @@
   </div>
 </header>
 
-<section class="row">
+<section id="systemPages" class="row">
   <!-- CPU info page link -->
   <div class="columns six u-text-center">
     <a class="pageLink" href="cpu.html">
@@ -24,6 +24,14 @@
       <p class="u-text-center">Graphics Card</p>
     </a>
   </div>
+
+  <!-- Memory info page link -->
+  <div class="columns six u-text-center">
+    <a href="memory.html" class="pageLink">
+      <i class="fa-solid fa-memory"></i>
+      <p class="u-text-center">Memory</p>
+    </a>
+  </div>
 </section>
 
 {% endblock %}

assets/twig/memory.twig

@@ -0,0 +1,26 @@
+{% extends 'layout.twig' %}
+
+{% block scripts %}
+<script src="./js/memory.js" charset="utf-8"></script>
+{% endblock %}
+
+{% block content %}
+
+<header class="row">
+  <div class="columns twelve u-text-center">
+    <h1>Memory Info</h1>
+  </div>
+</header>
+
+<section class="row">
+  <p><span id="memoryFree">N/a</span> free out of <span id="memoryTotal">N/a</span>.</p>
+  <p><span id="memoryActive">N/a</span> is actively used | <span id="memoryBuffCache">N/a</span> is used in buffers/cache.</p>
+</section>
+
+<section class="row">
+  <div class="columns twelve">
+    <a href="index.html">Back</a>
+  </div>
+</section>
+
+{% endblock %}