put resume on pug page

public/static/dist/resume.css

@@ -0,0 +1 @@
+@font-face{font-family:Source Code Pro;src:url(SourceCodeRegular.ttf);font-weight:400}@font-face{font-family:Source Code Pro;src:url(SourceCodeMedium.ttf);font-weight:500}@font-face{font-family:Source Code Pro;src:url(SourceCodeSemiBold.ttf);font-weight:600}@font-face{font-family:Source Code Pro;src:url(SourceCodeBold.ttf);font-weight:700}td{padding-right:16px!important}a,a:visited{color:#24557e;font-weight:500;text-decoration:none;transition:all .15s}a:hover{text-shadow:0 0 4px #24557e30}th{text-align:left;padding-right:16px!important}.console{height:100%;font-family:Source Code Pro!important}

react/resume/.parcelrc

@@ -0,0 +1,4 @@
+{
+    "extends": "@parcel/config-default",
+    "namers": ["parcel-namer-without-hash"]
+}

react/resume/build.sh

@@ -0,0 +1,6 @@
+#!/bin/sh
+
+rm -rf dist/*
+yarn run build
+
+mv dist ../../public/static

react/resume/package.json

@@ -2,13 +2,12 @@
   "name": "resume",
   "version": "1.0.0",
   "description": "",
-  "main": "src/index.js",
   "source": "src/index.html",
   "browserslist": "> 0.5%, last 2 versions, not dead",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "start": "parcel",
-    "build": "parcel build"
+    "build": "parcel build src/resume.js --no-source-maps"
   },
   "author": "blek",
   "license": "MIT",
@@ -19,6 +18,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
+    "parcel-namer-without-hash": "^0.0.1",
     "react": "^18.2.0",
     "react-console-emulator": "^5.0.2",
     "react-dom": "^18.2.0"

react/resume/src/Base.js

@@ -4,6 +4,7 @@ import Files from './emulation/files';
 import commands from './emulation/commands';
 import Colored from './helpers/color';
 
+import './font/sourcecode.css';
 import './style.css';
 
 const welcome = <pre>
@@ -40,7 +41,7 @@ export class Base extends Component {
                 
                 errorText={'zsh: command not found: [command]'}
 
-                style={{height:'100%', fontFamily: '\'Source Code Pro\', monospace'}}
+                className='console'
 
                 promptLabelStyle={inputStyle}
                 inputTextStyle={{...inputStyle, color: '#5ba2b0', transform: 'translateY(2px)'}}

react/resume/src/font/sourcecode.css

@@ -0,0 +1,23 @@
+@font-face {
+    font-family: 'Source Code Pro';
+    src: url(./SourceCodeRegular.ttf);
+    font-weight: 400;
+}
+
+@font-face {
+    font-family: 'Source Code Pro';
+    src: url(./SourceCodeMedium.ttf);
+    font-weight: 500;
+}
+
+@font-face {
+    font-family: 'Source Code Pro';
+    src: url(./SourceCodeSemiBold.ttf);
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Source Code Pro';
+    src: url(./SourceCodeBold.ttf);
+    font-weight: 700;
+}

react/resume/src/resume.js

@@ -1,6 +1,7 @@
 import { createRoot } from "react-dom/client";
 import { Base } from './Base';
 
+document.getElementById('resume_js_app').innerHTML = '';
 const container = document.getElementById("resume_js_app");
 const root = createRoot(container)
 root.render(<Base />);

react/resume/src/style.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap');
+/* @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap'); */
 
 td {
     padding-right: 16px !important
@@ -17,4 +17,9 @@ a:hover {
 th {
     text-align: left;
     padding-right: 16px !important;
+}
+
+.console {
+    font-family: 'Source Code Pro'/*, monospace*/ !important;
+    height: 100%
 }

view/page/resume.pug

@@ -2,12 +2,6 @@ extends ../layout/main.pug
 block root
     - var title = 'Resume'
     link(rel='stylesheet' href='/static/ui/resume.css')
-    if (process.env.APP_DEBUG != 'true')
-        script(src='/static/assets/resume.js')
-    else
-        script(src='https://unpkg.com/react@18/umd/react.development.js' crossorigin)
-        script(src='https://unpkg.com/react-dom@18/umd/react-dom.development.js' crossorigin)
-        script(src='/dev_asset/resume.js')
 
 block content
     h2 My online resume
@@ -23,4 +17,8 @@ block content
                     span(style='font-size:9pt;color:darkred;font-weight:bold;text-align:center')
                         | It seems that you have JS disabled.
                         br
-                        | Please, enable it in order to run the app.
+                        | Please, enable it in order to run the app.
+    if (process.env.APP_DEBUG != 'true')
+        script(src='/static/dist/resume.js')
+    else
+        script(src='http://localhost:1234/resume.js' type='module')