From dd0957f70087ed581d5a9bea5353b12e431bb9d8 Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Thu, 9 Mar 2023 23:40:29 +1000
Subject: [PATCH] add bolerplate resume page

---
 public/static/ui/load.gif   | Bin 0 -> 4046 bytes
 public/static/ui/resume.css |  24 ++++++++++++++++++++++++
 routes/pages.js             |   6 +++++-
 view/page/resume.pug        |  13 +++++++++++++
 4 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 public/static/ui/load.gif
 create mode 100644 public/static/ui/resume.css
 create mode 100644 view/page/resume.pug

diff --git a/public/static/ui/load.gif b/public/static/ui/load.gif
new file mode 100644
index 0000000000000000000000000000000000000000..90b1a7110ee0e9a7012e5598b9bd00df5e4b6163
GIT binary patch
literal 4046
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
S6iHRta;185A4J|ldh5R!N4Vtx

literal 0
HcmV?d00001

diff --git a/public/static/ui/resume.css b/public/static/ui/resume.css
new file mode 100644
index 0000000..1cf4ccd
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/routes/pages.js b/routes/pages.js
index 4bfddf2..19e2b09 100644
--- a/routes/pages.js
+++ b/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('/services', handler(services))
+    router.get('/resume', handler(resume))
 }
\ No newline at end of file
diff --git a/view/page/resume.pug b/view/page/resume.pug
new file mode 100644
index 0000000..8620ced
--- /dev/null
+++ b/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')
\ No newline at end of file