Compare commits

..

1 Commits

Author SHA1 Message Date
5f5fd0d0a6 Config: setup base page 2019-09-21 17:40:18 -04:00
10 changed files with 147 additions and 149 deletions

View File

@@ -82,18 +82,17 @@ $phone-width: 800px;
// general elements {{{ // // general elements {{{ //
// $background-color: #2d2d2d; $background-color: #2d2d2d;
// $color: #f2f0ec; $color: #f2f0ec;
$background-color: white; // $background-color: white;
$color: black; // $color: black;
body { body {
margin: 0; margin: 0;
background-color: $background-color; background-color: $background-color;
color: $color; color: $color;
line-height: 1.5; line-height: 1.5;
// font-size: 100%; font-size: 100%;
font-size: 1.1em;
/* font-family: 'Source Code Pro', monospace; */ /* font-family: 'Source Code Pro', monospace; */
font-family: 'Hack', monospace; font-family: 'Hack', monospace;
display: flex; display: flex;
@@ -415,7 +414,6 @@ footer {// {{{
} */// }}} } */// }}}
#print-icon {// {{{ #print-icon {// {{{
display: none;
float: right; float: right;
img { img {
@@ -429,7 +427,6 @@ footer {// {{{
@include vert-padding-rem(0.5); @include vert-padding-rem(0.5);
display: flex; display: flex;
align-content: center; align-content: center;
// font-size: 1.25em;
div { div {
flex-grow: 1; flex-grow: 1;
@@ -449,24 +446,7 @@ footer {// {{{
} }
}// }}} }// }}}
@page {
size: letter;
}
// @media print {
// @page {
// margin: 0;
// size: letter;
// }
// body {
// padding: 1in;
// }
// }
#resume {// {{{ #resume {// {{{
// font-size: 1.1em;
// font-size: 1em;
a { a {
text-decoration: none; text-decoration: none;
&:hover { &:hover {
@@ -476,8 +456,6 @@ footer {// {{{
h1 { h1 {
color: $base-orange; color: $base-orange;
margin-top: .9em;
font-size: 1.75em;
} }
.date { .date {
@@ -491,7 +469,6 @@ footer {// {{{
h2 { h2 {
color: $base-sky-blue; color: $base-sky-blue;
display: inline; display: inline;
font-size: 1.5em;
} }
img { img {
@@ -516,9 +493,9 @@ footer {// {{{
} }
} }
[id^="details-"] { // [id^="details-"] {
margin-top: .5em; // margin-top: .5em;
} // }
} }
}// }}} }// }}}
@@ -529,8 +506,8 @@ footer {// {{{
h1.site-title {// {{{ h1.site-title {// {{{
text-align: center; text-align: center;
// font-size: 4.8em; /* font-size: 3.5em; */
font-size: 5.5em; font-size: 4.8em;
// color: #66cccc; // color: #66cccc;
color: $base05; color: $base05;
margin-top: 1rem; margin-top: 1rem;
@@ -541,13 +518,15 @@ h1.site-title {// {{{
text-decoration: none; text-decoration: none;
} }
// @media (max-width: $max-page-width) { @media (max-width: $max-page-width) {
// font-size: 3em; font-size: 3em;
// } }
// @media (max-width: $phone-width) { @media (max-width: $phone-width) {
// font-size: 2em; // font-size: 3em;
// } // font-size: 2.5em;
font-size: 2em;
}
}// }}} }// }}}
.hero-logo img { .hero-logo img {

View File

@@ -20,9 +20,17 @@ menu:
# - name: posts/ # - name: posts/
# url: /posts # url: /posts
# weight: 6 # weight: 6
- name: server
url: /server
weight: 7
- name: config
url: /config
weight: 10
# - name: credits # - name: credits
# url: /credits # url: /credits
# weight: 10 # weight: 20
# - name: config
# url: /config blackfriday:
plainIDAnchors: true
hrefTargetBlank: true

View File

@@ -1,27 +1,29 @@
--- ---
title: "Config" title: "Linux Config"
date: 2019-02-07T05:05:11-05:00 date: 2019-04-26
draft: true draft: false
layout: single
--- ---
<!--- Intro {{{ --> <!--- Intro {{{ -->
# Kevin's Linux Setup
![desktop-screenshot](https://i.imgur.com/Fpsr8Fc.png) ![desktop-screenshot](https://i.imgur.com/Fpsr8Fc.png)
*Screenshot from my dual-monitor setup.* *Screenshot from my dual-monitor setup.*
This repository contains the dotfiles to increase my workflow efficiency. They This [repository][lc-repo] contains the dotfiles to increase my workflow
are also for my Linux efficiency. They are also for my Linux [rice][ricing_explanation].
[rice](https://www.reddit.com/r/unixporn/comments/3iy3wd/stupid_question_what_is_ricing/cukxwog/).
[lc-repo]: https://git.kevin-mok.com/Kevin-Mok/linux-config
[ricing_explanation]: https://www.reddit.com/r/unixporn/comments/3iy3wd/stupid_question_what_is_ricing/cukxwog/
<!--- }}} Intro --> <!--- }}} Intro -->
<!--- Main Programs {{{ --> <!--- Main Programs {{{ -->
## Main Programs ## Main Programs
* **OS**: [Arch Linux](https://www.archlinux.org/) ([packages](txt/nzxt-pkgs.txt)) * **OS**: [Arch Linux](https://www.archlinux.org/) ([packages](txt/nzxt-pkgs.txt))
``` ```
> systemd-analyze $ systemd-analyze
Startup finished in 2.341s (kernel) + 1.085s (userspace) = 3.426s Startup finished in 2.341s (kernel) + 1.085s (userspace) = 3.426s
graphical.target reached after 1.085s in userspace graphical.target reached after 1.085s in userspace
``` ```
* **Terminal**: [rxvt-unicode-pixbuf](https://www.wikiwand.com/en/Rxvt) * **Terminal**: [rxvt-unicode-pixbuf](https://www.wikiwand.com/en/Rxvt)
* **Shell**: [Zsh](http://zsh.sourceforge.net/) + [oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh) * **Shell**: [Zsh](http://zsh.sourceforge.net/) + [oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh)
* **Window Manager**: [i3-gaps](https://github.com/Airblader/i3) * **Window Manager**: [i3-gaps](https://github.com/Airblader/i3)

View File

@@ -32,13 +32,37 @@ url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" show="true"
<!--- Spotify Graphs }}} --> <!--- Spotify Graphs }}} -->
<!--- ParsaFood {{{ -->
{{% resume/project name="ParsaFood"
url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018"
show="true" %}}
- **Android** app that reads ingredient labels and detects any dietary
restrictions/allergies.
- Made during a 24-hour [food-themed hackathon][Platterz Hackathon event]
in a group with two other members. Came in 2<sup>nd</sup> place and won
an [Oculus Rift][Oculus Rift Amazon].
- Came up with the idea based on [personal experience][Parsafood motivation].
[Parsafood repo]: https://github.com/Kevin-Mok/ParsaFood
[Parsafood motivation]: https://github.com/Kevin-Mok/ParsaFood#motivation
[Platterz Hackathon event]: https://www.eventbrite.com/e/platterz-hackathon-tickets-42682237722
[Oculus Rift Amazon]: https://www.amazon.ca/Oculus-Rift-Windows-VR-Headset/dp/B00VF0IXEY/ref=sr_1_1_sspa?ie=UTF8&qid=1520422949&sr=8-1-spons&keywords=oculus+rift&psc=1
{{% /resume/project %}}
<!--- ParsaFood }}} -->
<!--- Grocery Finder {{{ --> <!--- Grocery Finder {{{ -->
{{% resume/project name="Grocery Finder" {{% resume/project name="Grocery Finder"
url="https://github.com/Kevin-Mok/grocery-finder" date="April 2019" url="https://github.com/Kevin-Mok/grocery-finder" date="April 2019"
show="true" %}} show="true" %}}
- Proof of concept for a web app that finds the best supermarket for your needs. - 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.
- Responsive front-end using **Bootstrap**. Uses **Node.js** and - Responsive front-end using **Bootstrap**. Uses **Node.js** and
**MongoDB** for back-end. **MongoDB** for back-end.
- Currently deployed on [**Heroku**][Grocery Finder Heroku]. - Currently deployed on [**Heroku**][Grocery Finder Heroku].
@@ -52,27 +76,6 @@ show="true" %}}
<!--- Grocery Finder }}} --> <!--- Grocery Finder }}} -->
<!--- ParsaFood {{{ -->
{{% resume/project name="ParsaFood"
url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018"
show="true" %}}
- **Android** app that reads ingredient labels and detects any dietary
restrictions/allergies.
- Made during a 24-hour [food-themed hackathon][Platterz Hackathon event]
in a group with two other members. Came in 2<sup>nd</sup> place and won
an [Oculus Rift][Oculus Rift Amazon].
[Parsafood repo]: https://github.com/Kevin-Mok/ParsaFood
[Parsafood motivation]: https://github.com/Kevin-Mok/ParsaFood#motivation
[Platterz Hackathon event]: https://www.eventbrite.com/e/platterz-hackathon-tickets-42682237722
[Oculus Rift Amazon]: https://www.amazon.ca/Oculus-Rift-Windows-VR-Headset/dp/B00VF0IXEY/ref=sr_1_1_sspa?ie=UTF8&qid=1520422949&sr=8-1-spons&keywords=oculus+rift&psc=1
{{% /resume/project %}}
<!--- ParsaFood }}} -->
<!--- TrapBot {{{ --> <!--- TrapBot {{{ -->
{{% resume/project name="TrapBot" {{% resume/project name="TrapBot"
@@ -80,10 +83,31 @@ url="https://github.com/Kevin-Mok/TrapBot" date="March 2018" %}}
- reddit bot that looks for comments with song names and responds with - reddit bot that looks for comments with song names and responds with
their respective SoundCloud links. their respective SoundCloud links.
- Received positive feedback from users who saw the bot's posts.
- Uses __Python__ API wrappers for SoundCloud and reddit. - Uses __Python__ API wrappers for SoundCloud and reddit.
{{% /resume/project %}} {{% /resume/project %}}
<!--- Grocery Finder }}} -->
<!--- Super ADA Bros. {{{ -->
{{% resume/project name="Super ADA Bros"
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
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].
[PC Hacks event]: https://pchacks19.devpost.com/
[Godot site]: https://godotengine.org
{{% /resume/project %}}
<!--- Grocery Finder }}} --> <!--- Grocery Finder }}} -->
{{% /resume/section %}}<!--- }}} --> {{% /resume/section %}}<!--- }}} -->

View File

@@ -1,17 +1,3 @@
<!--- TrapBot {{{ -->
{{% resume/project name="TrapBot"
url="https://github.com/Kevin-Mok/TrapBot" date="March 2018" %}}
- reddit bot that looks for comments with song names and responds with
their respective SoundCloud links.
- Received positive feedback from users who saw the bot's posts.
- Uses __Python__ API wrappers for SoundCloud and reddit.
{{% /resume/project %}}
<!--- Grocery Finder }}} -->
<!--- Super ADA Bros. {{{ --> <!--- Super ADA Bros. {{{ -->
{{% resume/project name="Super ADA Bros" {{% resume/project name="Super ADA Bros"
@@ -19,8 +5,7 @@ url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
- Clone of Super Mario Bros 1-1, but Mario is mobility-impaired and - Clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
uses ramps to get through the level. uses ramps to get through the level.
- Able to be played using only head movement by getting input from - Able to played using only head movement by getting input from a
a
face-tracking script (**OpenCV**). face-tracking script (**OpenCV**).
- Implemented in [**Godot**][Godot site], an open-source game engine. - Implemented in [**Godot**][Godot site], an open-source game engine.
- Made during a 24-hour [accessibility-themed hackathon][PC Hacks event]. - Made during a 24-hour [accessibility-themed hackathon][PC Hacks event].
@@ -30,5 +15,6 @@ url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
{{% /resume/project %}} {{% /resume/project %}}
<!--- }}} -->
<!--- Grocery Finder }}} -->

View File

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

10
content/server/_index.md Normal file
View File

@@ -0,0 +1,10 @@
---
title: "Server"
date: 2019-09-21
draft: true
layout: single
---
|Name|Image|Short Code|
|---------|:-----:|-----|
|BabyRage|![BabyRage](https://twem.tk/br.png)|[br](https://twem.tk/br.png)|
|BibleThump|![BibleThump](https://twem.tk/bt.png)|[bt](https://twem.tk/bt.png)|

View File

@@ -1,8 +1,13 @@
# Large # Large
- resume - 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 - make old proj's displayable
- change to km.com URL's
- change URL param to repo name
- spv - spv
- screenshots - screenshots
- setup instructions - setup instructions

View File

@@ -1,16 +0,0 @@
<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>

View File

@@ -1,11 +1,14 @@
<div class="project"> <div class="project">
<h2 class="project-title"> <a class="project-link" href="{{ .Get "url" }}" target="_blank">
<a href="{{ .Get "url" }}" target="_blank"> <img src="{{ "img/link.svg" | relURL }}" alt="link-icon">
{{ .Get "name" }}
</a> </a>
</h2> <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="date">{{ .Get "date" }}</div>
<div class="collapse show" id="details-{{ .Get "name" | lower | urlize }}"> <div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
<div> <div>
{{ .Inner }} {{ .Inner }}
</div> </div>