Compare commits

..

4 Commits

Author SHA1 Message Date
a19c6fb921 Revert print team ranking letter 2020-05-14 21:34:57 -04:00
e5579a0e77 Print team ranking letter 2020-05-13 20:15:39 -04:00
5e7fe99969 Footer: social icons opaque on hover 2019-10-25 04:03:32 -04:00
2305b246c1 Sample cover letter, letter submodule
Custom sitemap layout to hide letters.
2019-10-07 22:48:32 -04:00
16 changed files with 88 additions and 45 deletions

5
.gitmodules vendored
View File

@@ -1,4 +1,7 @@
[submodule "content/letter"] [submodule "content/letter"]
path = content/letter path = content/letter
url = ssh://git@git.kevin-mok.com:399/Kevin-Mok/cover-letters.git url = ssh://git@git.kevin-mok.com:399/Kevin-Mok/cover-letters.git
branch = drafts branch = master
[submodule "static/pdf"]
path = static/pdf
url = ssh://git@git.kevin-mok.com:399/Kevin-Mok/resume-pdf.git

View File

@@ -88,6 +88,15 @@ $vert-phone-width: 500px;
} }
}// }}} }// }}}
@mixin a-no-underline() {// {{{
a {
text-decoration: none;
&:hover {
text-decoration: none;
}
}
}// }}}
// }}} mixins // // }}} mixins //
// general elements {{{ // // general elements {{{ //
@@ -104,7 +113,8 @@ body {
line-height: 1.5; line-height: 1.5;
// font-size: 100%; // font-size: 100%;
font-size: 15px; font-size: 15px;
/* font-family: 'Source Code Pro', monospace; */ // font-size: 25px;
// font-family: 'Hack Nerd Font Mono', monospace;
font-family: 'Hack', monospace; font-family: 'Hack', monospace;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -205,12 +215,17 @@ footer {
position: relative; position: relative;
padding-right: $side-padding; padding-right: $side-padding;
// padding-right: .9em; // padding-right: .9em;
@include a-no-underline();
img { img {
height: 1.5em; height: 1.5em;
@include vert-margin-rem(.2); @include vert-margin-rem(.2);
padding-left: .5em; padding-left: .5em;
opacity: .6; opacity: .6;
&:hover {
opacity: 1;
}
} }
} }
} }
@@ -474,8 +489,8 @@ header {// {{{
float: right; float: right;
img { img {
height: 1.75em; height: 2em !important;
position: relative; position: absolute;
top: 1em; top: 1em;
} }
}// }}} }// }}}
@@ -486,7 +501,6 @@ header {// {{{
// @include vert-padding-rem(0.5); // @include vert-padding-rem(0.5);
@include a-color($base-sky-blue); @include a-color($base-sky-blue);
width: 100%; width: 100%;
min-width: $max-page-width;
// @media (min-width: 1200px) { // @media (min-width: 1200px) {
// .container{ // .container{
// min-width: $max-page-width; // min-width: $max-page-width;
@@ -647,6 +661,7 @@ header {// {{{
&.letter { &.letter {
margin-top: 2em; margin-top: 2em;
// font-size: 21px;
img { img {
height: 4.5em; height: 4.5em;
@@ -654,11 +669,22 @@ header {// {{{
h2 { h2 {
color: $base-red; color: $base-red;
margin-top: 0em; // font-size: 30px;
// margin-top: 0em;
// margin-top: .5em;
// margin-top: 1.25em;
// margin-bottom: 1em;
} }
p { p {
margin-bottom: 1.5em; margin-bottom: 1.5em;
// margin-bottom: 1em;
}
ul {
// margin-bottom: 1.5em;
margin-bottom: 2em;
} }
.no-line-spacing { .no-line-spacing {
@@ -667,6 +693,9 @@ header {// {{{
p { p {
margin-bottom: 1em; margin-bottom: 1em;
} }
strong {
line-height: 1.25em;
}
} }
} }
}// }}} }// }}}
@@ -905,16 +934,16 @@ h1.site-title {// {{{
font-size: 3em; font-size: 3em;
} }
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
font-size: 3.5em; // font-size: 3.5em;
@include vert-margin-rem(.3); // @include vert-margin-rem(.3);
// font-size: 2.5em; // // font-size: 2.5em;
// font-size: 2em; // // font-size: 2em;
.surrounding { // .surrounding {
display: none; // display: none;
} // }
} // }
}// }}} }// }}}
.hero-logo img { .hero-logo img {

View File

@@ -29,16 +29,20 @@ menu:
- name: card - name: card
url: /card url: /card
weight: 15 weight: 15
- name: letter # - name: letter
url: /letter # url: /letter
weight: 17 # weight: 17
# - name: credits # - name: credits
# url: /credits # url: /credits
# weight: 20 # weight: 20
blackfriday: # blackfriday:
plainIDAnchors: true # plainIDAnchors: true
hrefTargetBlank: true # hrefTargetBlank: true
disableKinds: ["RSS"] disableKinds: ["RSS"]
markup:
goldmark:
renderer:
unsafe: true

View File

@@ -1,5 +1,5 @@
--- ---
title: "Digital Card" title: "Digital Card"
date: 2019-02-11T07:50:51-05:00 date: 2019-02-11T07:50:51-05:00
draft: true draft: false
--- ---

View File

@@ -39,5 +39,4 @@ a single branch.
[chezmoi]: https://github.com/twpayne/chezmoi [chezmoi]: https://github.com/twpayne/chezmoi
<!--- }}} Setup --> <!--- }}} Setup -->

View File

@@ -3,19 +3,10 @@ title: "Resume"
date: 2019-02-11T07:50:51-05:00 date: 2019-02-11T07:50:51-05:00
draft: false draft: false
--- ---
{{% resume/section overview %}}<!--- {{{ -->
3<sup>rd</sup> year CS student. Enthusiast of all things
Linux and FOSS. Seeking 16-month internship for my PEY
co-op program. Looking to gain industry-relevant experience in
full-stack web dev, DevOps or system administration.
{{% /resume/section %}}<!--- }}} -->
{{% resume/section skills %}}<!--- {{{ --> {{% resume/section skills %}}<!--- {{{ -->
#### Languages #### Languages
- **Bash**, C, **CSS**, C++, **Fish** (shell), Godot, **HTML5**, - **Bash**, **C**, **CSS**, C++, **Fish** (shell), Godot, **HTML5**,
**Python**, Java, **Javascript** (ES6), **Sass** **Python**, Java, **Javascript** (ES6), **Sass**
#### Frameworks #### Frameworks
@@ -26,8 +17,8 @@ full-stack web dev, DevOps or system administration.
#### Tools #### Tools
- **Arch Linux**, Android Studio, **Debian**, **Command Line**, - **Arch Linux**, Android Studio, **Debian**, **Command Line**,
**Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, **SFTP**, **SSH**, **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, npm/yarn, **SFTP**,
**Vim** **SSH**, **Vim**
{{% /resume/section %}}<!--- }}} --> {{% /resume/section %}}<!--- }}} -->
@@ -44,8 +35,9 @@ show="true" %}}
into **PostgreSQL** database with **Django** backend. into **PostgreSQL** database with **Django** backend.
- Created and tested various relational database schemas to maximize - Created and tested various relational database schemas to maximize
efficiency for use cases. efficiency for use cases.
- Produced bubble chart and (stacked) bar chart using [**d3**] - Produced bubble chart and (stacked) bar chart using
[d3 graph examples] to visualize the artists, genres and features of [**d3**][d3 graph examples] to visualize the artists,
genres and features of
tracks in library. tracks in library.
[d3 graph examples]: https://github.com/d3/d3/wiki/Gallery [d3 graph examples]: https://github.com/d3/d3/wiki/Gallery

View File

@@ -1,4 +1,12 @@
// vim: ft=markdown
- bg colors - bg colors
# Resume
- site title max width - site title max width
- switch project shortcode - switch project shortcode
- rm details top margin - rm details top margin
# Letter
- letter font size
- h2

View File

@@ -1,7 +1,5 @@
{{ partial "base/header.html" . }} {{ partial "base/header.html" . }}
{{ partial "resume/print-icon.html" . }}
{{ partial "base/site-title.html" . }} {{ partial "base/site-title.html" . }}
{{ partial "resume/contact-info.html" . }} {{ partial "resume/contact-info.html" . }}

View File

@@ -1,7 +1,7 @@
<div id="about"> <div id="about">
<h2>Welcome to my site!</h2> <h2>Welcome to my site!</h2>
<p> <p>
I'm Kevin Mok - a 3<sup>rd</sup> year Computer Science I'm Kevin Mok - a Computer Science
student at the University of Toronto, and I'm greatly interested in all things Linux and student at the University of Toronto, and I'm greatly interested in all things Linux and
<a href="https://www.gnu.org/philosophy/floss-and-foss.en.html" <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
target="_blank">FOSS/FLOSS</a>. target="_blank">FOSS/FLOSS</a>.

View File

@@ -1,5 +1,5 @@
<div id="print-icon"> <div id="print-icon">
<a href="{{ "kevin-mok-resume.pdf" | relURL }}" target="_blank"> <a href="{{ "pdf/kevin-mok-resume.pdf" | relURL }}" target="_blank">
<img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon"> <img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
</a> </a>
</div> </div>

View File

@@ -0,0 +1,8 @@
<div id="print-icon">
{{ $type := .Get "type" }}
{{ $code := .Get "code" }}
{{ $pdfName := print "pdf/kevin-mok-" $type "-" $code ".pdf" }}
<a href="{{ $pdfName | relURL }}" target="_blank">
<img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
</a>
</div>

View File

@@ -9,7 +9,6 @@
aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details"> aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
<h2 class="project-title"> <h2 class="project-title">
{{ .Get "name" }} {{ .Get "name" }}
<!-- <img class="down-triangle" src="{{ "img/resume/down-triangle.svg" | relURL }}" alt="link-icon"> -->
<img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon"> <img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon">
</h2> </h2>
</button> </button>
@@ -17,7 +16,6 @@
<div class="col-4 text-right date">{{ .Get "date" }}</div> <div class="col-4 text-right date">{{ .Get "date" }}</div>
</div> </div>
<div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details"> <div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
<!-- <div class="show" id="{{ .Get "name" | lower | urlize }}-details"> -->
<div> <div>
{{ .Inner }} {{ .Inner }}
</div> </div>

Binary file not shown.

1
static/pdf Submodule

Submodule static/pdf added at 803aa46cb9

View File

@@ -38,6 +38,9 @@ const generateTable = (table, data) => {
aElem.textContent = elem['shortUrl'] aElem.textContent = elem['shortUrl']
cell.appendChild(aElem) cell.appendChild(aElem)
break break
case 'description':
cell.innerHTML = elem[key]
break
case 'repo': case 'repo':
aElem.href = elem['repoUrl'] aElem.href = elem['repoUrl']
aElem.textContent = elem[key] aElem.textContent = elem[key]