{"id":28473928,"url":"https://github.com/paulmagadi/equinox_space","last_synced_at":"2025-07-02T02:30:59.276Z","repository":{"id":293065875,"uuid":"982827818","full_name":"paulmagadi/equinox_space","owner":"paulmagadi","description":"This is a visually engaging and responsive portfolio website featuring animated sections, background videos, and smooth transitions. It’s designed to showcase projects, contact information, and brand identity in a clean and interactive way.","archived":false,"fork":false,"pushed_at":"2025-05-13T13:43:15.000Z","size":11387,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-07T12:36:10.323Z","etag":null,"topics":["animations","aos-animation","background-video","css3-animations","html5","javascript","modal-logic","scolling"],"latest_commit_sha":null,"homepage":"https://paulmagadi.github.io/equinox_space/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/paulmagadi.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-05-13T13:16:47.000Z","updated_at":"2025-05-17T16:26:32.000Z","dependencies_parsed_at":"2025-05-13T15:01:59.477Z","dependency_job_id":null,"html_url":"https://github.com/paulmagadi/equinox_space","commit_stats":null,"previous_names":["paulmagadi/equinox_space"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/paulmagadi/equinox_space","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulmagadi%2Fequinox_space","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulmagadi%2Fequinox_space/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulmagadi%2Fequinox_space/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulmagadi%2Fequinox_space/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/paulmagadi","download_url":"https://codeload.github.com/paulmagadi/equinox_space/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulmagadi%2Fequinox_space/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263063884,"owners_count":23408005,"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","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":["animations","aos-animation","background-video","css3-animations","html5","javascript","modal-logic","scolling"],"created_at":"2025-06-07T12:31:28.258Z","updated_at":"2025-07-02T02:30:59.266Z","avatar_url":"https://github.com/paulmagadi.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Animated Portfolio Website - Squinox Space 🌐🎨\n\nThis is a visually engaging and responsive portfolio website featuring animated sections, background videos, and smooth transitions. It’s designed to showcase projects, contact information, and brand identity in a clean and interactive way.\n\n## Demo\n[Live Demo](https://paulmagadi.github.io/equinox_space)\n\n## 🚀 Features\n\n- 🎥 Animated background videos in banner and footer\n- ✨ Scroll-based animations using [AOS (Animate On Scroll)](https://michalsnik.github.io/aos/)\n- 💡 Responsive design (mobile-first approach)\n- 📨 Modal contact form\n- 🔼 Scroll-up button for better UX\n\n## 📁 Folder Structure\n\n```csharp\n├── index.html\n├── style.css\n├── scripts.js\n├── /assets\n│ ├── banner-video.mp4\n│ ├── footer-video.mp4\n│ └── images/\n```\n\n## 🛠️ Technologies Used\n\n- HTML5\n- CSS3 (no frameworks)\n- JavaScript (Vanilla JS)\n- AOS Library for animations\n- Responsive Media Queries\n\n## 📜 scripts.js Highlights\n\n```js\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    AOS.init();\n});\n\nconst btn = document.querySelector('.contact-btn');\nconst modal = document.querySelector('.contact-modal');\nconst exitBtn = document.querySelector('.exit-form');\n\n// Open modal\nbtn.addEventListener('click', function() {\n    modal.style.display = 'block';\n});\n\n// Close modal via exit button\nexitBtn.addEventListener('click', function() {\n    modal.style.display = 'none';\n});\n\n// Close modal by clicking outside the modal content\nwindow.addEventListener('click', function(e) {\n    if (e.target === modal) {\n        modal.style.display = 'none';\n    }\n});\n\n// Close modal with Escape key\ndocument.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' \u0026\u0026 modal.style.display === 'block') {\n        modal.style.display = 'none';\n    }\n});\n\n```\n\nThis script initializes scroll-based animations and manages modal open/close events for the contact form.\n\n## 💻 How to Run Locally\nClone the repo:\n\n```bash\ngit clone https://github.com/paulmagadi/equinox_space.git\ncd equinox_space\n```\n\nOpen index.html in your browser. Ensure scripts.js and style.css are linked correctly in the HTML.\n\n## 🔧 To Do / Improvements\n- Add form submission logic (e.g., AJAX or form service)\n\n- Close modal when clicking outside the form\n\n- Add keyboard accessibility for modal (Escape key closes it)\n\n- Lazy load assets for performance\n\n## 📸 Preview\n\n## 🧑‍💻 Author\nPaul Magadi - [paulmagadi](https://github.com/paulmagadi)\n\n[LinkedIn](https://www.linkedin.com/in/paulmagadi) \n\n[Portfolio](https://paulmagadi.github.io/)\n\n### ⚠️ Disclaimer\nThis project is for educational/demo purposes. It is not affiliated with the **Equinox Space**. To view [Equinox.space](https://equinox.space/)\n\n---\n\n## 📄 License\nMIT\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaulmagadi%2Fequinox_space","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaulmagadi%2Fequinox_space","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaulmagadi%2Fequinox_space/lists"}