fix <a> styles (just a fix, not a solution)

public/static/ui/resume.css

@@ -22,8 +22,20 @@ div#resume_js_app p.js_loading_indicator {
     text-align: center;
 }
 
+
 div#resume_js_app * {
     color: #e1e1e1;
+    font-family: 'Source Code Pro', monospace !important;
+}
+div#resume_js_app a, div#resume_js_app a:visited {
+    color: rgb(36, 85, 126) !important;
+    text-decoration: none;
+    font-weight: 500;
+    transition: 150ms ease;
+    text-shadow: 0 0 0px #24557e30;
+}
+div#resume_js_app a:hover {
+    text-shadow: 0 0 4px #24557e30;
 }
 div#resume_js_app table * {
     border:0;

react/resume/src/Base.js

@@ -27,15 +27,29 @@ export class Base extends Component {
                 commands={commands(this.terminal)}
                 welcomeMessage={welcome}
                 promptLabel={
-                    /*<pre>
+                    /*
-                        user@blek.codes 
+                    <table className='prompt_table'>
-                        <span style={{color: '#2968ac'}}> ~/resume </span>
+                        <tbody>
-                        <span style={{color: '#ff5092'}}>(
+                            <tr>
-                            <span style={{color:'limegreen'}}>master</span>
+                                <td style={inputStyle}>user@blek.codes</td>
-                        ) </span>
+                                <td className='prompt_spacing'></td>
-                        $ 
+                                <td style={{color: '#2968ac'}}> ~/resume </td>
-                    </pre>*/
+                                <td className='prompt_spacing'></td>
-                        '$ '
+
+                                <td style={{color: '#ff5092'}}>(</td>
+                                <td className='prompt_spacing'></td>
+
+                                <td style={{color:'limegreen'}}>master</td>
+                                <td className='prompt_spacing'></td>
+                                <td style={{color: '#ff5092'}}>)</td>
+                                <td className='prompt_spacing'></td>
+
+                                <td>$</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    */
+                   '$ '
                 }
                 
                 errorText={'zsh: command not found: [command]'}
@@ -43,7 +57,7 @@ export class Base extends Component {
                 className='console'
 
                 promptLabelStyle={inputStyle}
-                inputTextStyle={{...inputStyle, color: '#5ba2b0', transform: 'translateY(2px)'}}
+                inputTextStyle={{...inputStyle, color: '#5ba2b0', transform: 'translate(2px, 2px)'}}
 
                 styleEchoBack={'fullInherit'}
                 noDefaults

react/resume/src/Style.css

@@ -4,10 +4,22 @@ td {
 
 .console {
     font-family: 'Source Code Pro', monospace;
+    max-width: 800px;
+    word-wrap: break-word;
+}
+.prompt_table tbody tr *, .prompt_table {
+    padding-right: 0px !important;
+}
+.prompt_table {
+    display: inline;
+}
+
+.prompt_spacing {
+    padding-right: 10px !important;
 }
 
 a, a:visited {
-    color: rgb(36, 85, 126);
+    color: rgb(36, 85, 126) !important;
     text-decoration: none;
     font-weight: 500;
     transition: 150ms ease;

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

@@ -10,8 +10,15 @@ const commands = (terminal) => {
         },
         ls: {
             description: 'Show files in current directory',
-            fn: ()=>{
+            fn: () => {
-                return <pre style={{color: '#2e8b7e', fontWeight: 'bold'}}>
+                return '\'ls\' is not recognized as an internal or external command, operable program or batch file.';
+            },
+            unlisted: true
+        },
+        dir: {
+            description: 'Show files in current directory',
+            fn: () => {
+                return <pre style={{color: '#2e8b7e', fontWeight: 'bold', margin: '0'}}>
                     {Object.keys(Files).join('   ')}
                 </pre>;
             }

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

@@ -84,13 +84,14 @@ const skills = {
             <Title>My native dev experience</Title>
             <p>
                 It isn't much.<br/>
-                I have only one project that is made with Qt/C++: 
+                I have only one project that is made with 
-                <a href='https://github.com/b1ek/CuteSchedule'>CuteSchedule</a> 
+                Qt/C++: <a href='https://github.com/b1ek/CuteSchedule'>CuteSchedule</a> (Cute
-                (Cute stands fot Qt).<br/>
+                stands fot Qt).<br/>
                 <br/>
-                But I do have a lot of experience with C and C++, as I like to write
+                But I do have a lot of experience with C and C++, as I like to write<br/>
-                a lot of programs in those languages in my free time. An example of these programs: 
+                a lot of programs in those languages in my free time.<br/>
-                <a href='https://github.com/b1ek/f2bin'>f2bin</a>.
+                An example of these programs: <a href='https://github.com/b1ek/f2bin'>f2bin</a>
+                , <a href='https://github.com/b1ek/BrainHeck'>BrainHeck</a>.
             </p>
         </pre>
     )

view/page/resume.pug

@@ -1,10 +1,6 @@
 extends ../layout/main.pug
 block root
     - var title = 'Resume'
-    if (process.env.APP_DEBUG != 'true')
-        script(src='/static/dist/resume.js' async defer='')
-    if (process.env.APP_DEBUG == 'true')
-        script(src='http://localhost:1234/resume.js' async defer='')
     link(rel='stylesheet' href='/static/ui/resume.css')
 
 block content
@@ -22,3 +18,10 @@ block content
                         | It seems that you have JS disabled.
                         br
                         | Please, enable it in order to run the app.
+
+block scripts
+
+    if (process.env.APP_DEBUG)
+        script(src='/static/dist/resume.js' async defer='')
+    else
+        script(src='http://localhost:1234/resume.js' async defer='')