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

View File

@ -27,15 +27,29 @@ export class Base extends Component {
commands={commands(this.terminal)}
welcomeMessage={welcome}
promptLabel={
/*<pre>
user@blek.codes
<span style={{color: '#2968ac'}}> ~/resume </span>
<span style={{color: '#ff5092'}}>(
<span style={{color:'limegreen'}}>master</span>
) </span>
$
</pre>*/
'$ '
/*
<table className='prompt_table'>
<tbody>
<tr>
<td style={inputStyle}>user@blek.codes</td>
<td className='prompt_spacing'></td>
<td style={{color: '#2968ac'}}> ~/resume </td>
<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

View File

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

View File

@ -10,8 +10,15 @@ const commands = (terminal) => {
},
ls: {
description: 'Show files in current directory',
fn: ()=>{
return <pre style={{color: '#2e8b7e', fontWeight: 'bold'}}>
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 <pre style={{color: '#2e8b7e', fontWeight: 'bold', margin: '0'}}>
{Object.keys(Files).join(' ')}
</pre>;
}

View File

@ -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++:
<a href='https://github.com/b1ek/CuteSchedule'>CuteSchedule</a>
(Cute stands fot Qt).<br/>
I have only one project that is made with
Qt/C++: <a href='https://github.com/b1ek/CuteSchedule'>CuteSchedule</a> (Cute
stands fot Qt).<br/>
<br/>
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:
<a href='https://github.com/b1ek/f2bin'>f2bin</a>.
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.<br/>
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 File

@ -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.
| 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='')