Commit Graph

44 Commits

Author SHA1 Message Date
Krishna Ayyalasomayajula
0cdfeb8b89 typography: update font variables to Fraunces + IBM Plex Mono + JetBrains Mono 2026-06-02 00:48:20 -05:00
Krishna Ayyalasomayajula
2717997a92 typography: replace Inter with Fraunces (headings) + IBM Plex Mono (body), keep JetBrains Mono (code) 2026-06-02 00:47:32 -05:00
Krishna Ayyalasomayajula
049bc3e7a3 Revert "feat: serve content files via catch-all route, use content-relative cover images"
This reverts commit 8d582b6ae3.
2026-06-01 23:54:23 -05:00
Krishna Ayyalasomayajula
8d582b6ae3 feat: serve content files via catch-all route, use content-relative cover images 2026-06-01 23:53:28 -05:00
Krishna Ayyalasomayajula
74dfb82069 fix: use CSS variable for TOC sticky offset instead of hardcoded pixels 2026-06-01 23:45:53 -05:00
Krishna Ayyalasomayajula
9531080c7a fix: add scroll-padding-top to prevent header from covering TOC targets 2026-06-01 23:34:50 -05:00
Krishna Ayyalasomayajula
17eac2c406 fix: replace post title in cover image alt text with generic description 2026-06-01 23:34:00 -05:00
Krishna Ayyalasomayajula
9767ff950b fix: use mode-aware colors for code block line numbers 2026-06-01 23:32:46 -05:00
Krishna Ayyalasomayajula
473774d0ca fix: remove duplicate blog heading and reduce home page spacing 2026-06-01 23:23:27 -05:00
Krishna Ayyalasomayajula
a44d8eaddc fix: enable line numbers on all code blocks via filterMetaString 2026-06-01 23:20:43 -05:00
Krishna Ayyalasomayajula
4717dde7a2 fix: add lineNumbers: true to rehype-pretty-code config
- Adds lineNumbers: true so data-line-numbers attribute is generated
- Enables CSS counter-based line numbers in code blocks
- Follows up on mega-review finding
2026-06-01 23:00:33 -05:00
Krishna Ayyalasomayajula
94b2afc914 chore: final build + lint + cleanup
- Run bun run build: succeeded
- Run bun run lint: no errors (3 img warnings acceptable)
- Fix any types in app/posts/[slug]/page.tsx with proper hast/rehype-pretty-code types
- Fix any type in mdx-components.tsx pre component with React.HTMLAttributes
- Remove unused language variable from mdx-components.tsx
- Verify all 3 posts render with <p> tags, code block syntax highlighting, and heading ids
2026-06-01 22:57:49 -05:00
Krishna Ayyalasomayajula
0bb69a12c3 fix: remove @tailwindcss/typography + fix CSS architecture
- Remove @tailwindcss/typography from package.json devDependencies
- Remove @plugin and @utility prose from globals.css
- Fix @custom-variant dark to use &:is(.dark)
- Extract @keyframes outside @supports blocks
- Scope * transition to body/body*/[class*=bg-]/[class*=border-]/[class*=text-]
- Add prefers-reduced-motion rules for scroll-to-top + reading progress
- Add :focus-visible outline on scroll-to-top
2026-06-01 22:53:52 -05:00
Krishna Ayyalasomayajula
7a17d4c538 feat: cover image display + date formatting + footer spacing
- PostCard: render coverImage above meta/content with lazy loading
- Post detail: render coverImage below title with lazy loading
- Format dates via toLocaleDateString (e.g. Jan 15, 2025)
- Footer top margin: mt-20 → mt-16
2026-06-01 22:50:10 -05:00
Krishna Ayyalasomayajula
06481d0c26 fix: scroll-to-top visible class + reading progress dark mode
- Wire visible state to className in ScrollToTop component
- Replace hard-coded rgba with color-mix() for theme-aware background
- Dark mode reading progress uses 15% ink color mix
2026-06-01 22:48:18 -05:00
Krishna Ayyalasomayajula
c9ff29377a fix: KaTeX display blocks + prose spacing
- Replace overflow-x: auto with overflow: visible on .katex-display
- Add white-space: normal on .katex-display > .katex
- Add responsive scaling at 640px breakpoint
- Add prose integration margin rules for spacing between prose and math
2026-06-01 22:44:58 -05:00
Krishna Ayyalasomayajula
9d170e4a43 fix: unify heading typography with utility classes + add h4-h6
- app/page.tsx: h2 uses heading-md (was text-2xl font-semibold)
- app/not-found.tsx: h1 uses heading-xl (was text-4xl font-bold)
- Header.tsx: logo uses heading-sm (was text-xl font-extrabold)
- mdx-components.tsx: add h4/h5/h6 component overrides
- Remove all ad-hoc font-sans from headings
2026-06-01 22:43:27 -05:00
Krishna Ayyalasomayajula
a024cc5369 feat: comprehensive code block CSS
- Borderless container with subtle shadow
- VS Code filename header with dot indicators
- Line numbers via CSS counter
- Copy button (hover-visible)
- Highlighted line accent stripe
- Highlighted chars background
- Shiki dual theme token color switching
- Light and dark mode overrides for all code elements
2026-06-01 22:40:39 -05:00
Krishna Ayyalasomayajula
bf93e2cf45 feat: install @rehype-pretty/transformers + configure dual themes
- Add @rehype-pretty/transformers dependency
- Add transformerCopyButton import
- Replace github-dark single theme with github-light/github-dark-dimmed dual theme
- Add keepBackground: false, grid: true, onVisitLine fix
- Add onVisitTitle with VS Code dot indicators (red/yellow/green)
- Add transformerCopyButton with visibility hover and 2.5s feedback
2026-06-01 22:39:05 -05:00
Krishna Ayyalasomayajula
d0f600ed66 feat: add 13 code block @theme tokens
Light: --color-code-block through --color-code-dot-green, --radius-code
Dark: code-block, code-block-hover, code-gutter, code-gutter-border,
      code-title-bg, code-title-text, code-line-highlight,
      code-line-highlight-border, code-mark-bg, code-copy, code-copy-hover
2026-06-01 22:36:52 -05:00
Krishna Ayyalasomayajula
52b955de86 feat: deep black dark + pure white light theme tokens
- Canvas: oklch(1 0 0) light / oklch(0 0 0) dark (true black)
- Surface: oklch(0.98 0 0) light / oklch(0.07 0 0) dark
- Ink: oklch(0.08 0 0) light / oklch(1 0 0) dark (pure white)
- Ink-soft: oklch(0.40 0 0) light / oklch(0.72 0 0) dark
- Border: oklch(0.92 0 0) light / oklch(0.17 0 0) dark
- Accent: oklch(0.45 0.18 250) light / oklch(0.68 0.20 250) dark
- Shadow-card updated for both modes
2026-06-01 22:35:35 -05:00
Krishna Ayyalasomayajula
04adc7b896 feat: swap Merriweather → Inter + define @layer base
- Remove Merriweather font import and config from layout.tsx
- Add Inter with weight/style/adjustFontFallback
- Apply inter.className to body instead of font-serif
- Update --font-serif in @theme to use Inter
- Add @layer base with body, h1-h6, code, and link rules
2026-06-01 22:34:02 -05:00
Krishna Ayyalasomayajula
769a52b924 chore: final build validation and cleanup 2026-06-01 21:40:50 -05:00
Krishna Ayyalasomayajula
fac252efa9 feat: display author, tags, and reading time on post pages and cards 2026-06-01 21:37:57 -05:00
Krishna Ayyalasomayajula
0a1032d1ee style: unify typography — use heading-xl/lg/md utilities in all pages 2026-06-01 21:33:23 -05:00
Krishna Ayyalasomayajula
e8ee286d2f style: unify typography with heading-xl/lg/md/sm utilities and text-5xl token 2026-06-01 21:32:40 -05:00
Krishna Ayyalasomayajula
e1944ec7fd feat: add rehype-external-links for external link security 2026-06-01 21:31:02 -05:00
Krishna Ayyalasomayajula
0d44f5be6e feat: add remark-smartypants for typographic improvements 2026-06-01 21:28:25 -05:00
Krishna Ayyalasomayajula
34525ffd83 fix: compute reading time from post content not title 2026-06-01 21:25:57 -05:00
Krishna Ayyalasomayajula
d679b804fc feat: add rehype-slug for TableOfContents heading IDs 2026-06-01 21:22:49 -05:00
Krishna Ayyalasomayajula
6dc42c1ba8 fix: fix empty post bodies — stop double-compiling MDX 2026-06-01 21:20:44 -05:00
Krishna Ayyalasomayajula
6326460d89 fix: wire Providers motion context and Template page transitions 2026-06-01 20:41:04 -05:00
Krishna Ayyalasomayajula
274217c77f style: final consistency pass — theme, responsive, animations 2026-06-01 20:36:42 -05:00
Krishna Ayyalasomayajula
8d17fe4307 feat: wire header, footer, and scroll effects into layout 2026-06-01 20:31:34 -05:00
Krishna Ayyalasomayajula
d65b4f44e6 feat: add homepage with hero and post listing 2026-06-01 19:49:08 -05:00
Krishna Ayyalasomayajula
60564f4412 feat: add individual post page with MDXRemote rendering 2026-06-01 19:47:35 -05:00
Krishna Ayyalasomayajula
1fe8399e30 feat: add blog posts listing page 2026-06-01 19:46:40 -05:00
Krishna Ayyalasomayajula
4509a9deea feat: add 404 page 2026-06-01 19:45:38 -05:00
Krishna Ayyalasomayajula
5fb57127f4 fix: use m.div instead of motion.div inside LazyMotion 2026-06-01 19:42:25 -05:00
Krishna Ayyalasomayajula
c79fd48479 feat: add page transition wrapper 2026-06-01 19:41:03 -05:00
Krishna Ayyalasomayajula
c8ec2735d2 feat: root layout with fonts, @wrksz/themes, motion, metadata 2026-06-01 19:40:16 -05:00
Krishna Ayyalasomayajula
0a6df0b3ee feat: add motion provider (no theme provider here) 2026-06-01 19:39:22 -05:00
Krishna Ayyalasomayajula
c178fc63a1 style: add Tailwind v4 design system with dark mode, KaTeX overrides, scroll effects 2026-06-01 19:38:18 -05:00
Krishna Ayyalasomayajula
ee518c247f Initial commit from Create Next App 2026-06-01 12:54:22 -05:00