blek
/
homepage.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: blek:1d745745ff9087411d5059ffce4633f49c0b188f
Branches Tags
blek:master
blek:dev
...
compare: blek:d46d7e28b7d4558924db7650e53921724cdc4966
Branches Tags
blek:master
blek:dev

2 Commits
1d745745ff ... d46d7e28b7

Author SHA1 Message Date
b1ek d46d7e28b7
add load simulation 2023-03-10 17:26:44 +10:00
b1ek b9b0a63ae3
fix colors 2023-03-10 17:21:34 +10:00
6 changed files with 18 additions and 18 deletions
Show Stats Expand all files Collapse all files

5
react/resume/src/Base.js
View File

@ -48,8 +48,11 @@ export class Base extends Component {
styleEchoBack={'fullInherit'} styleEchoBack={'fullInherit'}
noDefaults noDefaults
noAutoScroll
/> />
) )
} }
componentDidMount() {
this.terminal.current.focusTerminal();
}
} }

6
react/resume/src/emulation/commands/index.js
View File

@ -24,7 +24,7 @@ const commands = (terminal) => {
clear: { clear: {
description: 'Clear the terminal.', description: 'Clear the terminal.',
fn: () => { fn: () => {
terminal.current.setState({stdout: []}); terminal.current.clearStdout();
} }
}, },
@ -51,9 +51,9 @@ const commands = (terminal) => {
Object.keys(commands).map((cmd, i) => { Object.keys(commands).map((cmd, i) => {
if (commands[cmd].unlisted) return; if (commands[cmd].unlisted) return;
return <tr key={i}> return <tr key={i}>
<td style={{color: 'violet'}}>{cmd}</td> <td style={{color: 'aquamarine'}}>{cmd}</td>
<td style={{padding: '0 8px'}}> : </td> <td style={{padding: '0 8px'}}> : </td>
<td>{commands[cmd].description}</td> <td style={{color: 'white'}}>{commands[cmd].description}</td>
</tr> </tr>
}) })
} }

2
react/resume/src/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset='utf-8'/> <meta charset='utf-8'/>
<title>Resume debug mode</title> <title>Resume debug mode</title>
<script type="module" src='app.js'></script> <script type="module" src='resume.js'></script>
<link rel="stylesheet" href='styles.css'/> <link rel="stylesheet" href='styles.css'/>
</head> </head>
<body> <body>

10
react/resume/src/resume.js
View File

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

5
react/resume/src/style.css
View File

@ -18,8 +18,3 @@ th {
text-align: left; text-align: left;
padding-right: 16px !important; padding-right: 16px !important;
} }
.console {
font-family: 'Source Code Pro'/*, monospace*/ !important;
height: 100%
}

4
view/page/resume.pug
View File

@ -2,6 +2,8 @@ extends ../layout/main.pug
block root block root
- var title = 'Resume' - var title = 'Resume'
link(rel='stylesheet' href='/static/ui/resume.css') link(rel='stylesheet' href='/static/ui/resume.css')
if (process.env.APP_DEBUG == 'true')
script(src='http://localhost:1234/resume.js' defer='')
block content block content
h2 My online resume h2 My online resume
@ -20,5 +22,3 @@ block content
| Please, enable it in order to run the app. | Please, enable it in order to run the app.
if (process.env.APP_DEBUG != 'true') if (process.env.APP_DEBUG != 'true')
script(src='/static/dist/resume.js') script(src='/static/dist/resume.js')
else
script(src='http://localhost:1234/resume.js' type='module')