Browse Source

Resume: PDF

resume-pdf
Kevin Mok 5 years ago
parent
commit
98fb0482cd
Signed by: Kevin-Mok GPG Key ID: AEA75288DC135CF5
  1. 30
      assets/sass/main.scss
  2. 4
      content/resume/_index.md
  3. 5
      content/resume/printable.txt
  4. 9
      ideas.md
  5. 16
      layouts/shortcodes/resume/project-site.html
  6. 13
      layouts/shortcodes/resume/project.html

30
assets/sass/main.scss

@ -82,10 +82,10 @@ $phone-width: 800px;
// general elements {{{ //
$background-color: #2d2d2d;
$color: #f2f0ec;
// $background-color: white;
// $color: black;
// $background-color: #2d2d2d;
// $color: #f2f0ec;
$background-color: white;
$color: black;
body {
margin: 0;
@ -414,6 +414,7 @@ footer {// {{{
} */// }}}
#print-icon {// {{{
display: none;
float: right;
img {
@ -456,6 +457,7 @@ footer {// {{{
h1 {
color: $base-orange;
margin-top: .9em;
}
.date {
@ -493,9 +495,9 @@ footer {// {{{
}
}
// [id^="details-"] {
// margin-top: .5em;
// }
[id^="details-"] {
margin-top: .5em;
}
}
}// }}}
@ -518,15 +520,13 @@ h1.site-title {// {{{
text-decoration: none;
}
@media (max-width: $max-page-width) {
font-size: 3em;
}
@media (max-width: $phone-width) {
// @media (max-width: $max-page-width) {
// font-size: 3em;
// font-size: 2.5em;
font-size: 2em;
}
// }
// @media (max-width: $phone-width) {
// font-size: 2em;
// }
}// }}}
.hero-logo img {

4
content/resume/_index.md

@ -62,7 +62,7 @@ show="true" %}}
- Proof of concept for a web app that finds the best supermarket for
your needs based on the total price of your cart items and distance
form you.
from you.
- Responsive front-end using **Bootstrap**. Uses **Node.js** and
**MongoDB** for back-end.
- Currently deployed on [**Heroku**][Grocery Finder Heroku].
@ -97,7 +97,7 @@ url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
- Clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
uses ramps to get through the level.
- Able to played using only head movement by getting input from a
- Able to be played using only head movement by getting input from a
face-tracking script (**OpenCV**).
- Implemented in [**Godot**][Godot site], an open-source game engine.
- Made during a 24-hour [accessibility-themed hackathon][PC Hacks event].

5
content/resume/printable.txt

@ -1,4 +1,5 @@
- bg colors
- site title max width
- switch project shortcode
- rm details top margin
- details top margin
- print icon
- project shortcode

9
ideas.md

@ -1,13 +1,8 @@
# Large
- resume
- expand some projects by default
- repo link (GitHub icon) beside each section
- make links open in new tab
- picture/video links?
- printable white version
- upload PDF
- JS to change CSS?
- make old proj's displayable
- change to km.com URL's
- change URL param to repo name
- spv
- screenshots
- setup instructions

16
layouts/shortcodes/resume/project-site.html

@ -0,0 +1,16 @@
<div class="project">
<a class="project-link" href="{{ .Get "url" }}" target="_blank">
<img src="{{ "img/link.svg" | relURL }}" alt="link-icon">
</a>
<button class="btn" type="button" data-toggle="collapse"
data-target="#{{ .Get "name" | lower | urlize }}-details"
aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
<h2 class="project-title">{{ .Get "name" }} ⏷</h2>
</button>
<div class="date">{{ .Get "date" }}</div>
<div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
<div>
{{ .Inner }}
</div>
</div>
</div>

13
layouts/shortcodes/resume/project.html

@ -1,14 +1,11 @@
<div class="project">
<a class="project-link" href="{{ .Get "url" }}" target="_blank">
<img src="{{ "img/link.svg" | relURL }}" alt="link-icon">
<h2 class="project-title">
<a href="{{ .Get "url" }}" target="_blank">
{{ .Get "name" }}
</a>
<button class="btn" type="button" data-toggle="collapse"
data-target="#{{ .Get "name" | lower | urlize }}-details"
aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
<h2 class="project-title">{{ .Get "name" }} ⏷</h2>
</button>
</h2>
<div class="date">{{ .Get "date" }}</div>
<div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
<div class="collapse show" id="details-{{ .Get "name" | lower | urlize }}">
<div>
{{ .Inner }}
</div>

Loading…
Cancel
Save