uclaacm · dcho-jaewook · Mar 1, 2025
diff --git a/public/blogPosts/fall2018/hackschool-session-2/index.md b/public/blogPosts/fall2018/hackschool-session-2/index.md
@@ -1,10 +1,12 @@
----
-date: "2018-10-17"
-title: "Hackschool: Intro to Backend Development"
-subtitle: "Session 2"
----
-**Location**: Covel 227, UCLA
+# Hackschool: Intro to Backend Development
+
+## Session 2
+
+### October 17, 2018
 
+#### By Timothy Gu and Galen Wong
+
+**Location**: Covel 227, UCLA
 **Time**: 6-8pm
 
 **Teachers**

diff --git a/public/blogPosts/fall2018/hackschool-session-3-backend/index.md b/public/blogPosts/fall2018/hackschool-session-3-backend/index.md
@@ -1,8 +1,11 @@
----
-date: "2018-10-24"
-title: "Hackschool: What is an API?"
-subtitle: "Session 3 Backend"
----
+# Hackschool: What is an API?
+
+## Session 3 Backend
+
+### October 24, 2018
+
+#### By Galen Wong
+
 **Location**: Covel 227, UCLA
 
 **Time**: 7:30-8:30pm

diff --git a/public/blogPosts/fall2018/hackschool-session-3-frontend/index.md b/public/blogPosts/fall2018/hackschool-session-3-frontend/index.md
@@ -1,8 +1,10 @@
----
-date: "2018-10-24"
-title: "Hackschool: Javascript and the DOM"
-subtitle: "Session 3 Frontend"
----
+# Hackschool: Javascript and the DOM
+
+## Session 3 Frontend
+
+### October 24, 2018
+
+#### By Galen Wong
 
 ## Introduction
 

diff --git a/public/blogPosts/fall2019/js-chat-1/index.md b/public/blogPosts/fall2019/js-chat-1/index.md
@@ -1,12 +1,10 @@
----
-date: 2019-10-08
-title: "Function and this"
-subtitle: "JavaScript Chats with ACM Hack Session 1"
----
-<!-- <h1>
-    JavaScript Chats with ACM <span style="color: #C960FF">Hack</span>:
-    Functions and <code>this</code>
-</h1> -->
+# Function and this
+
+## JavaScript Chats with ACM Hack Session 1
+
+### October 8, 2019
+
+#### By ACM Hack
 
 - [Function Arguments](#function-arguments)
   - [The Magic `arguments` "array"](#the-magic-arguments-%22array%22)

diff --git a/public/blogPosts/fall2019/js-chats-2/index.md b/public/blogPosts/fall2019/js-chats-2/index.md
@@ -1,12 +1,10 @@
----
-date: 2019-10-15
-title: Asynchronous JavaScript
-subtitle: JavaScript Chats with ACM Hack Session 2
-description: >
-  What does it mean for JavaScript to be asynchronous and event-driven? How
-  do promises and callbacks work? Let’s find out in the second installment of
-  JavaScript Chats with ACM Hack."
----
+# Asynchronous JavaScript
+
+## JavaScript Chats with ACM Hack Session 2
+
+### October 15, 2019
+
+#### By ACM Hack
 
 - [Definitions](#definitions)
 - [JavaScript and asynchrony](#javascript-and-asynchrony)

diff --git a/public/blogPosts/fall2019/js-chats-3/index.md b/public/blogPosts/fall2019/js-chats-3/index.md
@@ -1,8 +1,10 @@
----
-date: 2019-10-22
-title: "A Gentle Introduction to React Hooks"
-subtitle: "JavaScript Chats with ACM Hack Session 3"
----
+# A Gentle Introduction to React Hooks
+
+## JavaScript Chats with ACM Hack Session 3
+
+### October 22, 2019
+
+#### By ACM Hack
 
 - [Quick Review of the `class` Lifecycle Methods](#quick-review-of-the-class-lifecycle-methods)
 - [Quick Review of Function Component](#quick-review-of-function-component)

diff --git a/public/blogPosts/fall2019/js-chats-4/index.md b/public/blogPosts/fall2019/js-chats-4/index.md
@@ -1,8 +1,10 @@
----
-date: 2019-11-05
-title: "Optimizing Frontend and React Apps"
-subtitle: "JavaScript Chats with ACM Hack Session 4"
----
+# Optimizing Frontend and React Apps
+
+## JavaScript Chats with ACM Hack Session 4
+
+### November 05, 2019
+
+#### By ACM Hack
 
 - [An Introduction to "Frontend Optimization"](#an-introduction-to-%22frontend-optimization%22)
   - [How Does a Webpage Load?](#how-does-a-webpage-load)

diff --git a/public/blogPosts/fall2019/js-chats-5/index.md b/public/blogPosts/fall2019/js-chats-5/index.md
@@ -1,8 +1,11 @@
----
-date: 2019-11-12
-title: 'Multi-threading in JavaScript: Worker Threads'
-subtitle: 'JavaScript Chats with ACM Hack Session 5'
----
+# Multi-threading in JavaScript: Worker Threads
+
+## JavaScript Chats with ACM Hack Session 5
+
+### November 12, 2019
+
+#### By ACM Hack
+
 
 - [An overview of multi-threading](#an-overview-of-multi-threading)
 - [Different kinds of multi-threading](#different-kinds-of-multi-threading)

diff --git a/public/blogPosts/fall2019/js-chats-6/index.md b/public/blogPosts/fall2019/js-chats-6/index.md
@@ -1,8 +1,10 @@
----
-date: 2019-11-20
-title: 'Introduction to Testing with JavaScript'
-subtitle: 'JavaScript Chats with ACM Hack Session 6'
----
+# Introduction to Testing with JavaScript
+
+## JavaScript Chats with ACM Hack Session 6
+
+### November 20, 2019
+
+#### By ACM Hack
 
 In this session of JavaScript Chats, we will introduce
 the concepts used in testing through JavaScript.

diff --git a/public/blogPosts/fall2019/js-chats-summary/index.md b/public/blogPosts/fall2019/js-chats-summary/index.md
@@ -1,8 +1,10 @@
----
-date: 2019-11-21
-title: 'JavaScript Chats Fall 2019' 
-subtitle: 'Find all resources and links here'
----
+# JavaScript Chats Fall 2019
+
+## Find all resources and links here
+
+### November 21, 2019
+
+#### By ACM Hack
 
 ### What is JavaScript Chats?
 

diff --git a/public/blogPosts/spring2021/js-chats-2/index.md b/public/blogPosts/spring2021/js-chats-2/index.md
@@ -1,11 +1,10 @@
----
-date: 2021-04-11
-title: Node.js Profiling
-subtitle: JavaScript Chats Hack Session 2 Spring 2021 
-description: >
-  The first step of optimization is to get a hold of performance. Using the
-  Chrome DevTools, we profile a Node.js application. 
----
+# Node.js Profiling
+
+## JavaScript Chats Hack Session 2 Spring 2021
+
+### April 11, 2021
+
+#### By ACM Hack
 
 
 In the previous [JS Chats on optimization](/posts/fall2019/js-chats-4), we took

diff --git a/public/blogPosts/spring2021/js-chats-4/index.md b/public/blogPosts/spring2021/js-chats-4/index.md
@@ -1,10 +1,10 @@
----
-date: 2021-04-26
-title: Introduction to WebRTC
-subtitle: JavaScript Chats Hack Session 4 Spring 2021 
-description: >
-  The first taste of WebRTC by building a video/audio application. 
----
+# Introduction to WebRTC
+
+## JavaScript Chats Hack Session 4 Spring 2021
+
+### April 26, 2021
+
+#### By ACM Hack
 
 ## What is WebRTC?
 

diff --git a/public/blogPosts/spring2021/js-chats-5-wasm/index.md b/public/blogPosts/spring2021/js-chats-5-wasm/index.md
@@ -1,12 +1,10 @@
----
-date: 2021-05-04
-title: Introduction to WebAssembly
-subtitle: JavaScript Chats Hack Session 5, Spring 2021
-description: >
-  WebAssembly is a highly touted new technology that allows running
-  non-JavaScript code in browsers and Node.js at near-native speeds. This week,
-  we take a deeper look at it, and figure out its pros and cons.
----
+# Introduction to WebAssembly
+
+## JavaScript Chats Hack Session 5, Spring 2021
+
+### May 04, 2021
+
+#### By ACM Hack
 
 We usually associate the browser with the language JavaScript. The browser,
 such as Google Chrome, takes the JS code and then executes its instructions

diff --git a/public/blogPosts/spring2021/js-chats-6-hooks/index.md b/public/blogPosts/spring2021/js-chats-6-hooks/index.md
@@ -1,12 +1,10 @@
----
-date: 2021-05-18
-title: Advanced React Hooks
-subtitle: JavaScript Chats Hack Session 6, Spring 2021
-author: Tristan Que
-description: >
-  A survey of advanced React hooks, including useRef, useReducer, useContext
-  and custom hooks.
----
+# Advanced React Hooks
+
+## JavaScript Chats Hack Session 6, Spring 2021
+
+### May 18, 2021
+
+#### By Tristan Que
 
 > This blog post is written by one of JS Chat's participant Tristan Que. You can find Tristan on...
 > - LinkedIn: https://www.linkedin.com/in/tristanque2000/

diff --git a/public/blogPosts/spring2021/js-chats-7-typescript/index.md b/public/blogPosts/spring2021/js-chats-7-typescript/index.md
@@ -1,11 +1,10 @@
----
-date: 2021-05-25
-title: TypeScript - What is it and why should I care?
-subtitle: JavaScript Chats Hack Session 7, Spring 2021
-author: Omer Demirkan
-description: >
-  An exploration of what TypeScript is and how to use it to catch type safety errors in development.
----
+# TypeScript - What is it and why should I care?
+
+## JavaScript Chats Hack Session 7, Spring 2021
+
+### May 25, 2021
+
+#### By Omer Demirkan
 
 > This blog post is written by one of JS Chat's participant Omer Demirkan. You can find Omer on...
 > - Website: https://omerdemirkan.com