start status page

src/static/css/App.css

@@ -105,6 +105,20 @@ a, a p {
   text-decoration: none;
 }
 
+table {
+  color: lightgray;
+  border-collapse: collapse;
+}
+
+th, td {
+  border-right: dotted 1px lightgray;
+  padding: 0 1em;
+}
+
+tr {
+  border: solid 1px lightgray;
+}
+
 .transparent {
   opacity: 0 !important;
 }

src/static/json/pages.json

@@ -5,6 +5,12 @@
         "description": "Andrew Simonson's Digital Portfolio home",
         "canonical": "/"
     },
+    "status": {
+        "template": "status.html",
+        "title":"Andrew Simonson - Status Page",
+        "description": "Status page for my services",
+        "canonical": "/status"
+    },
     "projects": {
         "template": "projects.html",
         "title": "Andrew Simonson - Projects",

src/templates/header.html

@@ -85,11 +85,11 @@
             <div onClick="goto('home')" class="navElement">
               <p>Home</p>
             </div>
-            <a href="Resume_Simonson_Andrew.pdf" target="_blank" class="navElement">
+            <div onclick="goto('status')" class="navElement">
-              <span>Resume</span>
+              <p>Status</p>
-            </a>
+            </div>
             <div onclick="goto('projects')" class="navElement">
-              <p>Projects</p>
+              <p>Work</p>
             </div>
           </div>
         </div>

src/templates/home.html

@@ -34,7 +34,7 @@
                 I'm at it:
             </p>
             <ul>
-              <li>Wicked Wizard of the Well</li>
+              <li>Wicked Wizard of the West</li>
               <li>Brown Belt Fucker Arounder, Black Belt Finder Outer</li>
               <li>Hater of Bloat, Enemy of Node.js</li>
               <li>Creator and Harnesser of Energy</li>

src/templates/projects.html

@@ -1,13 +1,9 @@
 {% block content %}
 <div class="foreground"></div>
 <div class="foregroundContent">
-    <div data-aos="fade-up">
-        <h2 class="concentratedHead">Projects</h2>
-    </div>
-
     <div class="flex equalitems vertOnMobile">
         <div>
-            <h2>About Me</h2>
+            <h2 class="concentratedHead">About Me</h2>
             <p>
                 I'm Andrew Simonson<!--, CEO of the anti-thermodynamics syndicate.-->,
                 a <strong>Data Scientist at Ecolab</strong> and a graduate Data
@@ -32,6 +28,11 @@
                 of unprofessional development and I swear by this form of
                 learning.
             </p>
+            <h3 class='concentratedHead'>
+                I also have a
+                <a href="Resume_Simonson_Andrew.pdf" target="_blank">resume</a>
+                for some reason.
+            </h3>
         </div>
         <div id="skills">
             <h2 id="skillstag">Skills</h2>
@@ -41,7 +42,7 @@
     </div>
 
     <br />
-    <h2>Projects</h2>
+    <h2 class="concentratedHead">Projects</h2>
     <!-- >
     <div class="checkbox-wrapper">
       <div class="flex start">

src/templates/status.html

@@ -0,0 +1,34 @@
+{% block content %}
+<div class="foreground"></div>
+<div class="foregroundContent">
+  <h2 class='concentratedHead'>Status Page</h2>
+  <h4>Page under construction</h4>
+  <table>
+    <tr>
+      <th>Host</th>
+      <th>Service(s)</th>
+      <th>Status</th>
+    </tr>
+    <tr>
+      <td>LC lemp</td>
+      <td>Portfolio Website</td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>LC lemp</td>
+      <td>hotspots.asimonson.com</td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>LC Antietam</td>
+      <td>gatorway</td>
+      <td>Unknown</td>
+    </tr>
+    <tr>
+      <td>CSH K8s Cluster</td>
+      <td>slate.csh.rit.edu</td>
+      <td></td>
+    </tr>
+  </table>
+</div>
+{% endblock %}