{"id":51583962,"url":"https://github.com/darkprinx/darkprinx.github.io","last_synced_at":"2026-07-11T08:32:56.910Z","repository":{"id":370094719,"uuid":"1288523018","full_name":"darkprinx/darkprinx.github.io","owner":"darkprinx","description":"Animated portfolio — darkprinx","archived":false,"fork":false,"pushed_at":"2026-07-09T11:57:29.000Z","size":8608,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-07-11T08:32:54.131Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/darkprinx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-07-03T17:27:07.000Z","updated_at":"2026-07-09T11:57:38.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/darkprinx/darkprinx.github.io","commit_stats":null,"previous_names":["darkprinx/darkprinx.github.io"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/darkprinx/darkprinx.github.io","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkprinx%2Fdarkprinx.github.io","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkprinx%2Fdarkprinx.github.io/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkprinx%2Fdarkprinx.github.io/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkprinx%2Fdarkprinx.github.io/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/darkprinx","download_url":"https://codeload.github.com/darkprinx/darkprinx.github.io/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkprinx%2Fdarkprinx.github.io/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35356474,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-11T02:00:05.354Z","response_time":104,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-07-11T08:32:55.821Z","updated_at":"2026-07-11T08:32:56.902Z","avatar_url":"https://github.com/darkprinx.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Abdullah Al Masud Tushar — Portfolio\n\n**Concept: Order out of chaos.** The hero is a full-screen installation where\n~700 emerald fragments drift as a tangled swarm, then magnetically assemble\ninto words — TUSHAR / BUILDS / SCALES / SHIPS — hold, dissolve back into\nchaos, and reform. The cursor bends the field; clicking detonates a shockwave\nthe system heals from. The same fragment language runs through the whole\nsite: a mosaic portrait that assembles on scroll, a career timeline that\ndraws itself, tilt-reactive capability cards, magnetic buttons, and a custom\ncursor. No stack logos, no code clichés — just the engineering persona:\nchaos goes in, systems come out.\n\n**Stack:** Vite · React 19 · TypeScript · GSAP (ScrollTrigger). The hero\nswarm and mosaic portrait are hand-rolled canvas 2D.\n\n**Identity:** colors and English typography —\ncream `#F1EFE8`, ink `#2C2C2A`, emerald `#00AE8D`, deep greens\n`#008A71 / #006655 / #0A4F3A`, tints `#A8DDD4 / #E6F7F4`, line `#CFCECA`.\nType: Poppins (display/UI) + Lato (body), via Google Fonts.\n\n## Setup \u0026 run\n\n```bash\nnpm install\nnpm run dev        # local dev server (http://localhost:5173)\n```\n\n## Build \u0026 preview\n\n```bash\nnpm run build      # type-checks, then outputs static site to dist/\nnpm run preview    # serve the production build locally\n```\n\n## Add your photo\n\nDrop a portrait at **`public/portrait.jpg`** (roughly 4:5, ≥800px wide).\nThe About section's mosaic animation picks it up automatically — tiles fly\nin, assemble, and get the emerald duotone treatment. Until then an on-brand\nplaceholder renders from `public/portrait-placeholder.svg`.\n\n## Deployment\n\n`dist/` is a fully static site — deploy anywhere:\n\n- **Netlify / Vercel:** build command `npm run build`, output directory `dist`.\n- **GitHub Pages:** set `base: '/\u003crepo-name\u003e/'` in `vite.config.ts` first.\n- Any static host or S3 + CloudFront works the same way.\n\n## Editing content\n\nAll copy, links, and career data live in **`src/data/profile.ts`**:\n\n- `identity` — name, role, email, phone, links, headline, positioning\n- `formationWords` — the words the hero swarm spells out\n- `stats` — the hero ticker facts\n- `about` — facets, philosophy quote, spec-card rows\n- `portrait` — image path and alt text\n- `clusters` / `practiceBus` — the capability system\n- `timeline` — companies, roles, periods, engagement bullets\n- `systems` — case studies (context / built / impact / stack, optional link)\n- `principles` — the \"How I Build\" stages\n- `contact` — closing copy and CTA label\n\nOther easy swaps: `public/favicon.svg`, `public/og.svg` (replace with a\n1200×630 PNG for widest social-card support), and the title/meta in\n`index.html`.\n\n## Accessibility \u0026 motion\n\n- `prefers-reduced-motion` renders a complete static hero (the swarm already\n  settled into TUSHAR), a static ticker, an assembled portrait, and no\n  reveals — content first, always.\n- Semantic landmarks, skip link, visible focus states, ARIA labels on the\n  canvas scenes; the custom cursor is an overlay, never a replacement, and\n  disabled on touch devices.\n- Canvases pause when offscreen or the tab is hidden and clamp\n  device-pixel-ratio on low-power devices.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarkprinx%2Fdarkprinx.github.io","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdarkprinx%2Fdarkprinx.github.io","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarkprinx%2Fdarkprinx.github.io/lists"}