Latex styling

assets/sass/main.scss

@@ -14,6 +14,7 @@ $base-sky-blue: #66cccc;
 $base-blue: #6699cc;
 $base-violet: #cc99cc;
 $base-dark-orange: #d27b53;
+$link-color: #4287cd;
 
 /* .base00 { color: #2d2d2d; }
 .base01 { color: #393939; }
@@ -105,10 +106,15 @@ body {
   color: $color;
   line-height: 1.5;
   // font-size: 100%;
-  font-size: 15px;
+  // font-size: 15px;
+  font-size: 17px;
   // font-size: 20px;
   /* font-family: 'Source Code Pro', monospace; */
-  font-family: 'Hack', monospace;
+  // font-family: 'Hack', monospace;
+  // body {
+  // font-family: 'Times New Roman', serif;
+  font-family: "Computer Modern Serif";
+  // }
   display: flex;
   flex-direction: column;
   min-height: 100vh;
@@ -499,6 +505,7 @@ header {// {{{
       }
   }
   a {// {{{
+    color: $link-color;
     text-decoration: none;
     &:hover {
       text-decoration: none;
@@ -510,7 +517,8 @@ header {// {{{
 
   .row {
     // flex-grow: 1;
-    color: $base05;
+    // color: $base05;
+    color: $link-color;
 
     img {
       height: 1em;
@@ -543,6 +551,7 @@ header {// {{{
 #resume {// {{{
   a {// {{{
     // text-decoration: none;
+    color: $link-color;
     text-decoration: underline;
     &:hover {
       text-decoration: underline;
@@ -550,7 +559,8 @@ header {// {{{
   }// }}}
 
   h1 {// {{{
-    color: $base-orange;
+    // color: $base-orange;
+    color: black;
     // margin-top: 1.3rem;
     margin-top: 1rem;
     font-size: 1.2em;
@@ -612,7 +622,13 @@ header {// {{{
 
       .project-header {
         // margin-bottom: .6em;
-        margin-bottom: .1em;
+        // margin-bottom: .1em;
+        margin-bottom: 5px;
+      }
+
+      .project-title {
+        // color: $base-blue;
+        color: black;
       }
 
       .project-link {
@@ -649,8 +665,32 @@ 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;
+  }
+
   .institution {
-    color: $base-yellow;
+    // color: $base-yellow;
+    // color: $base-dark-orange;
+    // color: $base-blue;
+    color: black;
     font-weight: bold;
     font-size: 1.1em;
     margin-bottom: 5px;
@@ -757,17 +797,22 @@ header {// {{{
 
 h1.site-title {// {{{
   text-align: center;
-  font-size: 4.5em;
+  // font-size: 4.2em;
   // font-size: 3.2em;
+  font-size: 2.5em;
   // color: #66cccc;
   color: $base05;
   // margin-top: 1rem;
   // margin-bottom: 0.75rem;
   @include vert-margin-rem(.75);
 
-  @include a-color($base-sky-blue);
+  // @include a-color($base-sky-blue);
   a {
-    text-decoration: none;
+    color: black;
+    // text-decoration: none;
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 5px;
   }
 
   // @media (max-width: $phone-width) {

content/letter

@@ -1 +1 @@
-Subproject commit 2a31736c2b5136f728dff71b258515dc1aa2c24f
+Subproject commit f07869796d6289112a4d88373b7440bf62314ff9

layouts/partials/base/header.html

@@ -20,6 +20,8 @@
 <!-- <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="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
+<link rel="stylesheet" type="text/css"
+    href="https://cdn.rawgit.com/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 }}

layouts/partials/base/site-title.html

@@ -1,7 +1,4 @@
 <h1 class="site-title">
-  <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>
+  <span class="surrounding"></span><a href="{{ .Site.BaseURL }}">
+    <span>Kevin Mok</span>
 </h1>