Revert print team ranking letter

Print team ranking letter
2020-05-14 21:34:57 -04:00 · 2020-05-13 20:15:39 -04:00
31 changed files with 470 additions and 735 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -3,9 +3,5 @@ public/
 resources/_gen/
 themes/base16*

-*.pdf
-*pt*
-
 commit-msg.txt
-.hugo_build.lock
 static/server-apps.json
--- a/README.md
+++ b/README.md
@@ -1 +0,0 @@
-https://kevin-mok.com/
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -2,10 +2,14 @@

 //  base colors {{{ // 

+$base00: #2d2d2d;
+$base01: #393939;
 $base02: #515151;
 $base03: #747369;
 $base04: #a09f93;
 $base05: #d3d0c8; 
+$base06: #e8e6df;
+$base07: #f2f0ec;
 $base-red: #f2777a;
 $base-orange: #f99157;
 $base-yellow: #ffcc66;
@@ -15,13 +19,6 @@ $base-blue: #6699cc;
 $base-violet: #cc99cc;
 $base-dark-orange: #d27b53;

-/* .base00 { color: #2d2d2d; }
-.base01 { color: #393939; }
-.base02 { color: #515151; }
-.base03 { color: #747369; }
-.base04 { color: #a09f93; }
-.base06 { color: #e8e6df; }
-.base07 { color: #f2f0ec; } */
 .base08 { color: $base-red; }
 .base09 { color: $base-orange; }
 .base0a { color: $base-yellow; }
@@ -38,6 +35,7 @@ $base-dark-orange: #d27b53;
 // $max-page-width: 52em;
 $max-page-width: 45em;
 $phone-width: 800px;
+$vert-phone-width: 500px;

@mixin side-padding-rem($n) {// {{{
  padding-left: $n * 1rem;
@@ -90,32 +88,34 @@ $phone-width: 800px;
  }
 }// }}}

+@mixin a-no-underline() {// {{{
+  a {
+    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}// }}}
+
 //  }}} mixins // 

 //  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;
  background-color: $background-color;
  color: $color;
-  // line-height: 1.5;
-  line-height: 1.57;
+  line-height: 1.5;
  // font-size: 100%;
-  // font-size: 15px;
-  font-size: 17px;
-  // font-size: 20px;
-  // font-size: 22px;
-  /* font-family: 'Source Code Pro', monospace; */
-  // font-family: 'Hack', monospace;
-  // body {
-  // font-family: 'Times New Roman', serif;
-  font-family: "Computer Modern Serif";
-  // }
+  font-size: 15px;
+  // font-size: 25px;
+  // font-family: 'Hack Nerd Font Mono', monospace;
+  font-family: 'Hack', monospace;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
@@ -177,8 +177,7 @@ footer {
  margin-top: 2rem;
  $vertical-margin: .2em;
  text-align: center;
-  // font-size: 0.8em;
-  font-size: .85em;
+  font-size: 0.8em;
  color: #747369;
  // bottom: 0;
  // position: absolute;
@@ -216,10 +215,10 @@ footer {
        position: relative;
        padding-right: $side-padding;
        // padding-right: .9em;
+        @include a-no-underline();

        img {
-          // height: 1.5em;
-          height: 3em;
+          height: 1.5em;
          @include vert-margin-rem(.2);
          padding-left: .5em;
          opacity: .6;
@@ -258,22 +257,22 @@ p {
  margin-bottom: 1rem;
 }

-// h1 {
-  // font-size: 2rem;
+h1 {
+  font-size: 2rem;

-  // @media (max-width: $phone-width) {
-    // font-size: 1.75rem;
-  // }
-// }
-// h2 {
-  // font-size: 1.5rem;
+  @media (max-width: $phone-width) {
+    font-size: 1.75rem;
+  }
+}
+h2 {
+  font-size: 1.5rem;

-  // @media (max-width: $phone-width) {
-    // font-size: 1.4rem;
-  // }
-// }
+  @media (max-width: $phone-width) {
+    font-size: 1.4rem;
+  }
+}
 h3 { font-size: 1.25rem }
-// h4 { font-size: 1rem }
+h4 { font-size: 1rem }
 h5 { font-size: .875rem }
 h6 { font-size: .75rem }

@@ -377,7 +376,7 @@ header {// {{{
          display: inline;

          &#gnu {
-            // background-color: $base04;
+            background-color: $base04;
            // background-color: $base05;
          }
        }
@@ -488,40 +487,31 @@ header {// {{{

 #print-icon {// {{{
  float: right;
-  display: none;

  img {
-    height: 1.75em;
-    position: relative;
+    height: 2em !important;
+    position: absolute;
    top: 1em;
  }
 }// }}}

 #contact-info {// {{{
  @include side-margin-em(0);
+  @include side-padding-rem(0);
  // @include vert-padding-rem(0.5);
-  // @include a-color($base-sky-blue);
-  // min-width: $max-page-width;
-  @media (min-width: 1200px) {
-      .container{
-        min-width: $max-page-width;
-      }
-  }
-  a {// {{{
-    color: #4287cd;
-    text-decoration: none;
-    &:hover {
-      text-decoration: none;
-    }
-  }// }}}
+  @include a-color($base-sky-blue);
+  width: 100%;
+  // @media (min-width: 1200px) {
+      // .container{
+        // min-width: $max-page-width;
+      // }
+  // }

-  // font-size: .9em;
-  font-size: .8em;
+  font-size: .9em;

  .row {
    // flex-grow: 1;
-    // color: $base05;
-    color: #4287cd;
+    color: $base05;

    img {
      height: 1em;
@@ -539,91 +529,67 @@ header {// {{{
  }

  .url-info {
-    font-size: 1em;
    margin-left: 5px;
-    // text-decoration: underline;
    // position: relative;
    // left: -8px;
-    // @media (max-width: $phone-width) {
-      // // display: none;
-      // // font-size: 10px;
-      // font-size: .8em;
-    // }
+    @media (max-width: $phone-width) {
+      // display: none;
+      // font-size: 10px;
+      font-size: .8em;
+    }
  }

 }// }}}

 #resume {// {{{
  a {// {{{
-    // text-decoration: none;
-    // color: $base-blue;
-    color: #4287cd;
-    // color: blue;
-    text-decoration: underline;
+    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }// }}}

  h1 {// {{{
-    // color: $base-orange;
-    color: black;
-    // margin-top: 1.3rem;
+    color: $base-orange;
    margin-top: 1rem;
-    // font-size: 1.2em;
-    font-size: 1.3em;

-    // @media (max-width: $phone-width) {
-      // margin-top: .75rem;
-    // }
+    @media (max-width: $phone-width) {
+      margin-top: .75rem;
+    }
  }// }}}
  h2 {// {{{
    color: $base-orange;
    margin-top: .5rem;
-    font-size: 1em;

-    // @media (max-width: $phone-width) {
-      // font-size: 1.2em;
-      // margin-top: .75rem;
-    // }
+    @media (max-width: $phone-width) {
+      font-size: 1.2em;
+      margin-top: .75rem;
+    }
  }// }}}
  h4 {// {{{
    color: $base-yellow;
    margin-top: .5rem;
-    font-size: 1.2em;

-    // @media (max-width: $phone-width) {
-      // font-size: 1.2em;
-      // margin-top: .75rem;
-    // }
+    @media (max-width: $phone-width) {
+      font-size: 1.2em;
+      margin-top: .75rem;
+    }
  }// }}}

  .date {// {{{
+    padding-top: .8em;
    float: right;
    color: $base03;
    
-    // @media (max-width: $phone-width) {
-      // padding-top: 0em;
-    // }
+    @media (max-width: $phone-width) {
+      padding-top: 0em;
+    }
  }// }}}

-  .section-header {
-    margin-top: .7em;
-    margin-bottom: 0.4em;
-  }
-
-  ul {
-    margin-bottom: 5px;
-  }
-
-  .work-experience {
-    margin-bottom: 5px;
-  }
-
  #projects {// {{{
-    // // h1 {
-      // // margin-bottom: 3px;
-    // // }
+    h1 {
+      margin-bottom: 3px;
+    }

    .project {// {{{
      @include vert-padding-rem(.2);
@@ -631,29 +597,13 @@ header {// {{{
      h2 {
        color: $base-sky-blue;
        display: inline;
-        font-size: 1.1em;
      }

      img {
        height: 1.2em;
      }

-      .project-header {
-        // margin-bottom: .6em;
-        // margin-bottom: .1em;
-        margin-bottom: 5px;
-      }
-
-      .project-title {
-        // color: $base-blue;
-        color: black;
-        display: inline;
-      }
-
      .project-link {
-        &:link {
-          text-decoration: none;
-        }
        &:hover {
          text-decoration: none;
        }
@@ -687,37 +637,8 @@ 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-dark-orange;
-    // color: $base-blue;
-    color: black;
+    color: $base-yellow;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
@@ -733,14 +654,14 @@ header {// {{{
    }
  }// }}}

-  // @media (max-width: $phone-width) {
-    // font-size: 14px;
-    // // font-size: 1em;
-  // }
+  @media (max-width: $phone-width) {
+    font-size: 14px;
+    // font-size: 1em;
+  }

  &.letter {
    margin-top: 2em;
-    line-height: 1.5em;
+    // font-size: 21px;

    img {
      height: 4.5em;
@@ -748,20 +669,33 @@ header {// {{{

    h2 {
      color: $base-red;
-      margin-top: 0em;
-      margin-bottom: .4em;
+      // font-size: 30px;
+      // margin-top: 0em;
+      // margin-top: .5em;
+      // margin-top: 1.25em;
+      // margin-bottom: 1em;
    }

+
    p {
-      margin-bottom: 1em;
+      margin-bottom: 1.5em;
+      // margin-bottom: 1em;
+    }
+    
+    ul {
+      // margin-bottom: 1.5em;
+      margin-bottom: 2em;
    }
    
    .no-line-spacing {
      line-height: .5em;
-      margin-bottom: 1.75em;
+      margin-bottom: 2.15em;
      p {
        margin-bottom: 1em;
      }
+      strong {
+        line-height: 1.25em;
+      }
    }
  }
 }// }}}
@@ -816,33 +750,189 @@ header {// {{{
  }
 }// }}}

+#card {// {{{
+  @include vert-margin-rem(2);
+  align-items: center;
+  justify-content: center;
+  font-family: 'Oxygen Mono', monospace;
+
+  .container {// {{{
+    padding-left: 0;
+    padding-right: 0;
+
+    .row {
+      padding-top: 6rem;
+      padding-bottom: 8rem;
+      
+      @media (max-width: $phone-width) {
+        padding-top: 5rem;
+        padding-bottom: 6rem;
+      }
+    }
+  }// }}}
+
+  // $card-bg: #e8e6df;
+  $card-bg: $base07;
+  #presentational-container {// {{{
+    margin-top: 3em;
+    margin-bottom: 1em;
+    max-width: $max-page-width;
+    box-shadow: 2px 2px 10px 5px black;
+    // card bg
+    // background-color: #fff;
+    // background-color: #e5e5e5;
+    background-color: $card-bg;
+  }// }}}
+
+  #email-full {// {{{
+    font-size: 50px;
+    @media (max-width: $phone-width) {
+      font-size: 40px;
+    }
+    @media (max-width: $vert-phone-width) {
+      font-size: 33px;
+    }
+
+    @include vert-margin-rem(2);
+    height: 7em;
+
+    img {
+      height: .5em;
+      position: absolute;
+      left: -.8em;
+      bottom: -.15em;
+    }
+
+    p { // {{{
+      position: relative;
+      // color: grey;
+      color: #151515;
+      // color: #133337;
+
+      div {
+        display: inline;
+      }
+
+      .social {// {{{
+        // display: none;
+        display: inline;
+        white-space: nowrap;
+        position: absolute;
+        // left: 5.5rem;
+        left: 0rem;
+
+        .safari {
+          display: none;
+        }
+
+        @supports (-webkit-backdrop-filter: blur(1px)) {
+          left: .65rem;
+          .safari {
+            display: inline;
+          }
+        }
+
+        .link-text {
+          position: relative;
+          width: 100%;
+        }
+
+        $border-thickness: 8px;
+        @media (max-width: $vert-phone-width) {
+          $border-thickness: 5px;
+        }
+        .link {
+          position: absolute;
+          border-color: black;
+          border-style: solid;
+          border-width: 0 $border-thickness $border-thickness $border-thickness;
+          height: .45em;
+          width: 100%;
+          left: 0;
+          img {
+            position: absolute;
+            left: -1em;
+          }
+
+          &.link-top {
+            border-width: $border-thickness $border-thickness 0 $border-thickness;
+
+            img {
+              position: absolute;
+              top: -.2em;
+            }
+          }
+
+          &:hover {
+            opacity: .6;
+          }
+        }
+
+        $line-spacing: .65em;
+        #mastodon {
+          top: -$line-spacing * 1.1;
+          border-color: #3088d4;
+        }
+        .linkedin {
+          bottom: -$line-spacing * 1.1;
+          border-color: #0077b7;
+
+          &.linkedin-middle {
+            border-style: dotted;
+            border-width: 0 0 3.5px 0;
+          }
+        }
+        #github {
+          bottom: -$line-spacing * 2.7;
+        }
+        #site {
+          bottom: -$line-spacing * 4.25;
+          border-color: #ff7058;
+        }
+        #email {
+          top: -$line-spacing * 2.65;
+          border-color: #d1d0bf;
+        }
+      }// }}}
+
+      .spacing {
+        opacity: 0;
+      }
+    }// }}}
+  }// }}}
+}// }}}
+
+#letter-home {// {{{
+
+  #letter-instr {
+    text-align: center;
+    margin-top: 1.5em;
+    // margin-top: 25vh;
+    font-size: 1.4em;
+  }
+}// }}}
+
 // TODO: converted up to here

 //  hero {{{ // 

 h1.site-title {// {{{
  text-align: center;
-  // font-size: 4.2em;
-  // font-size: 3.2em;
-  font-size: 2.5em;
+  font-size: 4.2em;
  // 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 {
-    color: black;
-    // text-decoration: none;
-    text-decoration: underline;
-    text-decoration-thickness: 2px;
-    text-underline-offset: 5px;
+    text-decoration: none;
  }

-  // @media (max-width: $phone-width) {
-    // font-size: 3em;
-  // }
+  @media (max-width: $max-page-width) {
+    font-size: 3em;
+  }

  // @media (max-width: $phone-width) {
    // font-size: 3.5em;
@@ -1003,8 +1093,7 @@ 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 */

--- a/config.yaml
+++ b/config.yaml
@@ -26,9 +26,9 @@ menu:
  - name: config
    url: /config
    weight: 10
-  # - name: card
-    # url: /card
-    # weight: 15
+  - name: card
+    url: /card
+    weight: 15
  # - name: letter
    # url: /letter
    # weight: 17
--- a/content/config/_index.md
+++ b/content/config/_index.md
@@ -6,7 +6,7 @@ layout: single
 ---
 <!---  Intro {{{ --> 

-![desktop-screenshot](/img/config/desktop-screenshot.png)
+![desktop-screenshot](https://img.khkm.tk/uploads/big/b2bd45e8f436d389ecb787b5c61c951a.png)
 *Screenshot from my dual-monitor setup.*

 This [repository][lc-repo] contains the dotfiles to increase my workflow 
@@ -18,17 +18,17 @@ efficiency. They are also for my Linux [rice][ricing_explanation].

 <!---  Main Programs {{{ --> 
 ## Main Programs
-* **OS**: [Arch Linux](https://www.archlinux.org/) ([packages](https://git.kevin-mok.com/Kevin-Mok/linux-config/src/branch/master/txt/arch-2-pkgs.txt))
+* **OS**: [Arch Linux](https://www.archlinux.org/) ([packages](txt/nzxt-pkgs.txt))
    ```
    $ systemd-analyze
    Startup finished in 2.341s (kernel) + 1.085s (userspace) = 3.426s 
    graphical.target reached after 1.085s in userspace
    ```
-* **Terminal**: [kitty](https://sw.kovidgoyal.net/kitty/) 
-* **Shell**: [fish](https://fishshell.com/)
-* **Window Manager**: [i3-gaps](https://i3wm.org/)
-* **Editor**: [neovim](https://neovim.io/) ([plugins](https://git.kevin-mok.com/Kevin-Mok/linux-config/src/branch/master/dot_vimrc.tmpl#L147-L359))
-* **File Manager**: [ranger](https://github.com/ranger/ranger?tab=readme-ov-file#ranger-193)/[PCManFM](https://en.wikipedia.org/wiki/PCMan_File_Manager)
+* **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)
+* **Window Manager**: [i3-gaps](https://github.com/Airblader/i3)
+* **Editor**: [Neovim](https://github.com/neovim/neovim) ([plugins](dotfiles/.vimrc#L51))
+* **File Manager**: [ranger](https://ranger.github.io/)
 <!---  }}} Basic Info --> 

 <!---  Setup {{{ --> 
--- a/content/letter
+++ b/content/letter
--- a/content/resume/_index.md
+++ b/content/resume/_index.md
@@ -3,128 +3,165 @@ title: "Resume"
 date: 2019-02-11T07:50:51-05:00
 draft: false
 ---
+{{% resume/section skills %}}<!--- {{{ -->
+
+#### Languages
+- **Bash**, **C**, **CSS**, C++, **Fish** (shell), Godot, **HTML5**, 
+  **Python**, Java, **Javascript** (ES6), **Sass**
+
+#### Frameworks
+- **Bootstrap**, **Django**, **Node.js**, **PostgreSQL**
+
+#### Services
+- **DigitalOcean**, **Linux**, Heroku, **REST/Web API's**
+
+#### Tools
+- **Arch Linux**, Android Studio, **Debian**, **Command Line**, 
+  **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, npm/yarn, **SFTP**, 
+  **SSH**, **Vim**
+
+{{% /resume/section %}}<!--- }}} -->
+
 {{% resume/section projects %}}<!--- {{{ -->

-<!--- RBC AML {{{ -->
+<!--- Spotify Graphs {{{ -->

-{{% resume/project name="AML Risk Analytics" 
-languages="Python, SQL, Tableau"  
-date="July 2025" show="true" %}}
-
-* Built an end-to-end AML simulation using **Python**, 
-  generating **9M+ records** across customers, 
-  transactions, and alerts to mimic real-world 
-  financial behavior and suspicious activity patterns.
-* Wrote advanced **SQL (CTEs + joins)** to classify 
-  **high-risk customers**, calculate alert counts, and 
-  filter transactions over the past 90 days with 
-  aggregated metrics.
-* Engineered a **risk scoring model** in Python 
-  using transaction thresholds and alert volume to 
-  classify customers as Elevated or Critical risk.
-* Designed **interactive Tableau dashboards** (Risk 
-  Heatmap, Alert Efficiency, Risk vs. Avg Amount) to 
-  visualize cross-country AML exposure and alert 
-  effectiveness.
- **Developed KPI-ready metrics** (alert rate, avg USD 
-  exposure, transaction volume) to drive AML 
-  performance reporting and enable cross-country risk 
-  comparisons.
- **Normalized multi-currency transaction data** to 
-  ensure consistent exposure calculations across USD, 
-  CAD, and EUR, supporting reliable AML metric 
-  aggregation.
-
-{{% /resume/project %}}
-
-<!--- RBC AML }}} -->
-
-<!--- Spotify Visualized {{{ -->
-
-{{% resume/project name="Spotify Visualized" 
-url="https://github.com/Kevin-Mok/astronofty" languages="Python, Django" date="June 2023" 
+{{% resume/project name="Spotify Graphs" 
+url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018" 
 show="true" %}}

- **Built a high-performance Python backend** using 
-  Django and PostgreSQL to process 10K+ data records 
-  per user, optimizing ingestion pipelines via API 
-  integration and ORM modeling.
- **Engineered normalized database schemas** to 
-  streamline query workflows, achieving a **50% 
-  reduction in PostgreSQL latency** for high-volume 
-  reporting tasks.
- **Visualized user music libraries in Tableau**, 
-  creating dashboards that grouped tracks by **artist 
-  and genre**, enabling users to explore listening 
-  patterns and discover trends in their Spotify data.
+- Implemented base functionality of scanning tracks and listening 
+  history from user's library using Spotify API and organized data 
+  into **PostgreSQL** database with **Django** backend.
+- Created and tested various relational database schemas to maximize 
+  efficiency for use cases.
+- Produced bubble chart and (stacked) bar chart using 
+  [**d3**][d3 graph examples] to visualize the artists, 
+  genres and features of 
+tracks in library.
+
+[d3 graph examples]: https://github.com/d3/d3/wiki/Gallery

 {{% /resume/project %}}

-<!--- Spotify Visualized }}} -->
+<!--- Spotify Graphs }}} -->

-<!--- Rarity Surf {{{ -->
+<!--- Grocery Finder {{{ -->

-{{% resume/project name="Rarity Surf" 
-languages="Python, Django, JavaScript, React"  
-date="Oct 2022" show="true" %}}
+{{% resume/project name="Grocery Finder" 
+url="https://github.com/Kevin-Mok/grocery-finder" date="Feb. 2019 — Apr. 2019" 
+show="true" %}}

- **Built a full-stack reporting tool** using React, 
-  Django, and **PostgreSQL** to analyze 
-  structured/unstructured metadata from APIs, enabling 
-  real-time rarity scoring and improving insight 
-  delivery by **80%**.
- **Optimized SQL query performance** within a 
-  Django-based pipeline, processing NFT ranking data at 
-  scale and exposing results via GraphQL with 
-  **low-latency response times under high concurrency 
-  (2,000+ queries)**.
+- Proof of concept for web app that finds the ideal supermarket based on your cart.
+- Designed responsive front-end layout using **Bootstrap**.
+- Implemented REST API functionality on backend using **Node.js** and 
+  **MongoDB**.
+- Setup deployment on [**Heroku**][Grocery Finder Heroku].
+- Led team of 4 as project leader to prioritize and delegate tasks while
+  also implementing a majority of the core features.
+- Performed code review for team members' pull requests.
+
+[Grocery Finder Heroku]: http://www.grocery-finder.ml

 {{% /resume/project %}}

-<!--- Rarity Surf }}} -->
+<!--- 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. 
+- Designed user interface and linked various functionality together.
+- 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
+[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 {{{ -->
+
+{{% resume/project name="TrapBot"
+url="https://github.com/Kevin-Mok/TrapBot" date="March 2018" %}}
+
+- Use reddit API wrapper in **Python** to scan music subreddits for user 
+  comments containing common track listing formats.
+- Match detected track name and artists to track on SoundCloud using another 
+  Python API wrapper.
+- Respond to original poster's comment with formatted list of tracks found.
+- Received positive comment from users who replied to the bot's posts.
+
+{{% /resume/project %}}
+
+<!--- Grocery Finder }}} -->
+
+<!--- DigitalOcean {{{ -->
+
+{{% resume/project name="Personal Server"
+url="https://kevin-mok.com/server/" date="Aug. 2019 — present" %}}
+
+- Deployed various web apps with backends such as Node, PHP and Python using 
+  **NGINX** on a **Debian** server.
+- Monitor system resources and perform system maintenance using tmux.
+- Wrote [**Node.js** script][server script] and [**systemd** service][systemd service]/[timer]
+  to check and display the uptime of my pages every hour.
+
+[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
+[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
+[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
+
+{{% /resume/project %}}
+
+<!--- DigitalOcean Droplet }}} -->
+
+<!--- Super ADA Bros. {{{ -->
+
+{{% resume/project name="Super ADA Bros"
+url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
+
+- Designed clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
+  uses ramps to get through the level.
+- Uses **OpenCV** to track player's head movement which is then translated to 
+  in-game movement. [Video Demo]
+- 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
+[Video Demo]: https://youtu.be/vRdENLGrBqM
+
+{{% /resume/project %}}
+
+
+<!--- Grocery Finder }}} -->

 {{% /resume/section %}}<!--- }}} -->

 {{% resume/section "Work Experience" %}}<!--- {{{ -->

-{{% resume/work-experience name="Red Hat" 
-title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" date="May 2022 - Aug 2023" %}}
-
- **Decreased manual configuration errors by 80%** by 
-  automating service discovery and dynamic config 
-  updates, aligning with AML goals of minimizing 
-  operational risk and improving data integrity.
- **Enhanced CI pipeline reproducibility and 
-  performance** by rewriting the Jenkins nightly 
-  pipeline to support automated PR-level testing with 
-  reusable parameters, improving report consistency 
-  across environments.
- **Collaborated cross-functionally** with developers 
-  and testers to maintain reliable infrastructure, 
-  echoing the AML role's emphasis on stakeholder 
-  partnership for building robust reporting systems.
- **Improved system reliability** during production 
-  launches by implementing startup probes for legacy 
-  services, reducing downtime and enhancing stability 
-  for automated monitoring/reporting pipelines.
- **Reduced reporting deployment time by 66%** by 
-  building a CLI-based solution to push compiled 
-  binaries directly into Kubernetes/Openshift clusters, 
-  accelerating turnaround for testing and data 
-  validation workflows.
-
-{{% /resume/section %}}<!--- }}} -->
-
-{{% resume/section skills %}}<!--- {{{ -->
-
-**Python**, **SQL**, **PostgreSQL**, **Tableau**, **MongoDB**, **JavaScript**, Django, **React**, Bash, **Git**, **Linux**, **Command Line**, Go(Lang), AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Solidity, C  
+{{% resume/education name="Philpott Children's Tennis" 
+title="Head Instructor" date="2013 — 2015" %}}
+- Ran 8-week summer camp for inner-city youth with assistant coach.
+- Prepared daily lesson plans for 4 different age groups of children 
+  with varying skill levels and needs.
+- Supervised and ensured the safety and enjoyment of up to 20 children at once.

 {{% /resume/section %}}<!--- }}} -->

 {{% resume/section education %}}<!--- {{{ -->

-{{% resume/education name="University of Toronto (St. George)"
-title="Computer Science Specialist - 3.84 GPA (CS). Graduated with High Distinction." date="2019 - 2024" %}}
+{{% resume/education name="University of Toronto"
+title="Computer Science Specialist" date="2017 — 2021" %}}

 {{% /resume/section %}}<!--- }}} -->

--- a/content/resume/old.txt
+++ b/content/resume/old.txt
@@ -1,259 +0,0 @@
-<!--- {{{ Red Hat -->
-
- Reduced deployment time by **66%** by [implementing ability](https://github.com/apache/incubator-kie-kogito-operator/commit/175a6356c5474f2360ccb8ae835e0b9b2d653cf1) to 
-  deploy locally-compiled binaries onto **Kubernetes**/**OpenShift**
-  using only command-line (**Kubernetes/GoLang** used for this and three below). 
- Implemented ability for Kubernetes operator to fetch data 
-  from a deployed service and update config with data to 
-  deprecate reliance on startup script.
- Added startup probes to handle starting legacy application containers that require additional startup time.
- Refactored probes to [have default values](https://github.com/apache/incubator-kie-kogito-operator/commit/af4977af228ec8648be28779259d4552246b656f) assigned based on 
-  deployed YAML while also fixing reconciliation issues.
- Rewrote the **Jenkins (Groovy)** [nightly pipeline](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88) to run in a GitHub 
-  PR using a trigger keyword to test all the team's submitted PR's 
-  before merging to the main branch.
- Took on tasks and contributed ideas in **Agile sprint** planning meetings in a team of 12 people.  
- Took initiative to write [file](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88#diff-7d2c018dafbccec859077d19bf1ade53ec9c7649f235528ce89f5632b109f7e6) 
-  to define the GitHub parameters for the above pipeline so that it 
-  can be recreated easily.
- Took initiative to write [documentation](https://github.com/apache/incubator-kie-kogito-operator/blob/1534c03d1d26bec08a16608a775782bf8b305de9/docs/GUIDE_FOR_KOGITO_DEVS.md) on how to get started with the project to onboard new 
-  developers and mentored the incoming intern.
-
-<!--- }}} Red Hat -->
-
-<!--- Rarity Surf {{{ -->
-
-{{% resume/project name="Rarity Surf" 
-languages="Python, JavaScript, React, Django"  
-date="Oct 2021" show="true" %}}
-
- **Developed a full-stack web application** to generate rarity 
-  rankings for NFT's integrated with OpenSea's API, 
-  enabling users to **quickly identify rare NFT's** and check 
-  their listing status, **improving market research efficiency by 80%**.
- **Reverse engineered a proprietary ranking algorithm** to 
-  mirror the leading rarity ranking site’s results, 
-  **achieving 99.75% accuracy** by 
-  utilizing data scraping techniques [with Selenium](https://github.com/Kevin-Mok/rarity-surf/blob/django/rarity_check/project/scrape.py), 
-  increasing the platform's trustworthiness among users.
- **Optimized purchasing strategy** by leveraging the app to 
-  frontrun competitors in purchasing top 0.5% rarity NFTs, 
-  **boosting acquisition success rate by 90%** and allowing 
-  users to gain a competitive edge in the marketplace.
- **Architected a robust Django (Python) [backend](https://github.com/Kevin-Mok/rarity-surf)** to fetch and process 
-  NFT metadata from IPFS, store rarity rankings in 
-  **PostgreSQL**, and serve the data via GraphQL API, **ensuring low-latency access and scaling to handle 2,000+ concurrent requests**.
- **Developed a dynamic React [frontend](https://github.com/Kevin-Mok/rarity-surf-frontend)** using hooks to load 
-  rarity data in real-time, styled with Tailwind for 
-  mobile responsiveness, **improving user experience 
-  and reducing frontend load times by 70%**.
-
-{{% /resume/project %}}
-
-<!--- Rarity Surf }}} -->
-
-<!--- Astronofty {{{ -->
-
-{{% resume/project name="Astronofty" 
-url="https://github.com/Kevin-Mok/astronofty" languages="JavaScript, React, Solidity" date="Jan 2023" 
-show="true" %}}
-
- Created for a 36 hour hackathon (UofTHacks X) where it [**came 2nd overall**](https://devpost.com/software/astronofty).
- Created and deployed a smart contract with **Solidity** on 
-  the Ethereum blockchain to create/buy/sell NFT's.
- Wrote **React** [components](https://github.com/Kevin-Mok/astronofty/tree/main/src/components) to synchronously upload images and metadata to IPFS and fetch and show NFT's.
-
-{{% /resume/project %}}
-
-<!--- Astronofty }}} -->
-
-<!--- AWS {{{ -->
-
-{{% resume/project name="AWS Server"
-url="https://kevin-mok.com/server/" languages="AWS, Kubernetes, Docker, Terraform" date="May 2024" show="true" %}}
-
- Deployed [various web apps](https://kevin-mok.com/server/) using **Docker** (Compose) on an 
-  **AWS EC2** Debian/**Linux** server.
- Created **Kubernetes** [manifest files](https://github.com/Kevin-Mok/aws-minicube) to quickly recreate my server setup 
-  with persistent storage/restarts and open ports.
- Created **Terraform** [files](https://github.com/Kevin-Mok/terraform-deploys/tree/main) 
-  to deploy an AWS EC2 instance and Docker containers.
- Used Amazon Route 53's DNS and **NGINX** to route 
-  subdomains to each web application.
- Wrote a **JavaScript** [server script] and [systemd service][systemd service]/[timer]
-  to display the uptime of my pages every hour.
-
-[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
-[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
-[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
-
-{{% /resume/project %}}
-
-<!--- AWS }}} -->
-
-<!--- AWS 2 {{{ -->
-
-{{% resume/project name="AWS Server"
-url="https://kevin-mok.com/server/" languages="AWS, Kubernetes, Docker, Terraform" date="May 2024" show="true" %}}
-
- **Deployed and maintained multiple web applications** 
-  using **Docker Compose** on **AWS EC2 Debian/Linux servers**, 
-  ensuring consistent environments for applications handling 
-  **over 2,000+ monthly requests**.
- **Streamlined infrastructure management** by creating 
-  Kubernetes manifest files to easily recreate server setups 
-  with persistent storage, automatic restarts, and open 
-  ports, **reducing the need for manual configuration**.
- **Automated AWS infrastructure provisioning** by writing 
-  **Terraform** files to deploy **EC2** instances and Docker 
-  containers, **accelerating deployment times by 80%** and 
-  providing an easily reproducible infrastructure setup for 
-  future projects.
- Improved web application accessibility and scalability by 
-  configuring Amazon Route 53’s DNS and NGINX to route 
-  subdomains to individual web apps, enabling seamless 
-  navigation between apps and reducing DNS resolution times 
-  by 25%.
- Built a robust uptime monitoring system by writing a 
-  JavaScript server script and setting up a systemd 
-  service/timer to check and display page uptime every hour, 
-  ensuring near real-time monitoring and reducing downtime 
-  detection time by 85%.
-
-{{% /resume/project %}}
-
-<!--- AWS 2 }}} -->
-
-<!--- AWS 3 {{{ -->
-
-{{% resume/project name="AWS Server"
-url="https://kevin-mok.com/server/" languages="AWS, Kubernetes, Docker, Terraform" date="May 2024" show="true" %}}
-
- **Deployed and maintained multiple web applications** 
-  using **Docker Compose** on **AWS EC2 Debian/Linux servers**, 
-  ensuring consistent environments for applications handling 
-  **over 2,000+ monthly requests**.
- **Automated AWS infrastructure provisioning** by writing 
-  **Terraform** files to deploy AWS EC2 instances and Docker 
-  containers, **accelerating deployment times by 80%** and 
-  providing an easily reproducible infrastructure setup.
-
-{{% /resume/project %}}
-
-<!--- AWS 3 }}} -->
-
-
-<!--- Astronofty (extended) {{{ -->
-
-{{% resume/project name="Astronofty" 
-url="https://github.com/Kevin-Mok/astronofty" languages="JavaScript, React, Solidity" date="Jan 2023" 
-show="true" %}}
-
- **Secured [2nd place](https://devpost.com/software/astronofty) overall out of 150+ teams** at UofTHacks 
-  X, a 36-hour hackathon, for developing a blockchain-based 
-  NFT marketplace app.
- **Built and optimized React (JavaScript) [components](https://github.com/Kevin-Mok/astronofty/tree/main/src/components)** to synchronously 
-  upload images and metadata to IPFS, **enhancing user engagement by 40%** during the demo, 
-  and ensuring real-time NFT data retrieval, achieving a **75% improvement in loading times**.
-
-{{% /resume/project %}}
-
-<!--- Astronofty }}} -->
-
-<!--- {{{ Spotify Graphs -->
-
-{{% resume/project name="Spotify Graphs" 
-url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2020 " 
-languages="Python, Django, PostgreSQL"  
-show="true" %}}
-
- Web app to visualize user's library and listening 
-  history from Spotify.
- [Fetched and organized](https://github.com/Kevin-Mok/spotify-lib-vis/blob/master/api/utils.py) user data from Spotify API into PostgreSQL database with **Django (Python)** backend.
- Created and tested various relational database schemas to maximize 
-  efficiency for use cases.
- Generated various charts to visualize the artists and genres 
-  of tracks in library.
-
-{{% /resume/project %}}
-
-<!--- Spotify Graphs }}} -->
-
-<!--- Grocery Finder {{{ -->
-
-{{% resume/project name="Grocery Finder" 
-url="https://github.com/Kevin-Mok/grocery-finder" date="Feb. 2019 — Apr. 2019" 
-show="true" %}}
-
- Proof of concept for web app that finds the ideal supermarket based on your cart.
- Designed responsive front-end layout using **Bootstrap**.
- Implemented REST API functionality on backend using **Node.js** and 
-  **MongoDB**.
- Setup deployment on [**Heroku**][Grocery Finder Heroku].
- Led team of 4 as project leader to prioritize and delegate tasks while
-  also implementing a majority of the core features.
- Performed code review for team members' pull requests.
-
-[Grocery Finder Heroku]: http://www.grocery-finder.ml
-
-{{% /resume/project %}}
-
-<!--- Grocery Finder }}} -->
-
-<!--- CSC369 {{{ -->
-
-{{% resume/project name="Custom Kernel Module"
-url="https://kevin-mok.com/server/" date="Jan. 2022" show="true" %}}
-
- Wrote and installed a [custom Linux kernel module](https://github.com/Kevin-Mok/interceptor-kernel/blob/master/a1/interceptor.c) in **C**.
- Intercepted pre-existing system calls using 
-  custom kernel module by sending commands to 
-  userspace.
- Monitored specific process ID's in my system 
-  call to intercept their system calls.
-
-{{% /resume/project %}}
-
-<!--- CSC369 }}} -->
-
-<!--- 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. 
- Designed user interface and linked various functionality together.
- 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
-[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 }}} -->
-
-<!--- DigitalOcean {{{ -->
-
-{{% resume/project name="Personal Server"
-url="https://kevin-mok.com/server/" date="Aug. 2019 — present" %}}
-
- Deployed various web apps with backends such as Node, PHP and Python using 
-  **NGINX** on a **Debian** server.
- Monitor system resources and perform system maintenance using tmux.
- Wrote [**Node.js** script][server script] and [**systemd** service][systemd service]/[timer]
-  to check and display the uptime of my pages every hour.
-
-[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
-[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
-[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
-
-{{% /resume/project %}}
-
-<!--- DigitalOcean Droplet }}} -->
-
--- a/content/resume/points-plain-text.md
+++ b/content/resume/points-plain-text.md
@@ -1,23 +0,0 @@
-# Red Hat
-1. Reduced deployment time by 66% by implementing ability to deploy locally-compiled binaries onto Kubernetes/OpenShift using only command-line (Kubernetes/GoLang used for this and three below).
-2. Implemented ability for Kubernetes operator to fetch data from a deployed service and update config with data to deprecate reliance on startup script.
-3. Added startup probes to handle starting legacy application containers that require additional startup time.
-4. Refactored probes to have default values assigned based on deployed YAML while also fixing reconciliation issues.
-5. Rewrote the Jenkins (Groovy) nightly pipeline to run in a GitHub PR using a trigger keyword to test all the team’s submitted PR’s before merging to the main branch.
-6. Took on tasks and contributed ideas in Agile sprint planning meetings in a team of 12 people.
-7. Took initiative to write file to define the GitHub parameters for the above pipeline so that it can be recreated easily.
-8. Took initiative to write documentation on how to get started with the project to onboard new developers and mentored the incoming intern.
-
-# Rarity Surf
-1. Web app to give rarity rankings to NFT’s and check which are listed on the OpenSea marketplace using their API.
-2. Reverse engineered the ranking algorithm to match the leading rarity ranking site’s rankings (scraped using Selenium) with a discrepancy of <0.25%.
-3. Used app to frontrun purchases of top 0.5% rarity NFT’s against competing buyers.
-4. Wrote Django (Python) backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
-5. Wrote React frontend with hooks to dynamically load rarity data. Styled with Tailwind.
-
-# AWS
-1. Deployed various web apps using Docker (Compose) on an AWS EC2 Debian/Linux server.
-2. Created Kubernetes manifest files to quickly recreate my server setup with persistent storage/restarts and open ports.
-3. Created Terraform files to deploy an AWS EC2 instance and Docker containers.
-4. Used Amazon Route 53’s DNS and NGINX to route subdomains to each web application.
-5. Wrote a JavaScript server script and systemd service/timer to display the uptime of my pages every hour.
--- a/content/resume/printable.txt
+++ b/content/resume/printable.txt
@@ -1,4 +1,12 @@
+// vim: ft=markdown
+
 - bg colors
+ 
+# Resume
 - site title max width
 - switch project shortcode
 - rm details top margin
+
+# Letter
+- letter font size
+- h2 
--- a/content/resume/red-hat.txt
+++ b/content/resume/red-hat.txt
@@ -1,9 +0,0 @@
-• Working on the Kogito (cloud-native, open-source business automation technology) Cloud Engineering team.
-• Implemented ability for Kogito operator to fetch exposed protobuf files from a deployed service and update ConfigMap with data (*Kubernetes*, *Go*, KOGITO-3376).
-• Reduced deployment time by 66% by implementing ability to deploy locally-compiled Kogito binaries onto OpenShift using only Kogito CLI (*Go*, KOGITO-2113). 
-• Added startup probes to handle starting legacy application containers that require additional startup time 
-(*Go*, KOGITO-4322).
-• Refactored Kogito probes to have default values assigned based on deployed YAML/runtime while also fixing reconciliation issues (*Kubernetes*, *Go*, KOGITO-4898).
-• Automated the promotion and release process for Kogito runtimes as part of the release pipeline (*Jenkins*, KOGITO-1653). Wrote unit tests in the Spock framework. 
-• Wrote documentation to onboard new Kogito operator developers and reduce friction needed for them to start contributing (*Kubernetes/minikube/OpenShift*, KOGITO-5127). Was completed as part of mentoring incoming intern to expedite initial onboarding process.
-• Presented a talk based on my experience called "8 Things I Learned About Software Engineering" to an audience of 75+ in a conference for internship seekers.
--- a/content/resume/server-ideas.md
+++ b/content/resume/server-ideas.md
@@ -1,18 +0,0 @@
-# To-Do
- check price of AWS server
- run Docker apps on it
- run domain
- run/create Docker compose
- Dockerize app
-
-# Done
-
-# Points
- run/deploy K8s locally on minikube using kubectl
-  - features
- Dockerize app
- run Docker on server (AWS)
-
-# Replace
- personal server
- Astronofy
--- a/content/resume/skills.md
+++ b/content/resume/skills.md
@@ -1,8 +0,0 @@
-# DevOps
-AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Go(Lang), Bash, **Linux**, **JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Solidity, C, **Git**, **Command Line**
-
-# Web Dev
-**JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Bash, **Git**, **Linux**, **Command Line**, Go(Lang), AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Solidity, C  
-
-# Python
-**Python**, **Django**, **Linux**, **Git**, AWS, Kubernetes, Docker (Compose), Ansible, Jenkins, Selenium, Terraform, Go(Lang), PostgreSQL, **Command Line**, Groovy, Bash,  **JavaScript**, **React**, Node.js, MongoDB, Solidity, C
--- a/content/server/_index.md
+++ b/content/server/_index.md
@@ -1,16 +1,14 @@
 ---
 title: "Server Apps"
-date: 2024-06-10
+date: 2019-09-22
 draft: false
 layout: single
 js: ["server-table"]
 ---
-Here is a list of apps that I am running on my [AWS EC2][AWS EC2 info] 
-Debian instance/[DigitalOcean 
+Here is a list of apps that I am running on my [DigitalOcean 
 droplet][do-droplet]. Their [statuses] are updated every hour using a 
 [Node.js script][update-script] and a [systemd service]/[timer].

-[AWS EC2 info]: https://aws.amazon.com/pm/ec2/?gclid=CjwKCAjwyJqzBhBaEiwAWDRJVA8xkzlFBVRieWU_oiTxnHHfRgTnfN9WlnYON3UptS4aTtjaYRbVJRoCju8QAvD_BwE&trk=8c0f4d22-7932-45ae-9a50-7ec3d0775c47&sc_channel=ps&ef_id=CjwKCAjwyJqzBhBaEiwAWDRJVA8xkzlFBVRieWU_oiTxnHHfRgTnfN9WlnYON3UptS4aTtjaYRbVJRoCju8QAvD_BwE:G:s&s_kwcid=AL!4422!3!472464674288!e!!g!!aws%20ec2!11346198414!112250790958
 [do-droplet]: https://www.digitalocean.com/products/droplets/
 [statuses]: https://kevin-mok.com/server-apps.json
 [systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
--- a/layouts/partials/base/footer.html
+++ b/layouts/partials/base/footer.html
@@ -6,6 +6,7 @@

 <footer>
  <div class="container">
+    <!-- <span class="copyright">&copy; {{ .Site.LastChange.Year }} {{ .Site.Title }} - <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></span> -->
    <div id="footer-row" class="row justify-content-center">
      <span id="footer-content" class="name">
        <span id="copyright" class="col-xs-6">
@@ -14,35 +15,24 @@
          <!-- <a href="{{ "credits" | relURL }}">Credits</a> ·  -->
        </span>
        <span id="social-icons" class="col-xs-4">
-          <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
-            <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-logo">
-          </a>
-          <a href="mailto:me@kevin-mok.com" target="_blank">
-            <img src="{{ "img/social/email.svg" | relURL }}"
-            alt="envelope">
-          · 
          <a href="https://github.com/Kevin-Mok" target="_blank">
            <img src="{{ "img/social/github.svg" | relURL }}"
            alt="github-logo">
          </a>
-          <a href="https://git.kevin-mok.com/Kevin-Mok?tab=activity" target="_blank">
+          <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
+            <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-logo">
+          </a>
+          <a href="https://git.kevin-mok.com/" target="_blank">
            <img src="{{ "img/social/gitea.svg" | relURL }}" alt="gitea-logo">
          </a>
-          · 
-          <a href="https://twitter.com/Kev_Mok" target="_blank">
-            <img src="{{ "img/social/twitter.svg" | relURL }}"
-            alt="twitter-logo">
+          <a href="mailto:me@kevin-mok.com" target="_blank">
+            <img src="{{ "img/social/email.svg" | relURL }}"
+            alt="envelope">
          </a>
-          <a rel="me" href="https://fosstodon.org/@Kevin" target="_blank">
+          <a href="https://fosstodon.org/@Kevin" target="_blank">
            <img src="{{ "img/social/mastodon.svg" | relURL }}"
            alt="mastodon-logo">
          </a>
-          <a href="https://www.reddit.com/u/Kevin-Mok" target="_blank">
-            <img src="{{ "img/social/reddit.svg" | relURL }}"
-            alt="reddit-logo">
-          </a>
-          . 
-          </a>
        </span>
        <span class="col-xs-2">
        </span>
--- a/layouts/partials/base/header.html
+++ b/layouts/partials/base/header.html
@@ -9,20 +9,17 @@
 {{- with $.Param "author" }}
 <meta name="author" content="{{ . }}">
 {{- end }}
-{{ hugo.Generator }}
+{{ .Hugo.Generator }}
 <meta name="google-site-verification" content="3aZhrY5bFgQY0HY2DNNUhbkuIfVEcwkrQHnbJd8jCCQ" />
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<!-- <script src="https://cdn.khkm.tk/live.js" charset="utf-8"></script> -->
+<script src="https://cdn.khkm.tk/live.js" charset="utf-8"></script>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
 <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700" type="text/css"> -->
-<!-- <link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'> -->
+<link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'>
 <!-- <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
-    <!-- href="https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css"> -->
-<link rel="stylesheet" type="text/css"
-    href="https://cdn.jsdelivr.net/gh/dreampulse/computer-modern-web-font@master/fonts.css">
 <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
 {{ $main_sass := resources.Get "sass/main.scss" }}
 {{ $main_style := $main_sass | resources.ToCSS }}
--- a/layouts/partials/base/site-title.html
+++ b/layouts/partials/base/site-title.html
@@ -1,4 +1,7 @@
 <h1 class="site-title">
-  <span class="surrounding"></span><a href="{{ .Site.BaseURL }}">
-    <span>Kevin Mok</span>
+  <span class="surrounding">[</span><a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
+    class="base0f">e</span><span class="base09">v</span><span
+    class="base0a">i</span><span class="base0b">n </span><span
+    class="base0c">M</span><span class="base0d">o</span><span
+    class="base0e">k</span></a><span class="surrounding">] # _</span>
 </h1>
--- a/layouts/partials/home/about.html
+++ b/layouts/partials/home/about.html
@@ -1,33 +1,10 @@
 <div id="about">
 <h2>Welcome to my site!</h2>
 <p>
-  I'm Kevin Mok. Here are a few things about myself!
-  <ul>
-    <li>I'm an Ex-Cloud Engineer Intern at 
-      <a href="https://www.redhat.com/" target="_blank">Red Hat</a>.
-    </li>
-    <li>
-      I'm graduated University of Toronto as a Computer
-      Science Scecialist in 2023.
-    </li>
-    <li>
-      I am currently looking for full-time work! You can
-      view
-      <a href="http://localhost:1313/resume/" target="_blank">my resume</a>
-      on my site can
-      reach me on my 
-      <a href="https://www.linkedin.com/in/kev-mok" target="_blank">LinkedIn</a>
-      or email me at me at kevin-mok.com.
-    </li>
-    <li>
-      I'm greatly interested in Linux (been using
-      <a href="https://archlinux.org/" target="_blank">Arch Linux </a>
-      
-      since 2019) and a supporter of
-      <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
-        target="_blank">FOSS/FLOSS</a>.
-    </li>
-  </ul>
+  I'm Kevin Mok - a Computer Science
+  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"
+    target="_blank">FOSS/FLOSS</a>.
 </p>

 {{ partial "home/me-equation.html" . }}
--- a/layouts/partials/home/me-equation.html
+++ b/layouts/partials/home/me-equation.html
@@ -1,24 +1,23 @@
 <div class="me-equation">
  <div class="equation-part">
-    <a href="https://www.redhat.com/" target="_blank">
-      <img src="{{ "img/home/red-hat.svg" | relURL }}"
-      alt="red-hat-logo">
-    </a>
-  <p>+</p>
-  </div>
-  <div class="equation-part">
-    <a href="https://archlinux.org/" target="_blank">
-      <!-- <img src="{{ "img/home/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo"> -->
-      <img src="{{ "img/home/arch.svg" | relURL }}" id="gnu" alt="gnu-logo">
+    <a href="https://www.gnu.org/" target="_blank">
+      <img src="{{ "img/home/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo">
    </a>
    <p>+</p>
  </div>
+  <div class="equation-part">
+    <a href="https://www.wikiwand.com/en/Arch_Linux" target="_blank">
+      <img src="{{ "img/home/arch.svg" | relURL }}" alt="linux-logo">
+      <!-- <img src="{{ "img/home/larbs.png" | relURL }}" alt="linux-logo"> -->
+    </a>
+  <p>+</p>
+  </div>
  <div class="equation-part" id="uoft-part">
    <a href="https://www.utoronto.ca/" target="_blank">
      <img src="{{ "img/home/uoft-logo.svg" | relURL }}" alt="uoft-logo">
    </a>
-  </div>
  <p>=</p>
+  </div>
  <div class="equation-part">
  <img src="{{ "img/home/hexatar.png" | relURL }}" id="hexatar" alt="my-avatar">
  </div>
--- a/layouts/partials/resume/contact-info.html
+++ b/layouts/partials/resume/contact-info.html
@@ -12,7 +12,7 @@
    <div id="linkedin" class="col text-right">
      <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
        <span class="url-info">
-          linkedin.com/in/Kev-Mok
+          Kev-Mok
        </span>
        <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
      </a>
@@ -28,11 +28,11 @@
      </a>
    </div>
    <div id="website" class="col text-right">
-      <a href="https://github.com/Kevin-Mok" target="_blank">
+      <a href="https://kevin-mok.com/" target="_blank">
        <span class="url-info">
-          github.com/Kevin-Mok
+          kevin-mok.com
        </span>
-        <img src="{{ "img/social/github.svg" | relURL }}" alt="link-icon">
+        <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
      </a>
    </div>
  </div>
--- a/layouts/shortcodes/resume/education.html
+++ b/layouts/shortcodes/resume/education.html
@@ -7,8 +7,7 @@
    </div>
    <div class="col text-right date">{{ .Get "date" }}</div>
  </div>
-  <!-- <span class="title"> -->
-  <span>
+  <span class="title">
    {{ .Get "title" }}
  </span>
 </div>
--- a/layouts/shortcodes/resume/project.html
+++ b/layouts/shortcodes/resume/project.html
@@ -1,10 +1,17 @@
 <div class="project">
  <div class="row project-header">
    <div class="col-8 text-left">
+      <a class="project-link" href="{{ .Get "url" }}" target="_blank">
+        <img src="{{ "img/resume/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" }}
+          <img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon">
        </h2>
-        <span><{{ .Get "languages" }}></span>
+      </button>
    </div>
    <div class="col-4 text-right date">{{ .Get "date" }}</div>
  </div>
--- a/layouts/shortcodes/resume/references.html
+++ b/layouts/shortcodes/resume/references.html
@@ -1,10 +0,0 @@
-<div class="references">
-  <span>
-    See my LinkedIn for 
-    <a href="https://www.linkedin.com/in/kev-mok/details/recommendations/?detailScreenTabIndex=0"
-      target="_blank">
-    references</a> from my
-    Red Hat managers/mentee, a startup client and a graduate
-    student mentor.
-  </span>
-</div>
--- a/layouts/shortcodes/resume/work-experience.html
+++ b/layouts/shortcodes/resume/work-experience.html
@@ -1,17 +0,0 @@
-<div class="work-experience">
-  <div class="row">
-    <div class="col-8 text-left">
-      <p class="company">
-        {{ .Get "name" }}
-      </p>
-    </div>
-    <div class="col text-right date">{{ .Get "date" }}</div>
-  </div>
-  <!-- <span class="title"> -->
-  <span class="position">
-    {{ .Get "title" }}
-  </span>
-  <span class="languages">
-    <{{ .Get "languages" }}>
-  </span>
-</div>
--- a/static/img/config/desktop-screenshot.png
+++ b/static/img/config/desktop-screenshot.png
--- a/static/img/home/red-hat.svg
+++ b/static/img/home/red-hat.svg
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" id="b6bdd2b4-52ab-488a-9a30-1e6d1d7dd2d4" data-name="Layer 1" viewBox="0 0 192.30001 146" version="1.1" sodipodi:docname="logo.svg" width="192.3" height="146" inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
-  <metadata id="metadata15">
-    <rdf:RDF>
-      <cc:Work rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
-        <dc:title/>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1007" id="namedview13" showgrid="false" fit-margin-top="1" fit-margin-right="1" fit-margin-bottom="1" fit-margin-left="1" inkscape:zoom="0.45930043" inkscape:cx="306.89999" inkscape:cy="73" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="b6bdd2b4-52ab-488a-9a30-1e6d1d7dd2d4"/>
-  <defs id="defs4">
-    <style id="style2">.a737459c-e8c7-4afa-8008-f6cfd15ccda2{fill:#e00;}</style>
-  </defs>
-  <path class="a737459c-e8c7-4afa-8008-f6cfd15ccda2" d="m 128,84 c 12.5,0 30.6,-2.6 30.6,-17.5 a 19.53,19.53 0 0 0 -0.3,-3.4 L 150.9,30.7 C 149.2,23.6 147.7,20.3 135.2,14.1 125.5,9.1 104.4,1 98.1,1 92.2,1 90.5,8.5 83.6,8.5 76.9,8.5 72,2.9 65.7,2.9 c -6,0 -9.9,4.1 -12.9,12.5 0,0 -8.4,23.7 -9.5,27.2 a 6.15,6.15 0 0 0 -0.2,1.9 C 43,53.7 79.3,83.9 128,84 m 32.5,-11.4 c 1.7,8.2 1.7,9.1 1.7,10.1 0,14 -15.7,21.8 -36.4,21.8 C 79,104.5 38.1,77.1 38.1,59 a 18.35,18.35 0 0 1 1.5,-7.3 C 22.8,52.5 1,55.5 1,74.7 1,106.2 75.6,145 134.6,145 c 45.3,0 56.7,-20.5 56.7,-36.7 0,-12.7 -11,-27.1 -30.8,-35.7" id="path8" inkscape:connector-curvature="0" style="fill:#ee0000"/>
-  <path d="m 160.5,72.6 c 1.7,8.2 1.7,9.1 1.7,10.1 0,14 -15.7,21.8 -36.4,21.8 C 79,104.5 38.1,77.1 38.1,59 a 18.35,18.35 0 0 1 1.5,-7.3 l 3.7,-9.1 a 6.15,6.15 0 0 0 -0.2,1.9 c 0,9.2 36.3,39.4 84.9,39.4 12.5,0 30.6,-2.6 30.6,-17.5 A 19.53,19.53 0 0 0 158.3,63 Z" id="path10" inkscape:connector-curvature="0"/>
-</svg>
--- a/static/img/resume/signature-white-lg.png
+++ b/static/img/resume/signature-white-lg.png
--- a/static/img/resume/signature-white.png
+++ b/static/img/resume/signature-white.png
--- a/static/img/social/reddit.svg
+++ b/static/img/social/reddit.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#FFF" d="M12.193 19.555c-1.94-1.741-4.79-1.727-6.365.029-1.576 1.756-1.301 5.023.926 6.632L12.193 19.555zM35.807 19.555c1.939-1.741 4.789-1.727 6.365.029 1.575 1.756 1.302 5.023-.927 6.632L35.807 19.555zM38.32 6.975A3.5 3.5 0 1 0 38.32 13.975 3.5 3.5 0 1 0 38.32 6.975z"/><path fill="#FFF" d="M24.085 15.665000000000001A18.085 12.946 0 1 0 24.085 41.557A18.085 12.946 0 1 0 24.085 15.665000000000001Z"/><g><path fill="#D84315" d="M30.365 23.506A2.884 2.884 0 1 0 30.365 29.274 2.884 2.884 0 1 0 30.365 23.506zM17.635 23.506A2.884 2.884 0 1 0 17.635 29.274 2.884 2.884 0 1 0 17.635 23.506z"/></g><g><path fill="#37474F" d="M24.002 34.902c-3.252 0-6.14-.745-8.002-1.902 1.024 2.044 4.196 4 8.002 4 3.802 0 6.976-1.956 7.998-4C30.143 34.157 27.254 34.902 24.002 34.902zM41.83 27.026l-1.17-1.621c.831-.6 1.373-1.556 1.488-2.623.105-.98-.157-1.903-.721-2.531-.571-.637-1.391-.99-2.307-.994-.927.013-1.894.365-2.646 1.041l-1.336-1.488c1.123-1.008 2.545-1.523 3.991-1.553 1.488.007 2.833.596 3.786 1.658.942 1.05 1.387 2.537 1.221 4.081C43.961 24.626 43.121 26.096 41.83 27.026zM6.169 27.026c-1.29-.932-2.131-2.401-2.306-4.031-.166-1.543.279-3.03 1.221-4.079.953-1.062 2.297-1.651 3.785-1.658.009 0 .018 0 .027 0 1.441 0 2.849.551 3.965 1.553l-1.336 1.488c-.753-.676-1.689-1.005-2.646-1.041-.916.004-1.735.357-2.306.994-.563.628-.826 1.55-.721 2.53.115 1.067.657 2.023 1.488 2.624L6.169 27.026zM25 16.84h-2c0-2.885 0-10.548 4.979-10.548 2.154 0 3.193 1.211 3.952 2.096.629.734.961 1.086 1.616 1.086h1.37v2h-1.37c-1.604 0-2.453-.99-3.135-1.785-.67-.781-1.198-1.398-2.434-1.398C25.975 8.292 25 11.088 25 16.84z"/><path fill="#37474F" d="M24.085 16.95c9.421 0 17.085 5.231 17.085 11.661 0 6.431-7.664 11.662-17.085 11.662S7 35.042 7 28.611C7 22.181 14.664 16.95 24.085 16.95M24.085 14.95C13.544 14.95 5 21.066 5 28.611c0 7.546 8.545 13.662 19.085 13.662 10.54 0 19.085-6.116 19.085-13.662C43.17 21.066 34.625 14.95 24.085 14.95L24.085 14.95zM38.32 7.975c1.379 0 2.5 1.122 2.5 2.5s-1.121 2.5-2.5 2.5-2.5-1.122-2.5-2.5S36.941 7.975 38.32 7.975M38.32 5.975c-2.484 0-4.5 2.015-4.5 4.5s2.016 4.5 4.5 4.5c2.486 0 4.5-2.015 4.5-4.5S40.807 5.975 38.32 5.975L38.32 5.975z"/></g></svg>
--- a/static/img/social/twitter.svg
+++ b/static/img/social/twitter.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="240px" height="240px"><linearGradient id="_osn9zIN2f6RhTsY8WhY4a" x1="10.341" x2="40.798" y1="8.312" y2="38.769" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2aa4f4"/><stop offset="1" stop-color="#007ad9"/></linearGradient><path fill="url(#_osn9zIN2f6RhTsY8WhY4a)" d="M46.105,11.02c-1.551,0.687-3.219,1.145-4.979,1.362c1.789-1.062,3.166-2.756,3.812-4.758	c-1.674,0.981-3.529,1.702-5.502,2.082C37.86,8.036,35.612,7,33.122,7c-4.783,0-8.661,3.843-8.661,8.582	c0,0.671,0.079,1.324,0.226,1.958c-7.196-0.361-13.579-3.782-17.849-8.974c-0.75,1.269-1.172,2.754-1.172,4.322	c0,2.979,1.525,5.602,3.851,7.147c-1.42-0.043-2.756-0.438-3.926-1.072c0,0.026,0,0.064,0,0.101c0,4.163,2.986,7.63,6.944,8.419	c-0.723,0.198-1.488,0.308-2.276,0.308c-0.559,0-1.104-0.063-1.632-0.158c1.102,3.402,4.299,5.889,8.087,5.963	c-2.964,2.298-6.697,3.674-10.756,3.674c-0.701,0-1.387-0.04-2.065-0.122C7.73,39.577,12.283,41,17.171,41	c15.927,0,24.641-13.079,24.641-24.426c0-0.372-0.012-0.742-0.029-1.108C43.483,14.265,44.948,12.751,46.105,11.02"/></svg>
--- a/static/pdf
+++ b/static/pdf
Author	SHA1	Message	Date
Kevin Mok	a19c6fb921	Revert print team ranking letter	2020-05-14 21:34:57 -04:00
Kevin Mok	e5579a0e77	Print team ranking letter	2020-05-13 20:15:39 -04:00
				`@@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#FFF" d="M12.193 19.555c-1.94-1.741-4.79-1.727-6.365.029-1.576 1.756-1.301 5.023.926 6.632L12.193 19.555zM35.807 19.555c1.939-1.741 4.789-1.727 6.365.029 1.575 1.756 1.302 5.023-.927 6.632L35.807 19.555zM38.32 6.975A3.5 3.5 0 1 0 38.32 13.975 3.5 3.5 0 1 0 38.32 6.975z"/><path fill="#FFF" d="M24.085 15.665000000000001A18.085 12.946 0 1 0 24.085 41.557A18.085 12.946 0 1 0 24.085 15.665000000000001Z"/><g><path fill="#D84315" d="M30.365 23.506A2.884 2.884 0 1 0 30.365 29.274 2.884 2.884 0 1 0 30.365 23.506zM17.635 23.506A2.884 2.884 0 1 0 17.635 29.274 2.884 2.884 0 1 0 17.635 23.506z"/></g><g><path fill="#37474F" d="M24.002 34.902c-3.252 0-6.14-.745-8.002-1.902 1.024 2.044 4.196 4 8.002 4 3.802 0 6.976-1.956 7.998-4C30.143 34.157 27.254 34.902 24.002 34.902zM41.83 27.026l-1.17-1.621c.831-.6 1.373-1.556 1.488-2.623.105-.98-.157-1.903-.721-2.531-.571-.637-1.391-.99-2.307-.994-.927.013-1.894.365-2.646 1.041l-1.336-1.488c1.123-1.008 2.545-1.523 3.991-1.553 1.488.007 2.833.596 3.786 1.658.942 1.05 1.387 2.537 1.221 4.081C43.961 24.626 43.121 26.096 41.83 27.026zM6.169 27.026c-1.29-.932-2.131-2.401-2.306-4.031-.166-1.543.279-3.03 1.221-4.079.953-1.062 2.297-1.651 3.785-1.658.009 0 .018 0 .027 0 1.441 0 2.849.551 3.965 1.553l-1.336 1.488c-.753-.676-1.689-1.005-2.646-1.041-.916.004-1.735.357-2.306.994-.563.628-.826 1.55-.721 2.53.115 1.067.657 2.023 1.488 2.624L6.169 27.026zM25 16.84h-2c0-2.885 0-10.548 4.979-10.548 2.154 0 3.193 1.211 3.952 2.096.629.734.961 1.086 1.616 1.086h1.37v2h-1.37c-1.604 0-2.453-.99-3.135-1.785-.67-.781-1.198-1.398-2.434-1.398C25.975 8.292 25 11.088 25 16.84z"/><path fill="#37474F" d="M24.085 16.95c9.421 0 17.085 5.231 17.085 11.661 0 6.431-7.664 11.662-17.085 11.662S7 35.042 7 28.611C7 22.181 14.664 16.95 24.085 16.95M24.085 14.95C13.544 14.95 5 21.066 5 28.611c0 7.546 8.545 13.662 19.085 13.662 10.54 0 19.085-6.116 19.085-13.662C43.17 21.066 34.625 14.95 24.085 14.95L24.085 14.95zM38.32 7.975c1.379 0 2.5 1.122 2.5 2.5s-1.121 2.5-2.5 2.5-2.5-1.122-2.5-2.5S36.941 7.975 38.32 7.975M38.32 5.975c-2.484 0-4.5 2.015-4.5 4.5s2.016 4.5 4.5 4.5c2.486 0 4.5-2.015 4.5-4.5S40.807 5.975 38.32 5.975L38.32 5.975z"/></g></svg>