{"id":19092874,"url":"https://github.com/basedhound/space-travel_ui","last_synced_at":"2026-05-06T04:32:02.670Z","repository":{"id":173925876,"uuid":"606813880","full_name":"basedhound/space-travel_ui","owner":"basedhound","description":" A responsive Space Travel website built with HTML, CSS, and JavaScript, featuring a modern landing page. It includes responsive styling across all devices, and JavaScript for interactive elements.","archived":false,"fork":false,"pushed_at":"2024-08-05T14:41:41.000Z","size":25861,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-12T04:33:11.941Z","etag":null,"topics":["css","design","html","javascript","js","landing-page","responsive","ui","ux","website"],"latest_commit_sha":null,"homepage":"https://space-travel-fv.netlify.app","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/basedhound.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-26T16:40:20.000Z","updated_at":"2024-08-05T14:41:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"ffd9b683-ec3f-45f8-9d38-1025e1f37fb3","html_url":"https://github.com/basedhound/space-travel_ui","commit_stats":null,"previous_names":["basedhound/ui_space-travel-website","basedhound/space-travel_uix"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/basedhound/space-travel_ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fspace-travel_ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fspace-travel_ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fspace-travel_ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fspace-travel_ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/basedhound","download_url":"https://codeload.github.com/basedhound/space-travel_ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fspace-travel_ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32678592,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-06T02:33:58.958Z","status":"ssl_error","status_checked_at":"2026-05-06T02:33:39.611Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css","design","html","javascript","js","landing-page","responsive","ui","ux","website"],"created_at":"2024-11-09T03:22:31.372Z","updated_at":"2026-05-06T04:32:02.653Z","avatar_url":"https://github.com/basedhound.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://space-travel-fv.netlify.app\" target=\"_blank\"\u003e\n      \u003cimg src=\"design/home-large.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003ch3 align=\"center\"\u003eSpace Travel Website\u003c/h3\u003e\n\u003c/div\u003e\n\n##  \u003cbr /\u003e 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n- ✨ [Introduction](#introduction)\n- ⚙️ [Tech Stack](#tech-stack)\n- 📝 [Features](#features)\n- 🚀 [Quick Start](#quick-start)\n\n##  \u003cbr /\u003e \u003ca name=\"introduction\"\u003e✨ Introduction\u003c/a\u003e\n\n**[EN]** A responsive Space Travel website built with HTML, CSS, and JavaScript, featuring a modern landing page with interactive elements. This project highlights responsive design principles, effective use of media queries for adaptive styling, and JavaScript-driven interactions to ensure a dynamic and engaging user experience across all devices.\n\n**[FR]** Un site web responsive sur le thème de l'Espace construit avec HTML, CSS et JavaScript, présentant une page de destination moderne avec des éléments interactifs. Ce projet met en avant les principes de design responsive, l'utilisation efficace des media queries pour un style adaptatif, et des interactions JavaScript pour garantir une expérience utilisateur dynamique et engageante sur tous les appareils.\n\n##  \u003cbr /\u003e \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- **HTML** (HyperText Markup Language) is the standard markup language used for creating web pages. It provides the structure of a webpage by defining elements such as headings, paragraphs, links, images, and other content. HTML elements are represented by tags, which tell the browser how to display the content.\n\n- **CSS** (Cascading Style Sheets) is a style sheet language used to describe the presentation of a document written in HTML. CSS controls the layout, colors, fonts, and overall visual appearance of web pages. By separating content from design, CSS enables developers to maintain and update the visual style of multiple pages efficiently.\n  \n- **JavaScript** is a versatile, high-level programming language commonly used for web development. It enables interactive elements on web pages, such as dynamic content updates, form validation, animations, and user interface enhancements. JavaScript runs in the browser and is integral to building modern, interactive websites and web applications.\n\n## \u003cbr/\u003e \u003ca name=\"features\"\u003e📝 Features\u003c/a\u003e\n- `Utility classes`\n  - Do one thing, and do it very well\n  - Often only have one declaration, but they can have multiple when required\n  - Allow things to be much more modular, and allow us to write a lot less in the long run\n- Advantages of `RGB` \u0026 `HSL`\n  - If we store the `RGB` or `HSL` values in a custom property, it makes it really easy to tweak the alpha value when needed.\n- Finding the right balance\n  - Utility classes let us work quickly\n  - BUT, when we have something like our numbered titles that is always the same, it can be a good idea to find a balance\n- Adding the spacing\n  - Utility are very common (.m-1, .m-2, etc.)\n  - We don't really need that in this design, and we can use something else that will speed things up\n- Interactive elements\n  - The explore button\n  - Underlined indicators\n  - Dot indicators\n  - Number indicators\n- To-do\n  - Research scrollbar-gutter\n  - Add page transition effects\n- Responsive implementing order\n  - Mobilde\n  - Tablet (`@media (min-width: 35rem)`)\n  - Desktop (`@media (min-width: 45rem)`)# space-travel_uix\n\n\n## \u003cbr /\u003e \u003ca name=\"quick-start\"\u003e🚀 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n\u003cbr/\u003e**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n\u003cbr/\u003e**Cloning the Repository**\n\n```bash\ngit clone {git remote URL}\n```\n\n\u003cbr/\u003e**Running the Project**\n\nUse [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)\nto launch a development local server with live reload feature for static \u0026 dynamic pages.\n\n\u003cbr/\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ch3 align=\"center\"\u003ePreview\u003c/h3\u003e\n\u003c/div\u003e\n\n### Home page demos\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"design/home-large.png\"\u003e\n\u003c/div\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"design/home-medium.png\" width=500\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"design/home-small.png\" width=500\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/table\u003e\n\n### Destination page demos\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"design/destination-large.png\"\u003e\n\u003c/div\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"design/destination-medium.png\" width=500\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"design/destination-small.png\" width=500\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/table\u003e\n\n### Crew page demos\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"design/crew-large.png\"\u003e\n\u003c/div\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"design/crew-medium.png\" width=500\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"design/crew-small.png\" width=500\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/table\u003e\n\n### Technology page demos\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"design/technology-large.png\"\u003e\n\u003c/div\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"design/technology-medium.png\" width=500\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"design/technology-small.png\" width=500\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fspace-travel_ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbasedhound%2Fspace-travel_ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fspace-travel_ui/lists"}