Some SEO improvements

- meta description
- empty robots.txt
- changed welcome message on home to h2

- CSS in-line fold pairs

assets/sass/main.scss

@@ -202,9 +202,7 @@ pre, code {
 
 //  }}} general elements // 
 
-//  header {{{ // 
+header {// {{{
-
-header {
   a {
     .path .path:visited {
       color: #6699cc;
@@ -216,21 +214,13 @@ header {
       color: #f2f0ec;
     }
   }
-}
+}// }}}
 
-//  }}} header // 
+footer {// {{{
-
-//  footer  {{{ // 
-
-footer {
   @include a-color(#747369);
-}
+}// }}}
 
-//  }}} footer  // 
+.page-not-found {// {{{
-
-//  404 {{{ // 
-
-.page-not-found {
   h1 {
     text-align: center;
     font-size: 5em;
@@ -252,19 +242,13 @@ footer {
       font-size: 2em;
     }
   }
-}
+}// }}}
 
-//  }}} 404 // 
+#homepage {// {{{
-
-//  homepage  {{{ // 
-
-#homepage {
-  //  about {{{ // 
-  
   #about {
     font-size: 1.25rem;
 
-    h1 {
+    h2 {
         margin-top: 1.25rem;
         font-size: 2rem;
         color: $base-yellow;
@@ -275,8 +259,6 @@ footer {
         // }
     }
 
-    //  me-equation {{{ // 
-    
     .me-equation {
       margin-top: 3em;
       text-align: center;
@@ -332,20 +314,7 @@ footer {
         }
       }
 
-      //  media {{{ // 
+      // @media (max-width: 800px) {// {{{
-      
-      // @media (max-width: $phone-width) {
-        // margin-top: 2em;
-        // display: block;
-
-        // p {
-          // display: block;
-          // @include vert-padding-rem(0.1);
-          // margin-bottom: 0rem;
-        // }
-      // }
-
-      // @media (max-width: 800px) {
       @media (max-width: $phone-width) {
         // flex-direction: column;
         flex-wrap: wrap;
@@ -371,8 +340,8 @@ footer {
 
             &#hexatar {
               // max-width: 70%;
-              // max-width: 33%;
+              max-width: 20%;
-              max-width: 28%;
+              // max-height: 15vh;
               // margin-top: 2rem;
               margin-top: 1.75rem;
             }
@@ -391,11 +360,18 @@ footer {
           }
         }
       }
-      
+
-      //  }}} media // 
+      // @media (max-width: $phone-width) {
+        // margin-top: 2em;
+        // display: block;
+
+        // p {
+          // display: block;
+          // @include vert-padding-rem(0.1);
+          // margin-bottom: 0rem;
+        // }
+      // }
     }
-    
-    //  }}} me-equation // 
 
     @media (max-width: $phone-width) {
       // font-size: 1.1em;
@@ -405,10 +381,8 @@ footer {
         // font-size: 1.75rem;
         font-size: 1.4rem;
       }
-    }
+    }// }}}
   }
-  
-  //  }}} about // 
 
   @media (max-width: $max-page-width) {
     margin-bottom: 2rem;
@@ -431,15 +405,13 @@ footer {
 
 .homepage .tag {
   margin-right: 2em;
-} */
+} */// }}}
-
-//  }}} homepage  // 
 
 // TODO: converted up to here
 
 //  hero {{{ // 
 
-h1.site-title {
+h1.site-title {// {{{
   text-align: center;
   /* font-size: 3.5em; */
   font-size: 4.8em;
@@ -462,13 +434,13 @@ h1.site-title {
     // font-size: 2.5em;
     font-size: 2em;
   }
-}
+}// }}}
 
 .hero-logo img {
   width: 100%;
 }
 
-.nav-bar {
+.nav-bar {// {{{
   margin-left: .5em;
   // margin-bottom: 1em;
   // margin-top: .75em;
@@ -478,9 +450,9 @@ h1.site-title {
     // font-size: .9em;
     font-size: .8em;
   }
-}
+}// }}}
 
-.hero-tagline{
+.hero-tagline{// {{{
   margin-top: .3em;
   font-size: .8rem;
   // font-style: italic;
@@ -489,7 +461,7 @@ h1.site-title {
   .icon {
     width: 1.25rem;
   }
-}
+}// }}}
 
 //  }}} hero // 
 

config.toml

@@ -3,5 +3,10 @@
 baseURL = "https://kevinmok.tk/"
 # baseURL = "/home/kevin/coding/mf-site/public"
 languageCode = "en-us"
-title = "Kevin Mok"
+title = "Kevin Mok's Website"
 # theme = "base16"
+enableRobotsTXT = "true"
+
+[params]
+  author = "Kevin Mok"
+  description = "Hey, I'm Kevin Mok - a CS (Computer Science) student at the University of Toronto. Come check out my personal website!" 

ideas.md

@@ -14,21 +14,30 @@
   - cd/ls diff. pages
 
 # Medium
+- socials in footer
+  - icons
+  - email
+    - tooltip pop-up with email and clipboard button/link
+    - [Pure CSS Tooltips](https://www.youtube.com/watch?v=hAeQ8CqrGDY)
+    - use position element
+    - [Copying Text to Clipboard in HTML & JavaScript](https://www.youtube.com/watch?v=NHg6jQajaMs)
+    - [Native Browser Copy To Clipboard](https://css-tricks.com/native-browser-copy-clipboard/)
 - pages
   - fav. apps
-  - contact 
-    - socials in footer?
   - linux config 
   - credits
-- SEO
+  - contact?
 - site stats
   - size
   - load time
 
 # Tiny
-- inline fold pairs (CSS)
+- SEO
- 
+  - be more specific with robots.txt when have content
+  - add/redirect aliases
 
+Break> {{{
+> }}}
 
 ## Archived
 - about/homepage

layouts/partials/about.html

@@ -1,9 +1,8 @@
 <div id="about">
-<!-- <h1 class="headline">About</h1> -->
+<h2>Welcome to my site!</h2>
-<h1>Hello there!</h1>
 <p>
-  Welcome to my site. I'm Kevin Mok - a 2<sup>nd</sup> year Computer Science
+  I'm Kevin Mok - a 2<sup>nd</sup> year Computer Science
-  student at the University of Toronto, and I'm interested in all things Linux-related and 
+  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>

layouts/partials/header.html

@@ -18,12 +18,13 @@
 {{ $main_sass := resources.Get "sass/main.scss" }}
 {{ $main_style := $main_sass | resources.ToCSS }}
 <link rel="stylesheet" href="{{ $main_style.RelPermalink }}" type="text/css">
-<!-- <title>
+<title>
   {{ $isHomePage := eq .Title .Site.Title }}
   {{ .Title }}
-  {{ if eq $isHomePage false }} - 
+  {{ if eq $isHomePage false }} -
   {{ .Site.Title }}
-  {{ end }}</title> -->
+  {{ end }}
+</title>
 
 <!-- <link rel="shortcut icon" type="image/png" href="imgs/icons/gitlab.png" id="favicon"/> -->
 <link rel="apple-touch-icon" sizes="180x180" href="{{ "img/favicon/apple-touch-icon.png" | relURL }}">
@@ -34,9 +35,9 @@
 <meta name="msapplication-TileColor" content="#2b5797">
 <meta name="theme-color" content="#ffffff">
 
-<title>
+<!-- <title>
   {{ .Site.Title }} &nbsp;• &nbsp;~{{ .Page.RelPermalink }}
-</title>
+</title> -->
 </head>
 <body>
 

layouts/partials/hero.html

@@ -34,9 +34,9 @@
 </div>
 
 <!-- <div style="text-align: center;"> -->
-<!-- <div class="hero-tagline">
+<!-- <div class="hero-tagline"> -->
-  [>“Live, love and Linux.”<]
+  <!-- [> “Live, love and Linux.” <] -->
-  <p>Live, love and <img src="{{ "/img/linux-icon.svg" | relURL }}"
+  <!-- <p>Live, love and <img src="{{ "/img/linux-icon.svg" | relURL }}" -->
-                          class="icon"
+                          <!-- class="icon" -->
-  alt="linux-icon"/>.</p>
+  <!-- alt="linux-icon"/>.</p> -->
-</div> -->
+<!-- </div> -->

layouts/partials/me-equation.html

@@ -8,6 +8,7 @@
   <div class="equation-part">
     <a href="https://www.wikiwand.com/en/Arch_Linux" target="_blank">
       <img src="{{ "img/arch.svg" | relURL }}" alt="linux-logo">
+      <!-- <img src="{{ "img/larbs.png" | relURL }}" alt="linux-logo"> -->
     </a>
   <p>+</p>
   </div>

resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -217,7 +217,7 @@ footer a {
 
 #homepage #about {
   font-size: 1.25rem; }
-  #homepage #about h1 {
+  #homepage #about h2 {
     margin-top: 1.25rem;
     font-size: 2rem;
     color: #ffcc66;
@@ -263,7 +263,7 @@ footer a {
           #homepage #about .me-equation .equation-part img {
             flex: 1.5; }
             #homepage #about .me-equation .equation-part img#hexatar {
-              max-width: 28%;
+              max-width: 20%;
               margin-top: 1.75rem; }
           #homepage #about .me-equation .equation-part p {
             font-size: 6vw;