{"id":29211923,"url":"https://github.com/valentinmadiot/background-animation-pirate_js","last_synced_at":"2025-07-02T22:06:07.469Z","repository":{"id":299976551,"uuid":"934905814","full_name":"ValentinMadiot/background-animation-pirate_js","owner":"ValentinMadiot","description":"Animation front-end immersive sur le thème des pirates avec effets visuels marins, menu responsive et design 100% adaptatif. Parfait pour une page d’accueil originale ou projet créatif.","archived":false,"fork":false,"pushed_at":"2025-06-26T20:55:36.000Z","size":223,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-26T22:07:43.841Z","etag":null,"topics":["animated-header","animated-interface","background-animation","creative-coding","css-animations","frontend-project","hero-section","html-css-js","interactive-ui","landing-page","mobile-first","nav-animation","navigation-bar","onepage-website","pirate-ship","pirate-theme","remix-icons","responsive-design","ui-design","wave-animation"],"latest_commit_sha":null,"homepage":"https://background-animation-pirate.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:40:53.000Z","updated_at":"2025-06-26T20:55:40.000Z","dependencies_parsed_at":"2025-06-19T08:49:23.285Z","dependency_job_id":null,"html_url":"https://github.com/ValentinMadiot/background-animation-pirate_js","commit_stats":null,"previous_names":["valentinmadiot/background-animation-pirate_js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ValentinMadiot/background-animation-pirate_js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-pirate_js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-pirate_js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-pirate_js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-pirate_js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ValentinMadiot","download_url":"https://codeload.github.com/ValentinMadiot/background-animation-pirate_js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-animation-pirate_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-header","animated-interface","background-animation","creative-coding","css-animations","frontend-project","hero-section","html-css-js","interactive-ui","landing-page","mobile-first","nav-animation","navigation-bar","onepage-website","pirate-ship","pirate-theme","remix-icons","responsive-design","ui-design","wave-animation"],"created_at":"2025-07-02T22:06:04.003Z","updated_at":"2025-07-02T22:06:07.456Z","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-pirate.netlify.app/\" target=\"_blank\"\u003e  \n    \u003cimg src=\".docs/preview.png\" alt=\"Aperçu du projet Pirate\" /\u003e  \n  \u003c/a\u003e  \n  \u003c/br\u003e\u003c/br\u003e  \n  \u003ch3 align=\"center\"\u003e🏴‍☠️ Animation de Fond \u0026nbsp;–\u0026nbsp; Pirate\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 immersive sur le thème de la piraterie, mêlant animation des vagues, nuages en mouvement et bateau flottant. L’ensemble crée une scène vivante et responsive, idéale pour jeux, événements ou récits maritimes.\n\nChaque élément visuel contribue à plonger l’utilisateur dans un univers graphique unique, inspiré des légendes et aventures en haute mer.\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- [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- Bateau animé en flottement continu via CSS\n- Animation fluide des vagues avec effet de profondeur\n- Nuages animés en boucle pour enrichir le décor\n- Navigation fluide avec menu responsive\n- Apparition d'une ombre sur l'en-tête lors du défilement\n- Bouton d'appel à l’action animé “Explorer maintenant”\n- Typographies personnalisées à l’esthétique marine\n- Design responsive adapté à toutes les résolutions d’écran\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-pirate_js\ncd background-animation-pirate_js\n```\n\n### ▶️ Lancer le projet\n\nOuvre simplement le fichier `index.html` dans ton navigateur, ou utilise **Live Server** pour le visualiser dynamiquement.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-pirate_js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-pirate_js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalentinmadiot%2Fbackground-animation-pirate_js/lists"}