re style shell

This commit is contained in:
b1ek 2023-03-10 01:27:10 +10:00
parent cab7c42539
commit 8d841a6bff
Signed by: blek
GPG Key ID: 14546221E3595D0C
5 changed files with 51 additions and 27 deletions

View File

@ -8,14 +8,31 @@ Welcome to my resume!
Type 'help' for list of commands. Type 'help' for list of commands.
`; `;
const inputStyle = { color: '#2e8b7e', fontWeight: 'bold' };
export class Base extends Component { export class Base extends Component {
render() { render() {
return ( return (
<Terminal <Terminal
commands={commands} commands={commands}
welcomeMessage={welcome} welcomeMessage={welcome}
promptLabel={'user@blek.codes/resume~$'} promptLabel={
<pre>
user@blek.codes
<span style={{color: '#2968ac'}}> ~/resume </span>
<span style={{color: '#ff5092'}}>(
<span style={{color:'limegreen'}}>master</span>
) </span>
$
</pre>
}
style={{height:'100%'}} style={{height:'100%'}}
promptLabelStyle={inputStyle}
inputTextStyle={{...inputStyle, color: '#5ba2b0', transform: 'translateY(2px)'}}
styleEchoBack={'fullInherit'}
/> />
) )
} }

View File

@ -1,8 +1,6 @@
import Files from '../files'; import Files from '../files';
const Colored = (p) => { import Colored from '../../helpers/color';
return <span style={{color: p.color, fontWeight: 'bold '}}>{...p.children}</span>
}
module.exports = { module.exports = {
cat: { cat: {
@ -19,28 +17,6 @@ module.exports = {
}, },
skills: { skills: {
description: 'My skills data', description: 'My skills data',
fn: () => { fn: require('./skills')
return (<pre>
<Colored color='#00ffe7'>Web dev (PHP & JS)</Colored>
<br/>
[#####] 100%<br/>
My main work field<br/>
<br/>
<Colored color='#cc6a6a'>C/C++/Rust native dev</Colored><br/>
[## ] 40%<br/>
I do this... sometimes<br/>
<br/>
<Colored color='#7dadd7'>Linux skills</Colored><br/>
[#####] 100%<br/>
Do this all the time. I run linux on my laptop, pc and server<br/>
<br/>
<Colored color='#2e8b7e'>Being cishet</Colored><br/>
[ ] 0%<br/>
Never liked it<br/>
</pre>)
}
} }
} }

View File

@ -0,0 +1,26 @@
import Colored from '../../helpers/color';
module.exports = () => {
return (<pre>
<Colored color='#00ffe7'>Web dev (PHP & JS)</Colored>
<br/>
[#####] 100%<br/>
My main work field<br/>
<br/>
<Colored color='#cc6a6a'>C/C++/Rust native dev</Colored><br/>
[## ] 40%<br/>
I do this... sometimes<br/>
<br/>
<Colored color='#7dadd7'>Linux skills</Colored><br/>
[#####] 100%<br/>
Do this all the time. I run linux on my laptop, pc and server<br/>
<br/>
<Colored color='#2e8b7e'>Being cishet</Colored><br/>
[ ] 0%<br/>
Never liked it<br/>
<br/>
</pre>)
}

View File

@ -7,6 +7,8 @@ module.exports = {
Hi! This is my online resume. Hi! This is my online resume.
<br/> <br/>
You can browse files with <Hi>ls</Hi>, and read them with <Hi>cat</Hi>. You can browse files with <Hi>ls</Hi>, and read them with <Hi>cat</Hi>.
<br/>
Also check out <Hi>skills</Hi>.
</>, </>,
'super_secret_password.txt': 'super_secret_password.txt':
<span style={{color:'orange',fontWeight:'bold'}}>uwu</span>, <span style={{color:'orange',fontWeight:'bold'}}>uwu</span>,

View File

@ -0,0 +1,3 @@
module.exports = (p) => {
return <span style={{color: p.color, fontWeight: 'bold'}}>{...p.children}</span>
}