# AGENTS.md

## Project Overview

Personal digital business card / portfolio website for Solomon Laing. A static, framework-less site with zero build steps — plain HTML, CSS, and vanilla JavaScript.

## Architecture

- **index.html** — Single-page site structure (header, bio sections, social links, contact info, footer)
- **style.css** — All styling; mobile-first with a `600px` breakpoint
- **main.js** — Text word-split animation on click (using anime.js)
- **cards.js** — Card entrance animation and hover effects (using anime.js)
- **demo.js** — Stagger grid animation loop (using anime.js)
- **assets/** — SVG icons and resume PDF

## Key Conventions

- **No build tools or bundlers.** All JS is loaded via `<script>` tags directly in the browser. Do not introduce npm, webpack, vite, or any build step.
- **No frameworks.** Vanilla HTML/CSS/JS only.
- **anime.js v4** is loaded from CDN (`https://cdn.jsdelivr.net/npm/animejs@4.0.0/lib/anime.iife.min.js`). Use the v4 API (`anime.animate`, `anime.createTimeline`, `anime.utils`, `anime.stagger`, `anime.createSpring`).
- Font: **Roboto** via Google Fonts.
- Color palette: dark background (`#1a1617`), light text (`#d7d6d4`), accent sections (`#6B5C4A`, `#564945`, `#262527`).
- CSS uses nested selectors (modern CSS nesting).
- No CSS preprocessors.

## Deployment

- CI/CD via **Drone CI** (`.drone.yml`): SSH pipeline clones the repo to `/var/www/html/solomonlai.ng` on `webhost.forest`.
- Branch: `main`

## Commands

No build, lint, or test commands — this is a zero-build static site. Open `index.html` in a browser to preview.