Compare commits
No commits in common. "e321de68fe55e81635b62cdd2550ccfdd0d876a2" and "21908f395da201e045def952227ce7032579200d" have entirely different histories.
e321de68fe
...
21908f395d
|
@ -4,8 +4,6 @@ import Files from './emulation/files';
|
|||
import commands from './emulation/commands';
|
||||
import Colored from './helpers/color';
|
||||
|
||||
import './style.css';
|
||||
|
||||
const welcome = <pre>
|
||||
Welcome to my resume!<br/>
|
||||
Type
|
||||
|
@ -40,7 +38,7 @@ export class Base extends Component {
|
|||
|
||||
errorText={'zsh: command not found: [command]'}
|
||||
|
||||
style={{height:'100%', fontFamily: '\'Source Code Pro\', monospace'}}
|
||||
style={{height:'100%'}}
|
||||
|
||||
promptLabelStyle={inputStyle}
|
||||
inputTextStyle={{...inputStyle, color: '#5ba2b0', transform: 'translateY(2px)'}}
|
||||
|
|
|
@ -31,16 +31,10 @@ const commands = (terminal) => {
|
|||
socials: {
|
||||
description: 'View my social links',
|
||||
fn: require('./social')
|
||||
},
|
||||
social: {
|
||||
description: 'View my sociala links',
|
||||
fn: require('./social'),
|
||||
unlisted: true,
|
||||
}
|
||||
};
|
||||
|
||||
commands.help = {
|
||||
unlisted: true,
|
||||
fn: () => {
|
||||
return (
|
||||
<pre>
|
||||
|
@ -49,7 +43,7 @@ const commands = (terminal) => {
|
|||
<tbody>
|
||||
{
|
||||
Object.keys(commands).map((cmd, i) => {
|
||||
if (commands[cmd].unlisted) return;
|
||||
if (cmd == 'help') return;
|
||||
return <tr key={i}>
|
||||
<td style={{color: 'violet'}}>{cmd}</td>
|
||||
<td style={{padding: '0 8px'}}> : </td>
|
||||
|
|
|
@ -1,104 +1,11 @@
|
|||
import Colored from '../../helpers/color';
|
||||
|
||||
const Title = (p) => {return <h3 style={{margin: '16px 0', color: '#526b93'}}>{...p.children}</h3>}
|
||||
|
||||
const projects = {
|
||||
web: [
|
||||
{
|
||||
name: 'blek! Site',
|
||||
source: 'https://github.com/b1ek/blekSite',
|
||||
desc: 'Second rewrite of my website in Laravel'
|
||||
},
|
||||
{
|
||||
name: 'homepage.js',
|
||||
source: 'https://git.blek.codes/blek/homepage.js',
|
||||
desc: 'Third re write of my website in Node/Express.JS/Pug and couple other libs'
|
||||
},
|
||||
{
|
||||
name: 'blek! Sail',
|
||||
source: 'https://github.com/b1ek/sail',
|
||||
desc: 'A production-ready server for serving Laravel projects'
|
||||
},
|
||||
{
|
||||
name: 'blek! ID',
|
||||
source: 'https://github.com/b1ek/blekID',
|
||||
desc: 'An auth server. Not really proud of this one, as the code is very spaghetti and practically useless.'
|
||||
},
|
||||
{
|
||||
name: 'blek! Bin',
|
||||
source: 'https://git.blek.codes/blek/bin',
|
||||
desc: 'Privacy-respecting, js-free alternative to Pastebin. Inspired by Librebin.'
|
||||
},
|
||||
{
|
||||
name: 'College project',
|
||||
source: '#',
|
||||
desc: 'Work in progress. Planned to be a site with rental apartments for students'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
const skills = {
|
||||
web: (
|
||||
<pre>
|
||||
<Title>My web experience</Title>
|
||||
<p>
|
||||
Most of my web projects are listed on <a href='https://github.com/b1ek'>GitHub</a>.<br/>
|
||||
I like Express.JS and Laravel, but also want to try Rust.<br/>
|
||||
<br/>
|
||||
On frontend, i like to write no-js HTML using<br/>
|
||||
template engines, or use React for complex apps like this one.
|
||||
</p>
|
||||
<hr style={{margin:'10px 0'}}/>
|
||||
<p>
|
||||
My projects:
|
||||
</p>
|
||||
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Sources</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
|
||||
{
|
||||
Object.keys(projects.web).map((key, i) => {
|
||||
const proj = projects.web[key];
|
||||
return (
|
||||
<tr key={i}>
|
||||
<td>{proj.name}</td>
|
||||
<td>
|
||||
<a href={proj.source}>Link</a>
|
||||
</td>
|
||||
<td>{proj.desc}</td>
|
||||
</tr>
|
||||
)
|
||||
})
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</pre>
|
||||
),
|
||||
nt: (
|
||||
<pre>
|
||||
<Title>My native dev experience</Title>
|
||||
<p>
|
||||
It isn't much
|
||||
</p>
|
||||
</pre>
|
||||
)
|
||||
}
|
||||
|
||||
module.exports = (args) => {
|
||||
|
||||
if (skills[args]) return skills[args];
|
||||
|
||||
module.exports = () => {
|
||||
return (<pre>
|
||||
<Colored color='#00ffe7'>Web dev (PHP & JS)</Colored>
|
||||
<br/>
|
||||
[#####] 100%<br/>
|
||||
My main work field<br/>
|
||||
More: <Colored color='seagreen' weight='normal'>skills web</Colored><br/>
|
||||
<br/>
|
||||
|
||||
<Colored color='#cc6a6a'>C/C++/Rust native dev</Colored><br/>
|
||||
|
@ -111,7 +18,7 @@ module.exports = (args) => {
|
|||
Do this all the time. I run linux on my laptop, pc and server<br/>
|
||||
<br/>
|
||||
|
||||
<Colored color='#2e8b7e'>Being cis</Colored><br/>
|
||||
<Colored color='#2e8b7e'>Being cishet</Colored><br/>
|
||||
[ ] 0%<br/>
|
||||
Never liked it<br/>
|
||||
<br/>
|
||||
|
|
|
@ -1,17 +1,9 @@
|
|||
import Color from '../../helpers/color';
|
||||
const Link = (prop) => {
|
||||
return <a href={prop.href} style={{color:'lightblue',textDecoration:'none',fontWeight:'bold'}}>{...prop.children}</a>
|
||||
}
|
||||
|
||||
module.exports = () => {
|
||||
return <p>
|
||||
My socials are listed below:<br/>
|
||||
<br/>
|
||||
{'>'} <Link href='https://blek.codes'>My website</Link><br/>
|
||||
{'>'} <Link href='https://github.com/b1ek'>Github page</Link><br/>
|
||||
{'>'} <Link href='https://git.blek.codes/b1ek'>Gitea page</Link><br/>
|
||||
{'>'} <Link href='mailto:me@blek.codes'>Email</Link><br/>
|
||||
{'>'} <Link href='https://t.me/bleki42'>Telegram</Link><br/>
|
||||
<Color color='gray' weight='default'>(all links are clickable)</Color>
|
||||
<a href='https://blek.codes'>My website</a><br/>
|
||||
<a href='https://github.com/b1ek'>Github page</a><br/>
|
||||
<a href='https://git.blek.codes/b1ek'>Gitea page</a><br/>
|
||||
<a href='mailto:me@blek.codes'>Email</a><br/>
|
||||
<a href='https://t.me/bleki42'>Telegram</a><br/>
|
||||
</p>;
|
||||
}
|
|
@ -1,3 +1,3 @@
|
|||
module.exports = (p) => {
|
||||
return <span style={{color: p.color, fontWeight: (p.weight ? p.weight : 'bold')}}>{...p.children}</span>
|
||||
return <span style={{color: p.color, fontWeight: 'bold'}}>{...p.children}</span>
|
||||
}
|
|
@ -1,20 +0,0 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap');
|
||||
|
||||
td {
|
||||
padding-right: 16px !important
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: rgb(36, 85, 126);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: 150ms ease;
|
||||
}
|
||||
a:hover {
|
||||
text-shadow: 0 0 4px #24557e30;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
padding-right: 16px !important;
|
||||
}
|
Loading…
Reference in New Issue