feat: add post layout (wip)

src/_data/colors.js

@@ -19,7 +19,18 @@ const colors = {
   carotte: {
     400: "#ed5215",
   },
-  neutrals: {
+  neutral: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#e5e5e5",
+    300: "#d4d4d4",
+    400: "#a3a3a3",
+    500: "#737373",
+    600: "#525252",
+    700: "#404040",
+    800: "#262626",
+    900: "#171717",
+    950: "#0a0a0a",
     white: "#ffffff",
     black: "#000000",
   },

src/_layouts/post.html

@@ -0,0 +1,14 @@
+---
+layout: base
+---
+
+<p>{{ date }}</p>
+
+<h1>{{ title }}</h1>
+
+<ul>
+  {% for category in categories %}
+  <li>#{{ category }}</li>
+  {% endfor %}
+</ul>
+{{ content | safe }}

src/assets/css/global/variables.css

@@ -3,8 +3,8 @@
   --transition-duration: 250ms;
   --transition-timing: ease;
 
-  --color-light: var(--color-neutrals-white);
-  --color-dark: var(--color-neutrals-black);
+  --color-light: var(--color-neutral-50);
+  --color-dark: var(--color-neutral-950);
 
   --color-bg: var(--color-light);
   --color-text: var(--color-dark);

src/content/posts/posts.json

@@ -1,5 +1,5 @@
 {
-  "layout": "base",
+  "layout": "post",
   "tags": "posts",
   "permalink": "posts/{{ page.fileSlug }}/index.html"
 }

src/content/posts/switching-to-protonmail.md

@@ -5,14 +5,6 @@ excerpt: The beginning of a quest to take back my data.
 categories: [email, protonmail]
 ---
 
-{{ date }}
-
-{% for category in categories %}
-{{ category }}
-{% endfor %}
-
-# Switching from Gmail to Protonmail
-
 I've been an avid Gmail user since its inception sometime in 2004. I remember hunting for a beta invite back when they were highly coveted. I have received 25,467 emails and sent 1,738. The first email I sent was to a local shop to buy my old G3 iMac.
 
 {% image "https://cdn.wonderfulfrog.com/Pasted%20image%2020231125192342.png", "A screenshot of the 'Welcome to Gmail' email everyone received when they first opened their account" %}