{"id":29211926,"url":"https://github.com/valentinmadiot/background-animation-christmas_js","last_synced_at":"2026-06-30T18:32:17.063Z","repository":{"id":300447796,"uuid":"1006196969","full_name":"ValentinMadiot/background-animation-christmas_js","owner":"ValentinMadiot","description":"Page de Noël immersive avec GSAP, nuages, traîneau animé et chute de neige. Une ambiance festive responsive parfaite pour sites saisonniers, événements hivernaux ou landing pages de fin d’année.","archived":false,"fork":false,"pushed_at":"2025-06-29T16:58:57.000Z","size":178,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-30T08:11:27.079Z","etag":null,"topics":["animated-sled","animated-title","christmas","christmas-landing","cloud-animation","css-keyframes","decorative-ui","festive-webdesign","gsap","gsap-animation","holiday-theme","html-css-js","interactive-christmas","javascript-vanilla","mobile-menu","onepage-website","remix-icons","responsive-ui","snow-effect","winter-design"],"latest_commit_sha":null,"homepage":"https://background-animation-christmas.netlify.app/","language":"CSS","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/ValentinMadiot.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-21T17:55:11.000Z","updated_at":"2025-06-29T17:09:19.000Z","dependencies_parsed_at":"2025-06-21T19:24:07.192Z","dependency_job_id":"0c114f29-7df7-40c2-ac18-0ceb233f1774","html_url":"https://github.com/ValentinMadiot/background-animation-christmas_js","commit_stats":null,"previous_names":["valentinmadiot/background-animation-christmas_js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ValentinMadiot/background-animation-christmas_js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-christmas_js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-christmas_js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-christmas_js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-christmas_js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ValentinMadiot","download_url":"https://codeload.github.com/ValentinMadiot/background-animation-christmas_js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-christmas_js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34979577,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-30T02:00:05.919Z","response_time":92,"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":["animated-sled","animated-title","christmas","christmas-landing","cloud-animation","css-keyframes","decorative-ui","festive-webdesign","gsap","gsap-animation","holiday-theme","html-css-js","interactive-christmas","javascript-vanilla","mobile-menu","onepage-website","remix-icons","responsive-ui","snow-effect","winter-design"],"created_at":"2025-07-02T22:06:07.341Z","updated_at":"2026-06-30T18:32:17.041Z","avatar_url":"https://github.com/ValentinMadiot.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e  \n  \u003ca href=\"https://background-animation-christmas.netlify.app/\" target=\"_blank\"\u003e  \n    \u003cimg src=\".docs/preview.png\" alt=\"Aperçu de la page de Noël animée\"\u003e  \n  \u003c/a\u003e  \n  \u003c/br\u003e\u003c/br\u003e  \n  \u003ch3 align=\"center\"\u003e🎄 Animation de Fond \u0026nbsp;–\u0026nbsp; Noël\u003c/h3\u003e  \n\u003c/div\u003e\n\n## \u003cbr /\u003e 📌 Sommaire\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp; 🎨 \u0026nbsp; [**Introduction**](#introduction)\u003cbr /\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp; 🛠️ \u0026nbsp; [**Technologies**](#technologies)\u003cbr /\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp; 🎯 \u0026nbsp; [**Fonctionnalités**](#fonctionnalités)\u003cbr /\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp; 🚀 \u0026nbsp; [**Installation**](#installation)\u003cbr /\u003e\n\n## \u003cbr /\u003e \u003ca name=\"introduction\"\u003e🎨 Introduction\u003c/a\u003e\n\nLanding page festive sur le thème de Noël, animée avec **GSAP**, chariot en mouvement, nuages flottants et neige interactive. Le design immersif transporte l’utilisateur dans une ambiance hivernale et enchantée.\n\nParfaite pour les sites saisonniers, campagnes de fin d’année ou pages d’accueil thématiques, chaque élément visuel contribue à créer une atmosphère chaleureuse, dynamique et engageante.\n\n## \u003cbr /\u003e \u003ca name=\"technologies\"\u003e🛠️ Technologies\u003c/a\u003e\n\n- HTML5 sémantique et accessible\n- CSS3 moderne avec variables, media queries et animations\n- JavaScript ES6 clair et modulaire\n- [GSAP](https://greensock.com/gsap/) pour les animations fluides\n- [Snow.js](https://app.embed.im/snow.js) pour les flocons de neige\n- [Remix Icons](https://remixicon.com/) pour les icônes vectorielles\n\n## \u003cbr /\u003e \u003ca name=\"fonctionnalités\"\u003e🎯 Fonctionnalités\u003c/a\u003e\n\n- Chariot du Père Noël animé avec keyframes\n- Apparitions synchronisées d’éléments GSAP\n- Neige animée via Snow.js\n- Nuages défilants avec animation fluide\n- Titre central animé Joyeux Noël\n- Design responsive et adaptatif\n- Menu de navigation mobile animé\n- Ambiance visuelle immersive et festive\n\n## \u003cbr /\u003e \u003ca name=\"installation\"\u003e🚀 Installation\u003c/a\u003e\n\n### ✅ Prérequis\n\n- [Google Chrome](https://www.google.com/) — Navigateur moderne\n- [Visual Studio Code](https://code.visualstudio.com/) — Éditeur de code\n- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) — Extension VS Code\n\n### 📥 Cloner le projet\n\n```bash\ngit clone https://github.com/ValentinMadiot/background-animation-christmas_js\ncd background-animation-christmas_js\n```\n\n### ▶️ Lancer le projet\n\nOuvre simplement le fichier `index.html` dans ton navigateur, ou utilise l’extension **Live Server** pour une prévisualisation dynamique.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-christmas_js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-christmas_js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-christmas_js/lists"}