Solomon Laing
7d43da156c
Some checks reported errors
continuous-integration/drone/push Build encountered an error
34 lines
1.6 KiB
Markdown
34 lines
1.6 KiB
Markdown
# 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.
|