{"id":29035347,"url":"https://github.com/ba-calderonmorales/shadow-scroll-blossom","last_synced_at":"2026-01-20T16:29:48.947Z","repository":{"id":297716852,"uuid":"996522235","full_name":"BA-CalderonMorales/shadow-scroll-blossom","owner":"BA-CalderonMorales","description":"interactive mouse and touch canvas made with lovable, codex, and github actions/pages enabled.","archived":false,"fork":false,"pushed_at":"2025-07-04T03:39:28.000Z","size":422,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-04T04:27:48.114Z","etag":null,"topics":["actions","codex","github","lovable","pages"],"latest_commit_sha":null,"homepage":"https://ba-calderonmorales.github.io/shadow-scroll-blossom/","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/BA-CalderonMorales.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}},"created_at":"2025-06-05T04:28:33.000Z","updated_at":"2025-06-29T12:20:02.000Z","dependencies_parsed_at":"2025-06-07T02:38:46.068Z","dependency_job_id":"4fe15703-0f96-4898-83ff-8f16f0fc4e06","html_url":"https://github.com/BA-CalderonMorales/shadow-scroll-blossom","commit_stats":null,"previous_names":["ba-calderonmorales/shadow-scroll-blossom"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BA-CalderonMorales/shadow-scroll-blossom","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BA-CalderonMorales%2Fshadow-scroll-blossom","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BA-CalderonMorales%2Fshadow-scroll-blossom/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BA-CalderonMorales%2Fshadow-scroll-blossom/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BA-CalderonMorales%2Fshadow-scroll-blossom/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BA-CalderonMorales","download_url":"https://codeload.github.com/BA-CalderonMorales/shadow-scroll-blossom/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BA-CalderonMorales%2Fshadow-scroll-blossom/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278354807,"owners_count":25973423,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"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":["actions","codex","github","lovable","pages"],"created_at":"2025-06-26T12:08:15.311Z","updated_at":"2025-10-04T18:27:29.744Z","avatar_url":"https://github.com/BA-CalderonMorales.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Shadow Scroll Blossom\n\nThis project is my personal playground for generative art. It renders colorful particle trails that react to your mouse or touch input and lets you switch between multiple background themes. The repository also serves as a template for anyone wanting to build a similar interactive canvas site.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eUsing This Repository as a Template\u003c/strong\u003e\u003c/summary\u003e\n\n1. Fork or clone the repo.\n2. Update the project name in `package.json` and adjust this README with your own description.\n3. Modify the canvas logic in `src` to experiment with your own particle effects.\n4. Push your changes to `main` to deploy automatically with GitHub Pages.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eGetting Started\u003c/strong\u003e\u003c/summary\u003e\n\n1. Run `npm install`.\n2. Launch the dev server with `npm run dev` and open `http://localhost:8080`.\n3. Build for production with `npm run build`.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eProject Structure\u003c/strong\u003e\u003c/summary\u003e\n\n```\nsrc/\n  components/        React components for the canvas and UI\n  contexts/          global settings state\n  data/              static options for menus\n  hooks/             reusable hooks\n  pages/             route components\n  utils/             canvas and particle helpers\n  types/             TypeScript interfaces\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eKey Features\u003c/strong\u003e\u003c/summary\u003e\n\n- Mouse and touch interaction on the canvas\n- Multiple particle styles and background themes\n- Includes a new **Ocean** theme with deep blue gradients\n- Introduces a **Desert** theme with warm sand tones\n- Adds a **Forest** theme with lush green hues\n- Adds a **Sunset** theme with orange-to-purple hues\n- Adds a **Midnight** theme with deep indigo blues\n- Dark mode toggle with persistence\n- Settings stored in localStorage\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eEditing the Code\u003c/strong\u003e\u003c/summary\u003e\n\nEdit directly on [Lovable](https://lovable.dev/projects/37feecad-ffa4-4ddb-a957-b38a5b8fc776) or work locally using your favorite editor. Make sure Node.js is installed via [nvm](https://github.com/nvm-sh/nvm#installing-and-updating).\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eTechnology Overview\u003c/strong\u003e\u003c/summary\u003e\n\nThis project uses Vite, React, TypeScript, Tailwind CSS and shadcn-ui.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eDeployment\u003c/strong\u003e\u003c/summary\u003e\n\nPushes to `main` automatically deploy to **GitHub Pages** via GitHub Actions. Enable Pages in the repository settings with \"GitHub Actions\" as the source. Once enabled, your site will be live at [`https://ba-calderonmorales.github.io/shadow-scroll-blossom/`](https://ba-calderonmorales.github.io/shadow-scroll-blossom/).\n\nGitHub Pages must be enabled for the pull request previews to work correctly.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePreviewing Pull Requests\u003c/strong\u003e\u003c/summary\u003e\n\nEvery pull request triggers a workflow that builds the site and publishes a free GitHub Pages preview. A link to the preview is posted as a comment on the PR so you can test changes before merging.\n\n\u003c/details\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fba-calderonmorales%2Fshadow-scroll-blossom","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fba-calderonmorales%2Fshadow-scroll-blossom","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fba-calderonmorales%2Fshadow-scroll-blossom/lists"}