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

This commit is contained in:
b1ek 2023-03-12 00:02:30 +10:00
parent b32f26c976
commit e79225eacb
Signed by: blek
GPG Key ID: 14546221E3595D0C
6 changed files with 73 additions and 24 deletions

View File

@ -22,8 +22,20 @@ div#resume_js_app p.js_loading_indicator {
text-align: center; text-align: center;
} }
div#resume_js_app * { div#resume_js_app * {
color: #e1e1e1; 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 * { div#resume_js_app table * {
border:0; border:0;

View File

@ -27,14 +27,28 @@ export class Base extends Component {
commands={commands(this.terminal)} commands={commands(this.terminal)}
welcomeMessage={welcome} welcomeMessage={welcome}
promptLabel={ 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>
*/
'$ ' '$ '
} }
@ -43,7 +57,7 @@ export class Base extends Component {
className='console' className='console'
promptLabelStyle={inputStyle} promptLabelStyle={inputStyle}
inputTextStyle={{...inputStyle, color: '#5ba2b0', transform: 'translateY(2px)'}} inputTextStyle={{...inputStyle, color: '#5ba2b0', transform: 'translate(2px, 2px)'}}
styleEchoBack={'fullInherit'} styleEchoBack={'fullInherit'}
noDefaults noDefaults

View File

@ -4,10 +4,22 @@ td {
.console { .console {
font-family: 'Source Code Pro', monospace; 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 { a, a:visited {
color: rgb(36, 85, 126); color: rgb(36, 85, 126) !important;
text-decoration: none; text-decoration: none;
font-weight: 500; font-weight: 500;
transition: 150ms ease; transition: 150ms ease;

View File

@ -10,8 +10,15 @@ const commands = (terminal) => {
}, },
ls: { ls: {
description: 'Show files in current directory', 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(' ')} {Object.keys(Files).join(' ')}
</pre>; </pre>;
} }

View File

@ -84,13 +84,14 @@ const skills = {
<Title>My native dev experience</Title> <Title>My native dev experience</Title>
<p> <p>
It isn't much.<br/> 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/> <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> </p>
</pre> </pre>
) )

View File

@ -1,10 +1,6 @@
extends ../layout/main.pug extends ../layout/main.pug
block root block root
- var title = 'Resume' - 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') link(rel='stylesheet' href='/static/ui/resume.css')
block content block content
@ -22,3 +18,10 @@ block content
| It seems that you have JS disabled. | It seems that you have JS disabled.
br br
| Please, enable it in order to run the app. | 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='')