Designed homepage with about and me equation

layouts/partials/about.html

@@ -1 +1,22 @@
-<h1 class="headline">About</h1>
+<div id="about">
+<!-- <h1 class="headline">About</h1> -->
+<h1>Welcome to my site!</h1>
+<p>
+  I'm Kevin Mok, a 2<sup>nd</sup> year Computer Science student at the University of Toronto.
+  I'm interested in all things Linux-related and 
+  <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
+    target="_blank">FOSS/FLOSS</a>.
+</p>
+
+<div class="me-equation">
+  <a href="https://www.gnu.org/" target="_blank">
+    <img src="{{ "img/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo">
+  </a>
+  <p>+</p>
+  <img src="{{ "img/linux-icon.svg" | relURL }}" alt="linux-logo">
+  <p>+</p>
+  <img src="{{ "img/uoft-logo.svg" | relURL }}" alt="linux-logo">
+  <p>=</p>
+  <img src="{{ "img/hexatar.png" | relURL }}" alt="linux-logo">
+</div>
+</div>

layouts/partials/header.html

@@ -17,8 +17,7 @@
 <!-- <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css"> -->
 {{ $main_sass := resources.Get "sass/main.scss" }}
 {{ $main_style := $main_sass | resources.ToCSS }}
-<link rel="stylesheet" href="{{ $main_style.Permalink }}" type="text/css">
-<!-- <link rel="stylesheet" href="{{ $main_style | relURL }}" type="text/css"> -->
+<link rel="stylesheet" href="{{ $main_style.RelPermalink }}" type="text/css">
 <!-- <title>
   {{ $isHomePage := eq .Title .Site.Title }}
   {{ .Title }}

layouts/partials/hero.html

@@ -4,13 +4,11 @@
     class="base09">e</span><span class="base0a">v</span><span
     class="base0b">i</span><span class="base0c">n</span><span
   class="base05">]</span>  <span class="base05"># _</span> -->
-  <span class="base05">[</span><span class="base08">K</span><span
+  [<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><span
-    class="base05">]</span>  <span class="base05"># _</span>
-  <!-- <span class="base0d">6</span> -->
+    class="base0e">k</span>] # _
 </h1>
 
 <div class="container clearfix nav-bar">
@@ -31,11 +29,13 @@
 </div>
 
 <div class="hero-logo">
-  <img src="{{ "img/base16-eighties.svg" | relURL }}">
+  <img src="{{ "img/base16-eighties.svg" | relURL }}" alt="base16-colors">
 </div>
 
 <!-- <div style="text-align: center;"> -->
-<div class="hero-tagline">
-  <!-- Add your own "<code>layouts/partials/hero.html</code>" to replace this text. -->
-  Live, love and Linux.
-</div>
+<!-- <div class="hero-tagline">
+  [>“Live, love and Linux.”<]
+  <p>Live, love and <img src="{{ "/img/linux-icon.svg" | relURL }}"
+                          class="icon"
+  alt="linux-icon"/>.</p>
+</div> -->