{"id":19269082,"url":"https://github.com/instamenta/spacejam","last_synced_at":"2025-10-09T16:11:31.614Z","repository":{"id":142287199,"uuid":"600270633","full_name":"instamenta/SpaceJam","owner":"instamenta","description":"3D scrolling website made with JavaScript and Three.js + WebGL","archived":false,"fork":false,"pushed_at":"2023-03-12T22:58:03.000Z","size":1364,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-23T20:12:00.600Z","etag":null,"topics":["3d","javascript","nodejs","parallax-scrolling","scrolling","solo-project","threejs","vanilla-javascript","vitejs"],"latest_commit_sha":null,"homepage":"https://space-jam.onrender.com/","language":"HTML","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/instamenta.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}},"created_at":"2023-02-11T01:17:42.000Z","updated_at":"2023-03-13T12:16:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"78a931af-ab13-416d-872e-350f3daf629c","html_url":"https://github.com/instamenta/SpaceJam","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/instamenta/SpaceJam","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/instamenta%2FSpaceJam","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/instamenta%2FSpaceJam/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/instamenta%2FSpaceJam/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/instamenta%2FSpaceJam/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/instamenta","download_url":"https://codeload.github.com/instamenta/SpaceJam/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/instamenta%2FSpaceJam/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279001762,"owners_count":26083171,"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-09T02:00:07.460Z","response_time":59,"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":["3d","javascript","nodejs","parallax-scrolling","scrolling","solo-project","threejs","vanilla-javascript","vitejs"],"created_at":"2024-11-09T20:18:27.551Z","updated_at":"2025-10-09T16:11:31.585Z","avatar_url":"https://github.com/instamenta.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SpaceJam\n* Best check it out for yourself!\nhttps://space-jam.onrender.com/\n\n```diff\nSimple 3D scrolling website made with Vanilla JS and three.js@@\n```\n\nThe Entire Webpage is based on the data includede in [My CV](https://github.com/instamenta/SpaceJam/files/10712348/JanCV.pdf), if after checking the website you are interested you can find my CV also - [link](https://github.com/instamenta/SpaceJam/files/10712348/JanCV.pdf).\n \n### Built With\n\n* ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge\u0026logo=node.js\u0026logoColor=white)\n* ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n* ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n* ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n* ![Threejs](https://img.shields.io/badge/threejs-black?style=for-the-badge\u0026logo=three.js\u0026logoColor=white)\n  \n## Get started\n\n```diff\n! \u003enpm install\n```\n\n### Run in development\n\n```diff\n- npm run development\n```\n## Demo\n\n![#1589F0](https://via.placeholder.com/15/1589F0/000000?text=+) `Intro`\n\n\n![Part1](https://user-images.githubusercontent.com/98179343/218232522-5caf385b-1752-44b8-8552-96d50317b1ca.PNG)\n\n![#c5f015](https://via.placeholder.com/15/c5f015/000000?text=+) `Education`\n\n![Part2](https://user-images.githubusercontent.com/98179343/218232525-a9b92865-0e34-471c-afe9-90c218bdcf8d.PNG)\n\n![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+) `Personal Projects`\n\n![Part3](https://user-images.githubusercontent.com/98179343/218232527-6457d36e-f69a-4e93-b422-4993f3296e4e.PNG)\n\n![#c5f015](https://via.placeholder.com/15/c5f015/000000?text=+) `Skills`\n\n![Part4](https://user-images.githubusercontent.com/98179343/218232519-1d61da58-555e-4a22-a9e8-d74b462e61b6.PNG)\n\n![#1589F0](https://via.placeholder.com/15/1589F0/000000?text=+) `Outro`\n\n![Part5](https://user-images.githubusercontent.com/98179343/218232521-a837abb2-8327-4d66-b82e-045c22ac2986.PNG)\n\n\n### Find\n\n```\nThe attractive 3D parallax scrolling website SpaceJam made by me\nis a beautiful animated space galaxy – in the centre of the page. \nThe animated canine scales and rotates as you scroll down the parallax page. \nIts changes position as you hover over the titles of my certificate\ncollection and recent mostly finished projects. \nPerhaps your favourite touch is that at one point space revolves\nin front of you. It's a very smooth presentation.\n```\n### Scroll\n\n```\nParallax scrolling websites continue to be a popular trend. \nIt was once recommended that sites include as much information\nabove the fold as possible in order to avoid the user having to \nscroll, but parallax scrolling introduced a way of allowing \ndesigners to break away from that by making the act of scrolling \nitself engaging for the user. \n```\n### Parallax\n\n```\nThe Parallax scrolling technique involves designing the background \nof a website layout to move at a slower rate than the foreground \nwhen the user scrolls, creating a 3D-like effect. Used sparingly,\nparallax scrolling can add a subtle element of depth that makes the \nforeground seem to stand out. In other cases, it can be used as the \nmain star of the show for a big visual impact. The technique can \nencourage users to stay on a page for longer – great for SEO – and \nto scroll right to the bottom of the content. The examples below show\nhow Parallax scrolling can be used to different degrees to create\ndistinctive and memorable websites.\n```\n\n## Contact\n\nJan Milenkov - [https://github.com/instamenta](https://github.com/instamenta) - instamenta@abv.bg\n\nProject Link - [https://github.com/instamenta/SpaceJam](https://github.com/instamenta/SpaceJam)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finstamenta%2Fspacejam","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finstamenta%2Fspacejam","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finstamenta%2Fspacejam/lists"}