chore: minor changes

src/blog.json

@@ -1,14 +1,4 @@
 {
-	"2016": {
-		"convergence-of-world-lines-2": {
-			"title": "Convergence of World Lines 2",
-			"published": "December 14, 2016",
-			"category": "Thoughts",
-			"featured-img": "kurisu-okabe-crossing.jpg",
-			"snippet": "In an infinite number of universes where anything is possible, I want to meet you again in all of them, and fall in love with you all over again.",
-			"slug": "convergence-of-world-lines-2"
-		}
-	},
 	"2017": {
 		"convergence-of-world-lines": {
 			"title": "Convergence of World Lines",
@@ -18,15 +8,5 @@
 			"snippet": "In an infinite number of universes where anything is possible, I want to meet you again in all of them, and fall in love with you all over again.",
 			"slug": "convergence-of-world-lines"
 		}
-	},
-	"2018": {
-		"convergence-of-world-lines-3": {
-			"title": "Convergence of World Lines 3",
-			"published": "December 14, 2018",
-			"category": "Thoughts",
-			"featured-img": "threads-of-time.jpg",
-			"snippet": "In an infinite number of universes where anything is possible, I want to meet you again in all of them, and fall in love with you all over again.",
-			"slug": "convergence-of-world-lines-3"
-		}
 	}
 }

src/components/Container.tsx

@@ -157,7 +157,7 @@ const Container: React.FC<{
 	return (
 		<div
 			className={css`
-				background: var(--background-colour);
+				background: var(--bg-colour);
 				padding-block-start: 15rem;
 				padding-block-end: 8rem;
 				padding-inline: calc(100vw / 8);
@@ -200,6 +200,7 @@ const Container: React.FC<{
 					onMouseOver={() => !mobile && setShowMenu(true)}
 					onMouseOut={() => !mobile && setShowMenu(false)}>
 					<button
+						aria-label="Logo (Back to home)"
 						ref={highlightCircle}
 						className={cx(
 							css`
@@ -283,7 +284,6 @@ const Container: React.FC<{
 					cursor: pointer;
 					letter-spacing: 0.2rem;
 					border: none;
-					overflow: hidden;
 					width: 0;
 					transition: all 300ms;
 					overflow: hidden;

src/components/Menu.tsx

@@ -27,7 +27,7 @@ const offscreenNav = css`
 	top: 0;
 	left: 0;
 	z-index: 900;
-	background: var(--background-colour);
+	background: var(--bg-colour);
 	padding: 6rem;
 	opacity: 0;
 	top: -100%;
@@ -81,7 +81,7 @@ const Menu: React.FC<{
 
 	return (
 		<motion.div
-			className={notmobile ? desktopNav : offscreenNav}
+			className={cx("menu", notmobile ? desktopNav : offscreenNav)}
 			animate={{
 				// if resized to mobile and back, numeric value will persist but
 				// will be ignored because desktopNav isn't absolutely positioned

src/components/RevealChildren.tsx

@@ -3,7 +3,11 @@ import { motion } from "framer-motion";
 
 const RevealChildren: React.FC<{
 	type: "div" | "span" | "li";
-	children: React.ReactChild[];
+	children: (
+		| string
+		| number
+		| React.ReactElement<any, string | React.JSXElementConstructor<any>>
+	)[];
 	show: boolean;
 }> = ({ type, children: items, show = false, ...props }) => {
 	const Comp = motion[type];

src/index.css

@@ -1,5 +1,5 @@
 :root {
-	--background-colour: rgb(0, 0, 0);
+	--bg-colour: rgb(0, 0, 0);
 	--card-bg: rgb(18, 18, 18);
 	--card-tags: rgb(34, 34, 34);
 	--card-tags-hover: rgb(25, 25, 25);
@@ -9,6 +9,8 @@
 	--card-active: rgb(45, 45, 45);
 	--card-active-border: rgb(60, 60, 60);
 	--card-hover: rgb(15, 15, 15);
+	--offscreen-handle: rgb(60, 60, 60);
+	--offscreen-handle-tab: rgb(158, 158, 158);
 	font-weight: 500;
 	font-size: max(16px, 0.8vw);
 }