Kevin-Mok/my-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update resume for web dev

Browse Source
This commit is contained in:
Kevin Mok
2025-03-11 13:31:35 -04:00
parent 4d29261b3c
commit 6e5ad11eb7
6 changed files with 192 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
assets/sass/main.scss
View File

@@ -103,13 +103,19 @@ body {
margin: 0;
background-color: $background-color;
color: $color;
line-height: 1.5;
// line-height: 1.5;
line-height: 1.57;
// font-size: 100%;
font-size: 15px;
// font-size: 15px;
font-size: 17px;
// font-size: 20px;
// font-size: 22px;
/* font-family: 'Source Code Pro', monospace; */
font-family: 'Hack', monospace;
// font-family: 'Hack', monospace;
// body {
// font-family: 'Times New Roman', serif;
font-family: "Computer Modern Serif";
// }
display: flex;
flex-direction: column;
min-height: 100vh;
@@ -171,7 +177,8 @@ footer {
margin-top: 2rem;
$vertical-margin: .2em;
text-align: center;
font-size: 0.8em;
// font-size: 0.8em;
font-size: .85em;
color: #747369;
// bottom: 0;
// position: absolute;
@@ -211,7 +218,8 @@ footer {
// padding-right: .9em;
img {
height: 1.5em;
// height: 1.5em;
height: 3em;
@include vert-margin-rem(.2);
padding-left: .5em;
opacity: .6;
@@ -369,7 +377,7 @@ header {// {{{
display: inline;
&#gnu {
background-color: $base04;
// background-color: $base04;
// background-color: $base05;
}
}
@@ -492,7 +500,7 @@ header {// {{{
#contact-info {// {{{
@include side-margin-em(0);
// @include vert-padding-rem(0.5);
@include a-color($base-sky-blue);
// @include a-color($base-sky-blue);
// min-width: $max-page-width;
@media (min-width: 1200px) {
.container{
@@ -500,6 +508,7 @@ header {// {{{
}
}
a {// {{{
color: #4287cd;
text-decoration: none;
&:hover {
text-decoration: none;
@@ -511,7 +520,8 @@ header {// {{{
.row {
// flex-grow: 1;
color: $base05;
// color: $base05;
color: #4287cd;
img {
height: 1em;
@@ -529,7 +539,9 @@ header {// {{{
}
.url-info {
font-size: 1em;
margin-left: 5px;
// text-decoration: underline;
// position: relative;
// left: -8px;
// @media (max-width: $phone-width) {
@@ -544,6 +556,9 @@ header {// {{{
#resume {// {{{
a {// {{{
// text-decoration: none;
// color: $base-blue;
color: #4287cd;
// color: blue;
text-decoration: underline;
&:hover {
text-decoration: underline;
@@ -551,17 +566,19 @@ header {// {{{
}// }}}
h1 {// {{{
color: $base-orange;
// color: $base-orange;
color: black;
// margin-top: 1.3rem;
margin-top: 1rem;
font-size: 1.2em;
// font-size: 1.2em;
font-size: 1.3em;
// @media (max-width: $phone-width) {
// margin-top: .75rem;
// }
}// }}}
h2 {// {{{
color: $base-orange;
//color: $base-orange;
margin-top: .5rem;
font-size: 1em;
@@ -590,10 +607,19 @@ header {// {{{
// }
}// }}}
.section-header {
margin-top: .7em;
margin-bottom: 0.4em;
}
ul {
margin-bottom: 5px;
}
.work-experience {
margin-bottom: 5px;
}
#projects {// {{{
// // h1 {
// // margin-bottom: 3px;
@@ -605,6 +631,7 @@ header {// {{{
h2 {
color: $base-sky-blue;
display: inline;
font-size: 1.1em;
}
img {
@@ -613,7 +640,14 @@ header {// {{{
.project-header {
// margin-bottom: .6em;
margin-bottom: .1em;
// margin-bottom: .1em;
margin-bottom: 5px;
}
.project-title {
// color: $base-blue;
color: black;
display: inline;
}
.project-link {
@@ -653,8 +687,37 @@ header {// {{{
}
}// }}}
.company {
// color: #fe4646;
color: black;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 5px;
}
.position {
// color: black;
// color: $base-sky-blue;
// color: $base-blue;
color: black;
font-weight: bold;
// font-style: italic;
// font-size: 1.1em;
font-size: 1em;
// margin-bottom: 5px;
margin-bottom: 15px;
}
.languages {
// font-style: italic;
// font-size: .9em;
}
.institution {
color: $base-yellow;
// color: $base-yellow;
// color: $base-dark-orange;
// color: $base-blue;
color: black;
font-weight: bold;
font-size: 1.1em;
margin-bottom: 5px;
@@ -760,16 +823,21 @@ header {// {{{
h1.site-title {// {{{
text-align: center;
// font-size: 4.2em;
font-size: 3.2em;
// font-size: 3.2em;
font-size: 2.5em;
// color: #66cccc;
color: $base05;
// margin-top: 1rem;
// margin-bottom: 0.75rem;
@include vert-margin-rem(.75);
@include a-color($base-sky-blue);
// @include a-color($base-sky-blue);
a {
text-decoration: none;
color: black;
// text-decoration: none;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
// @media (max-width: $phone-width) {
@@ -935,7 +1003,8 @@ article.single section.body h5 { color: #515151; }
article.single section.body h6 { color: #747369; }
// article.single section.body a,a:visited { color: #a06700; }
article.single section.body a,a:visited { color: $base-sky-blue; }
// article.single section.body a,a:visited { color: $base-sky-blue; }
// article.single section.body a,a:visited { color: $base-sky-blue; }
/* Article Elements */