{"id":51175439,"url":"https://github.com/ranjbar-dev/ranjbar-dev-website","last_synced_at":"2026-06-27T03:30:30.948Z","repository":{"id":366922591,"uuid":"1278425630","full_name":"ranjbar-dev/ranjbar-dev-website","owner":"ranjbar-dev","description":"ranjbar-dev-website","archived":false,"fork":false,"pushed_at":"2026-06-23T21:26:11.000Z","size":100,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-23T23:14:28.682Z","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/ranjbar-dev.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-06-23T19:25:10.000Z","updated_at":"2026-06-23T21:26:15.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/ranjbar-dev/ranjbar-dev-website","commit_stats":null,"previous_names":["ranjbar-dev/ranjbar-dev-website"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ranjbar-dev/ranjbar-dev-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ranjbar-dev%2Franjbar-dev-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ranjbar-dev%2Franjbar-dev-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ranjbar-dev%2Franjbar-dev-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ranjbar-dev%2Franjbar-dev-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ranjbar-dev","download_url":"https://codeload.github.com/ranjbar-dev/ranjbar-dev-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ranjbar-dev%2Franjbar-dev-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34840899,"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-06-27T02:00:06.362Z","response_time":126,"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-06-27T03:30:27.759Z","updated_at":"2026-06-27T03:30:30.943Z","avatar_url":"https://github.com/ranjbar-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ranjbar.dev\n\nPersonal site for **Amir Ranjbar** — a bold, dark, motion-led single-page\nscroller. Built with Vite + React 18 + TypeScript, Tailwind CSS v4 and Framer\nMotion. See [PRD.md](PRD.md) for the full product spec.\n\n## Local development\n\n```bash\nnvm use            # Node 20 (see .nvmrc)\nnpm install\nnpm run dev        # http://localhost:5173\nnpm run build      # type-check + production build -\u003e dist/\nnpm run preview    # serve the production build locally\n```\n\n## Portrait photo\n\nThe hero references `public/amir.jpg` (a treated duotone portrait). A clearly\nlabelled placeholder is committed so the build works out of the box. To use the\nreal photo:\n\n1. Drop the source image in the repo root as `amir.jpg`.\n2. Run the optimizer (writes an optimized 4:5 WebP to `public/amir.jpg`):\n\n   ```bash\n   python scripts/optimize-portrait.py amir.jpg\n   ```\n\n## Things to replace before launch\n\n- **Portrait** — replace the placeholder `public/amir.jpg` (see above).\n- **GitHub repo count** — `GITHUB_REPO_COUNT` in `src/lib/site.ts` (currently 56).\n- **OG image** — `public/og.png` is an auto-generated typographic placeholder.\n\n## Project structure\n\n```\nsrc/\n  components/      one file per section + shared MagneticButton / ScrollProgress\n  lib/\n    motion.ts      shared Framer Motion variants + reduced-motion sets\n    site.ts        links, email, skill groups, repo count (single source)\n  index.css        Tailwind v4 + design tokens (@theme)\npublic/            favicon.svg, og.png, amir.jpg\nscripts/           optimize-portrait.py\n```\n\n## Deployment — Cloudflare Pages (GitHub Actions)\n\nDeploys run via GitHub Actions ([`.github/workflows/deploy.yml`](.github/workflows/deploy.yml)):\n\n- **Push to `main`** → production deploy.\n- **Open a PR against `main`** → unique preview URL.\n\nThe workflow installs deps, runs `npm run build` (output `dist/`), ensures the\nPages project exists on first run, then deploys with `wrangler` to the\n`ranjbar-dev` Pages project.\n\n### One-time setup\n\n1. **Create a Cloudflare API token** — [dash → My Profile → API Tokens](https://dash.cloudflare.com/profile/api-tokens)\n   → *Create Token* → use the **\"Edit Cloudflare Workers\"** template (or a custom\n   token with the **Account › Cloudflare Pages › Edit** permission).\n2. **Find your Account ID** — Cloudflare dashboard → *Workers \u0026 Pages* (right\n   sidebar / URL).\n3. **Add repo secrets** — GitHub repo → *Settings → Secrets and variables →\n   Actions → New repository secret*:\n\n   | Secret                  | Value                      |\n   | ----------------------- | -------------------------- |\n   | `CLOUDFLARE_API_TOKEN`  | the API token from step 1  |\n   | `CLOUDFLARE_ACCOUNT_ID` | the Account ID from step 2 |\n\n   (`GITHUB_TOKEN` is provided automatically — no setup needed.)\n4. Push to `main`. The first run creates the `ranjbar-dev` Pages project and\n   deploys it.\n\n\u003e The Pages project name is `ranjbar-dev` (Cloudflare names can't contain dots).\n\u003e If you already created a project under a different name, update the two\n\u003e `--project-name` / `pages project create` references in the workflow.\n\n### Custom domain\n\nIn the Pages project → *Custom domains*, add `ranjbar.dev` (and `www.ranjbar.dev`).\nCloudflare manages DNS and SSL automatically.\n\n\u003e **Note:** if you previously enabled Cloudflare's built-in Git integration for\n\u003e this repo, disable it so it doesn't deploy in parallel with this workflow.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Franjbar-dev%2Franjbar-dev-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Franjbar-dev%2Franjbar-dev-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Franjbar-dev%2Franjbar-dev-website/lists"}