{"id":29211918,"url":"https://github.com/valentinmadiot/background-animation-temple_js","last_synced_at":"2025-10-24T06:44:38.403Z","repository":{"id":299836321,"uuid":"934907262","full_name":"ValentinMadiot/background-animation-temple_js","owner":"ValentinMadiot","description":"Page d’accueil immersive avec animations GSAP, effets sakura et design responsive. Idéal pour projets artistiques ou culturels souhaitant offrir une expérience visuelle poétique et apaisante.","archived":false,"fork":false,"pushed_at":"2025-06-29T17:03:51.000Z","size":1871,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-29T18:19:44.582Z","etag":null,"topics":["animated-landing-page","background-effects","cultural-theme","design","frontend-project","gsap","hero-section","html-css-js","immersive-experience","interactive-ui","javascript-vanilla","mobile-first","pure-css-layout","remix-icons","responsive-navbar","sakura","scroll-blur","single-page-site","static-website","webdesign"],"latest_commit_sha":null,"homepage":"https://background-animation-temple.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-02-18T15:43:24.000Z","updated_at":"2025-06-29T17:03:54.000Z","dependencies_parsed_at":"2025-06-18T15:48:20.275Z","dependency_job_id":null,"html_url":"https://github.com/ValentinMadiot/background-animation-temple_js","commit_stats":null,"previous_names":["valentinmadiot/background-animation-temple_js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ValentinMadiot/background-animation-temple_js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-temple_js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-temple_js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-temple_js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-temple_js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ValentinMadiot","download_url":"https://codeload.github.com/ValentinMadiot/background-animation-temple_js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-temple_js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263222458,"owners_count":23433028,"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":["animated-landing-page","background-effects","cultural-theme","design","frontend-project","gsap","hero-section","html-css-js","immersive-experience","interactive-ui","javascript-vanilla","mobile-first","pure-css-layout","remix-icons","responsive-navbar","sakura","scroll-blur","single-page-site","static-website","webdesign"],"created_at":"2025-07-02T22:06:02.195Z","updated_at":"2025-10-24T06:44:33.369Z","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-temple.netlify.app/\" target=\"_blank\"\u003e \n    \u003cimg src=\".docs/preview.png\" alt=\"Aperçu du projet Temple\" /\u003e \n  \u003c/a\u003e \n  \u003c/br\u003e\u003c/br\u003e \n  \u003ch3 align=\"center\"\u003e🏯 Animation de Fond \u0026nbsp;–\u0026nbsp; Temple\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\nPage d’accueil immersive sur le thème spirituel, animée avec **GSAP**, et **Sakura.js**. Elle mêle douceur visuelle et animations de pétales flottants pour une atmosphère paisible et contemplative.\n\nParfaite pour des projets culturels, artistiques ou méditatifs, cette landing page responsive allie esthétisme raffiné, design épuré et interactivité subtile.\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- [Sakura.js](https://github.com/jhammann/sakura) pour une pluie de pétales\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- Animation d’arrière-plan avec effets de pétales tombants\n- Animation séquentielle des éléments via GSAP\n- Menu responsive avec effet mobile toggle\n- Scroll avec effet flou sur le header\n- Design poétique, calme et contemplatif\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-temple_js\ncd background-animation-temple_js\n```\n\n### ▶️ Lancer le projet\n\nIl suffit d’ouvrir le fichier `index.html` dans un navigateur, ou d’utiliser l’extension **Live Server** pour un rendu dynamique.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-temple_js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-temple_js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-temple_js/lists"}