diff --git a/public/static/ui/resume.css b/public/static/ui/resume.css index 11ff09f..8334c0b 100644 --- a/public/static/ui/resume.css +++ b/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; diff --git a/react/resume/src/Base.js b/react/resume/src/Base.js index ae2512c..8cd4e57 100644 --- a/react/resume/src/Base.js +++ b/react/resume/src/Base.js @@ -27,15 +27,29 @@ export class Base extends Component { commands={commands(this.terminal)} welcomeMessage={welcome} promptLabel={ - /*
-                        user@blek.codes 
-                         ~/resume 
-                        (
-                            master
-                        ) 
-                        $ 
-                    
*/ - '$ ' + /* + + + + + + + + + + + + + + + + + + + +
user@blek.codes ~/resume (master)$
+ */ + '$ ' } 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 diff --git a/react/resume/src/Style.css b/react/resume/src/Style.css index 762ea0c..165d871 100644 --- a/react/resume/src/Style.css +++ b/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; diff --git a/react/resume/src/emulation/commands/index.js b/react/resume/src/emulation/commands/index.js index f1d8768..5195ff2 100644 --- a/react/resume/src/emulation/commands/index.js +++ b/react/resume/src/emulation/commands/index.js @@ -10,8 +10,15 @@ const commands = (terminal) => { }, ls: { description: 'Show files in current directory', - fn: ()=>{ - return
+            fn: () => {
+                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 
                     {Object.keys(Files).join('   ')}
                 
; } diff --git a/react/resume/src/emulation/commands/skills.js b/react/resume/src/emulation/commands/skills.js index 16d4045..2fcf9d6 100644 --- a/react/resume/src/emulation/commands/skills.js +++ b/react/resume/src/emulation/commands/skills.js @@ -84,13 +84,14 @@ const skills = { My native dev experience

It isn't much.
- I have only one project that is made with Qt/C++: - CuteSchedule - (Cute stands fot Qt).
+ I have only one project that is made with + Qt/C++: CuteSchedule (Cute + stands fot Qt).

- But I do have a lot of experience with C and C++, as I like to write - a lot of programs in those languages in my free time. An example of these programs: - f2bin. + But I do have a lot of experience with C and C++, as I like to write
+ a lot of programs in those languages in my free time.
+ An example of these programs: f2bin + , BrainHeck.

) diff --git a/view/page/resume.pug b/view/page/resume.pug index 62c8d34..7bbd6ef 100644 --- a/view/page/resume.pug +++ b/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 @@ -21,4 +17,11 @@ block content span(style='font-size:9pt;color:darkred;font-weight:bold;text-align:center') | It seems that you have JS disabled. br - | Please, enable it in order to run the app. \ No newline at end of file + | 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='') \ No newline at end of file