add bolerplate resume page

This commit is contained in:
b1ek 2023-03-09 23:40:29 +10:00
parent cb15352e81
commit dd0957f700
Signed by: blek
GPG Key ID: 14546221E3595D0C
4 changed files with 42 additions and 1 deletions

BIN
public/static/ui/load.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -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;
}

View File

@ -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))
}

13
view/page/resume.pug Normal file
View File

@ -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')