Agent Instructions
Jekyll portfolio & homelab site running on Ruby 3.2, customized with Minima.
Environment & Run Commands
- Ruby Version: Must use exactly Ruby 3.2 (specified in workflow and README).
- Setup:
script/bootstrap(runsgem install bundler && bundle install).- Gotcha: On Kubuntu/Ubuntu, use
sudo bundle installif permission errors occur.
- Gotcha: On Kubuntu/Ubuntu, use
- Local Dev Server:
script/server(runsbundle exec jekyll serve).- Network Access & LiveReload:
bundle exec jekyll serve --livereload --host 0.0.0.0.
- Network Access & LiveReload:
- Build:
script/build(builds to./_site/). - Verification:
script/cibuild(runs build and checks that./_site/index.htmlwas generated successfully).- Gotcha:
script/cibuildwill print an errorCouldn't find a gemspec file matching 'minima.gemspec'at the very end because there is no.gemspecfile in the repo. This is expected behavior; focus on the βIt builds!β output fromscript/build.
- Gotcha:
Structure & Architecture
- Decoupled Code & Content:
- Keep root content files (like
index.md,life-outside-work.md) raw; keep layout and UI in_layouts/and_includes/. - No Inline
<style>Blocks: Place styles in modular SASS partials under_sass/minima/(e.g.,_services.scss), then import in_sass/minima.scss.
- Keep root content files (like
- Homepage Structure (
_layouts/home.html):- Hosts both the subdomain service grid (
.services-section) and the post list.
- Hosts both the subdomain service grid (
Core UI & Layout Rules
- Header Separator Line: Elements styling
.post-list-headingmust use:border-bottom: 1px solid #eaeaea; padding-bottom: 8px; margin-bottom: 18px; - Section Heading Emojis:
π³ My Stack(for Homelab/Docker subdomains)π Projects(for portfolio development projects)
- Dashboard Grid (
.services-grid):- Mobile Layout: Exactly 2 columns (
repeat(2, 1fr)) with10pxpadding & gaps. - Desktop Layout (min-width: 560px): Auto-filling grid, min card width 220px,
15pxpadding. - Hover Animation: Lift effect using:
transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); border-color: #2a7ae2;
- Mobile Layout: Exactly 2 columns (
Context Maintenance & Persistent Memory
- Self-Updating Rule: This file acts as a living document for persistent AI context.
- When updating subdomains, styling conventions, or user design preferences, you must update this file (
AGENTS.md) automatically.