add bolerplate resume page

public/static/ui/resume.css

@@ -0,0 +1,24 @@
+div#resume_js_app {
+    background: #303030;
+    width:640px;
+    height:480px;
+    border: 1px solid #e1e1e1;
+    font-family: monospace;
+    box-shadow: 0 2px 4px #30303060;
+    padding: 10px 8px;
+    color: #e1e1e1;
+
+    position: fixed;
+    top:50%;left:50%;
+    transform: translate(-50%, -50%);
+}
+div#resume_js_app * {
+    padding: 0; margin: 0;
+}
+div#resume_js_app p.js_loading_indicator {
+    position: relative;
+    top: 50%; left: 50%;
+    transform: translate(-50%, -50%);
+    width: fit-content;
+    text-align: center;
+}

routes/pages.js

@@ -4,7 +4,11 @@ async function services(req, res) {
     res.template('page/services.pug');
 }
 
+async function resume(req, res) {
+    res.template('page/resume.pug');
+}
 
 module.exports = (router) => {
     router.get('/services', handler(services))
+    router.get('/resume', handler(resume))
 }

view/page/resume.pug

@@ -0,0 +1,13 @@
+extends ../layout/main.pug
+block root
+    - var title = 'Resume'
+    link(rel='stylesheet' href='/static/ui/resume.css')
+
+block content
+    h2 My online resume
+    hr
+    div(id='resume_js_app')
+        p(class='js_loading_indicator')
+            | JS is loading. Please hold on...
+            br
+            img(src='/static/ui/load.gif' style='border-radius:6px;margin-top:6px')