react/resume/src/Base.js

@@ -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)'}}

react/resume/src/emulation/commands/index.js

@@ -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>

react/resume/src/emulation/commands/skills.js

@@ -1,104 +1,11 @@
 import Colored from '../../helpers/color';
 
-const Title = (p) => {return <h3 style={{margin: '16px 0', color: '#526b93'}}>{...p.children}</h3>}
+module.exports = () => {
-
-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];
-
     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/>

react/resume/src/emulation/commands/social.js

@@ -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/>
+        <a href='https://blek.codes'>My website</a><br/>
-        <br/>
+        <a href='https://github.com/b1ek'>Github page</a><br/>
-        {'>'} <Link href='https://blek.codes'>My website</Link><br/>
+        <a href='https://git.blek.codes/b1ek'>Gitea page</a><br/>
-        {'>'} <Link href='https://github.com/b1ek'>Github page</Link><br/>
+        <a href='mailto:me@blek.codes'>Email</a><br/>
-        {'>'} <Link href='https://git.blek.codes/b1ek'>Gitea page</Link><br/>
+        <a href='https://t.me/bleki42'>Telegram</a><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>
     </p>;
 }

react/resume/src/helpers/color.js

@@ -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>
 }

react/resume/src/style.css

@@ -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;
-}