mirror of
https://github.com/zoriya/blog.git
synced 2026-06-01 10:15:17 +00:00
Fix code blocks color scheme
This commit is contained in:
+2
-1
@@ -4,6 +4,7 @@ import remarkToc from "remark-toc";
|
||||
import mdx from "@astrojs/mdx";
|
||||
import icon from "astro-icon";
|
||||
import { fileURLToPath } from "url";
|
||||
import catppuccinLatteCustom from "./src/lib/catppuccin-latte-custom.ts";
|
||||
|
||||
export default defineConfig({
|
||||
integrations: [icon(), mdx()],
|
||||
@@ -23,7 +24,7 @@ export default defineConfig({
|
||||
remarkPlugins: [[remarkToc, { heading: "contents", tight: true }]],
|
||||
shikiConfig: {
|
||||
themes: {
|
||||
light: "catppuccin-latte",
|
||||
light: catppuccinLatteCustom,
|
||||
dark: "catppuccin-frappe",
|
||||
},
|
||||
},
|
||||
|
||||
@@ -10,6 +10,10 @@ tags: ["gameboy", "asm", "school", "gamejam"]
|
||||
import Aside from "@/components/Aside.astro";
|
||||
import { Icon } from 'astro-icon/components';
|
||||
|
||||
import scrollVideo from "./scroll.mp4";
|
||||
import cartridgeImg from "./cartridge.jpg";
|
||||
import gameImg from "./game.jpg";
|
||||
|
||||
I recently mentioned on Twitter that I made a gameboy game with some friends during my first year of college. Since there's some cool stuff to showcase, here's a blog about it!
|
||||
|
||||
## Context
|
||||
@@ -151,7 +155,7 @@ uint8_t *scroll_x = 0xFF43;
|
||||
|
||||
This means, we can fake a moving spaceship by simply placing a sprite in the middle of the screen and changing the scroll registers.
|
||||
|
||||
<video src="scroll.mp4" controls>
|
||||
<video src={scrollVideo} controls>
|
||||
</video>
|
||||
|
||||
In this video, you can see the game on the right and the complete background rendered on the left. The box you can see moving is the camera's viewport (it moves because we are incrementing the `SCY` register).
|
||||
@@ -294,8 +298,8 @@ I'm pretty happy of what we managed to achieve in a single week-end with this ga
|
||||
Also, I said earlier that we thought it would be cool to play our game on real hardware. So we did:
|
||||
|
||||
<div class="flex gap-4">
|
||||
<img src="./cartridge.jpg" class="w-1/2" />
|
||||
<img src="./game.jpg" class="w-1/2" />
|
||||
<img src={cartridgeImg.src} class="w-1/2" />
|
||||
<img src={gameImg.src} class="w-1/2" />
|
||||
</div>
|
||||
|
||||
It's our very own cartridge that reads the game from an EEPROM. The right image shows the game that segfault!
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
import catppuccinLatte from "@shikijs/themes/catppuccin-latte";
|
||||
|
||||
const catppuccinLatteCustom = {
|
||||
...catppuccinLatte,
|
||||
name: "catppuccin-latte-custom",
|
||||
colors: {
|
||||
...catppuccinLatte.colors,
|
||||
"editor.background": "#e6e9ef",
|
||||
},
|
||||
};
|
||||
|
||||
export default catppuccinLatteCustom;
|
||||
@@ -12,12 +12,12 @@ export async function GET(context: APIContext) {
|
||||
title: entry.data.title,
|
||||
description: entry.data.description || "",
|
||||
pubDate: entry.data.date,
|
||||
link: `/${entry.collection}/${entry.id}/`,
|
||||
link: `${context.site}/${entry.collection}/${entry.id}/`,
|
||||
}));
|
||||
|
||||
return rss({
|
||||
title: "Zoe's blog",
|
||||
description: "Zoe Roux's personal blog",
|
||||
description: "Recent content on my blog",
|
||||
site: context.site ?? "",
|
||||
items,
|
||||
customData: `<language>en</language>`,
|
||||
|
||||
Reference in New Issue
Block a user