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

Compare commits

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

No commits in common. "d46d7e28b7d4558924db7650e53921724cdc4966" and "1d745745ff9087411d5059ffce4633f49c0b188f" have entirely different histories.
d46d7e28b7 ... 1d745745ff

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,11 +48,8 @@ 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.clearStdout(); terminal.current.setState({stdout: []});
} }
}, },
@ -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: 'aquamarine'}}>{cmd}</td> <td style={{color: 'violet'}}>{cmd}</td>
<td style={{padding: '0 8px'}}> : </td> <td style={{padding: '0 8px'}}> : </td>
<td style={{color: 'white'}}>{commands[cmd].description}</td> <td>{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='resume.js'></script> <script type="module" src='app.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,9 +1,7 @@
import { createRoot } from "react-dom/client"; import { createRoot } from "react-dom/client";
import { Base } from './Base'; import { Base } from './Base';
setTimeout(() => { document.getElementById('resume_js_app').innerHTML = '';
document.getElementById('resume_js_app').innerHTML = ''; const container = document.getElementById("resume_js_app");
const container = document.getElementById("resume_js_app"); const root = createRoot(container)
const root = createRoot(container) root.render(<Base />);
root.render(<Base />);
}, (Math.random() * 200) + 500)

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

@ -17,4 +17,9 @@ a:hover {
th { 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%
} }

8
view/page/resume.pug
View File

@ -2,8 +2,6 @@ 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 +18,7 @@ block content
| It seems that you have JS disabled. | It seems that you have JS disabled.
br 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') 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')