{"id":15111709,"url":"https://github.com/sonvice/pixel-punk-landing","last_synced_at":"2026-01-20T15:07:14.103Z","repository":{"id":255911899,"uuid":"853867740","full_name":"sonvice/pixel-punk-landing","owner":"sonvice","description":"Este proyecto es una landing page futurista inspirada en la estética Cyberpunk, diseñada en Figma y desarrollada utilizando el Astro Framework.","archived":false,"fork":false,"pushed_at":"2024-12-15T08:08:10.000Z","size":12569,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T17:46:25.457Z","etag":null,"topics":["astro","astrojs","css","css-grid","cyber-punk","ia","js","landing","landing-page","scss"],"latest_commit_sha":null,"homepage":"https://pixelpunk-ia.netlify.app/","language":"SCSS","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/sonvice.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":"2024-09-07T18:54:03.000Z","updated_at":"2024-12-15T08:08:14.000Z","dependencies_parsed_at":"2024-09-07T20:31:09.042Z","dependency_job_id":"1fee262c-7e2c-435d-86be-2a3ad8987833","html_url":"https://github.com/sonvice/pixel-punk-landing","commit_stats":null,"previous_names":["sonvice/pixel-punk-landing"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sonvice/pixel-punk-landing","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Fpixel-punk-landing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Fpixel-punk-landing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Fpixel-punk-landing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Fpixel-punk-landing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sonvice","download_url":"https://codeload.github.com/sonvice/pixel-punk-landing/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Fpixel-punk-landing/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28606139,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T14:45:23.139Z","status":"ssl_error","status_checked_at":"2026-01-20T14:44:16.929Z","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":["astro","astrojs","css","css-grid","cyber-punk","ia","js","landing","landing-page","scss"],"created_at":"2024-09-26T00:22:37.667Z","updated_at":"2026-01-20T15:07:14.081Z","avatar_url":"https://github.com/sonvice.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pixel Punk 🤖\n\n![Cyber Punk Banner](https://raw.githubusercontent.com/sonvice/pixel-punk-landing/main/public/theme.png)\n\u003cdiv align=\"center\"\u003e\n\u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Figma-black?style=for-the-badge\u0026logoColor=white\u0026logo=figma\u0026color=F24E1E\" alt=\"Figma\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Astro-black?style=for-the-badge\u0026logoColor=white\u0026logo=astro\u0026color=646CFF\" alt=\"Astro\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-AOS-black?style=for-the-badge\u0026logoColor=white\u0026logo=aos\u0026color=29b6f6\" alt=\"AOS Scroll\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-CSS%20Grid-black?style=for-the-badge\u0026logoColor=white\u0026logo=css3\u0026color=1572B6\" alt=\"CSS Grid\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-SASS-black?style=for-the-badge\u0026logoColor=white\u0026logo=sass\u0026color=CC6699\" alt=\"SASS\" /\u003e\n\u003c/div\u003e\n\u003ch3 align=\"center\"\u003ePixel Punk Landing\u003c/h3\u003e\n\u003c/div\u003e\n\n# Pixel Punk Landing\n\nEste proyecto es una landing page futurista inspirada en la estética **Cyberpunk**, diseñada en Figma y desarrollada utilizando el **Astro Framework**. La página es completamente responsive, aprovechando el poder de **Sass** para gestionar los estilos de manera eficiente. El diseño incorpora un enfoque moderno, utilizando **CSS Grid**, animaciones y degradados llamativos, y elementos visuales en **SVG**.\n\n## Características principales:\n\n- **Diseño en Figma inspirado en Cyberpunk:** Captura la esencia de un futuro distópico, con colores brillantes y efectos visuales avanzados que reflejan una estética tecnológica y futurista.\n  \n- **Desarrollada con Astro Framework:** La implementación se realizó con **Astro**, aprovechando su rendimiento y capacidades modernas para crear una experiencia de usuario rápida y eficiente.\n  \n- **Animaciones fluidas con AOS (Animate On Scroll):** Utilizamos la librería **AOS** para integrar animaciones dinámicas que se activan al hacer scroll, mejorando la interactividad y el dinamismo de la página.\n\n- **Diseño responsivo con CSS Grid:** El layout está organizado con **CSS Grid**, lo que permite una disposición flexible y adaptable en cualquier dispositivo, brindando una experiencia visual cohesiva en pantallas grandes y pequeñas.\n\n- **Animaciones y degradados modernos:** Se han incorporado degradados avanzados y animaciones CSS que hacen que el sitio web cobre vida, creando un entorno inmersivo para los usuarios.\n\n- **Elementos SVG y gráficos vectoriales:** Los gráficos SVG aportan un toque moderno y de alta calidad, manteniendo el rendimiento del sitio incluso con elementos visuales complejos.\n\n## Tecnologías utilizadas:\n\n- Figma\n- Astro Framework\n- AOS Scroll\n- CSS Grid\n- Sass\n- SVG\n\n\n## 🧞 Commands\n\nAll commands are run from the root of the project, from a terminal:\n\n| Command                   | Action                                           |\n| :------------------------ | :----------------------------------------------- |\n| `npm install`             | Installs dependencies                            |\n| `npm run dev`             | Starts local dev server at `localhost:4321`      |\n| `npm run build`           | Build your production site to `./dist/`          |\n| `npm run preview`         | Preview your build locally, before deploying     |\n| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |\n| `npm run astro -- --help` | Get help using the Astro CLI                     |\n\n## 👀 Want to learn more?\n\nFeel free to check [our documentation](https://docs.astro.build).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonvice%2Fpixel-punk-landing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsonvice%2Fpixel-punk-landing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonvice%2Fpixel-punk-landing/lists"}