feat: custom lang highlight, images dir, width bump, first post

- Wire up Ergon and ArchASM custom highlight.js languages
- Serve /content/images/ for post image embeds
- Blog width 820px -> 1040px to match landing page
- First real blog post: "Why make a blog?"

👾 Generated with [Letta Code](https://letta.com)

Co-Authored-By: Letta Code <noreply@letta.com>
This commit is contained in:
2026-06-24 16:22:37 +03:00
parent a2ed073569
commit 723fc7deb8
6 changed files with 212 additions and 1 deletions

View File

@@ -18,6 +18,8 @@ const pageTpl = `<!DOCTYPE html>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Inter:wght@300;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/src/thirdparty/highlight/default.min.css">
<script src="/src/thirdparty/highlight/highlight.min.js"></script>
<script src="/src/lang/ergon.js"></script>
<script src="/src/lang/archasm.js"></script>
<style>
:root {
--bg: #05030a;
@@ -35,7 +37,7 @@ const pageTpl = `<!DOCTYPE html>
font-family: "Inter", system-ui, sans-serif;
display: flex; justify-content: center;
}
.wrap { position: relative; z-index: 1; width: 100%; max-width: 820px; padding: 32px 20px 40px; }
.wrap { position: relative; z-index: 1; width: 100%; max-width: 1040px; padding: 32px 20px 40px; }
header {
display: flex; justify-content: space-between; align-items: center;
gap: 24px; padding: 18px 22px; border-radius: 18px;