feat: LA CTF 2023 recap blog post

.vscode/extensions.json

@@ -2,6 +2,7 @@
   "recommendations": [
     "arcanis.vscode-zipfs",
     "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode"
+    "esbenp.prettier-vscode",
+    "mushan.vscode-paste-image"
   ]
 }

.vscode/settings.json

@@ -6,5 +6,8 @@
   "eslint.nodePath": ".yarn/sdks",
   "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
   "typescript.tsdk": ".yarn/sdks/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "pasteImage.forceUnixStyleSeparator": false,
+  "pasteImage.prefix": "/",
+  "pasteImage.path": "${projectRoot}/public/images/blog/${currentFileNameWithoutExt}",
 }

data/blog/2023-02-13-lactf-2023-recap.md

@@ -0,0 +1,24 @@
+---
+title: LA CTF 2023 Recap
+authors: [Benson Liu]
+category: News
+tags: [lactf, ctf, events]
+description: LA CTF 2023 was a huge success as the largest event in our club's history! We learned a lot organizing this event for the past year and wanted to recap some of the highlights.
+image: /images/blog/2023-02-13-lactf-2023-recap/2023-09-01-20-49-13.png
+---
+
+![LA CTF 2023 logo](/images/blog/2023-02-13-lactf-2023-recap/2023-09-01-20-49-13.png)
+
+LA CTF 2023 was a huge success as the largest event in our club's history! We learned a lot working on organizing this event for the past year so we wanted to recap some of the highlights.
+
+<div align="center">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/97uvDt-M2kg?si=0vJZ1fbqJv8PSq2_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>
+
+<div align="center">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/jdH5suHsf_s?si=eC5s3DMyM1OgJsne" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>
+
+<div align="center">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/6b91b5BXB2M?si=MvAvly5T4G7aZtQY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>

styles/Blog.module.scss

@@ -11,7 +11,7 @@
   display: flex;
   flex-direction: column;
   width: 450px;
-  height: 450px;
+  height: 500px;
   border: var(--cyber-gold) 2px solid;
   border-radius: 2rem;
   transition: box-shadow 0.2s;