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.

1.6 KiB Raw Blame History