I hate css

_includes/article/top/custom.html

@@ -1,3 +1,2 @@
 <!-- start custom article top snippet -->
-
-<!-- end custom article top snippet -->
+<!-- end custom article top snippet -->

_includes/head/custom.html

@@ -1,3 +1,6 @@
 <!-- start custom head snippets -->
+{% if page.key == "home" %}
+<link href="/assets/css/home.css" rel="stylesheet">
+{% endif %}
+<!-- end custom head snippets -->
 
-<!-- end custom head snippets -->

_layouts/home.html

@@ -15,7 +15,6 @@
   zh-HK   : *ZH_HANT
   ko      : &KO       홈
   ko-KR   : *KO
-show_title: false
 articles:
   data_source: paginator.posts
   article_type: BlogPosting

assets/css/home.css

@@ -0,0 +1,23 @@
+p.overlay__excerpt {
+  overflow: hidden; /* Ensures the content is not revealed until the animation */
+  border-right: .1em solid white; /* The typwriter cursor */
+  white-space: nowrap; /* Keeps the content on a single line */
+  margin: 0 auto 0 0; /* Gives that scrolling effect as the typing happens */
+  letter-spacing: .16em; /* Adjust as needed */
+  box-sizing: border-box;
+  animation: 
+    typing 3.5s steps(100, end),
+    blink-caret 1s step-end infinite;
+}
+
+/* The typing effect */
+@keyframes typing {
+  from { width: 0 }
+  to { width: 100% }
+}
+
+/* The typewriter cursor effect */
+@keyframes blink-caret {
+  from, to { border-color: transparent }
+  50% { border-color: white; }
+}

index.html

@@ -1,7 +1,8 @@
 ---
-layout: article
-title: Home Page
-excerpt: Welcome! Unfortunately you're a bit early and this website is still under development. Come back soon™!
+layout: home
+title: Jamie Wu
+key: home
+excerpt: Programming Writeups | General Ramblings
 article_header:
     type: overlay
     theme: dark