re style shell
This commit is contained in:
parent
cab7c42539
commit
8d841a6bff
|
@ -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'}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -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>)
|
||||||
|
}
|
|
@ -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>,
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
module.exports = (p) => {
|
||||||
|
return <span style={{color: p.color, fontWeight: 'bold'}}>{...p.children}</span>
|
||||||
|
}
|
Loading…
Reference in New Issue