{"id":29211922,"url":"https://github.com/valentinmadiot/background-slider-travel_js","last_synced_at":"2026-02-17T13:32:02.576Z","repository":{"id":300456690,"uuid":"934908963","full_name":"ValentinMadiot/background-slider-travel_js","owner":"ValentinMadiot","description":"Slider immersif pour destinations exotiques avec Swiper.js, GSAP et popup vidéo intégrée. Design responsive idéal pour sites touristiques, agences de voyage ou projets créatifs modernes.","archived":false,"fork":false,"pushed_at":"2025-06-29T17:06:01.000Z","size":2275,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-20T08:15:23.271Z","etag":null,"topics":["background-slider","css-transitions","gallery-images","gsap-animation","html-css-js","image-slider","interactive-gallery","javascript-ui","js-carousel","landing-pages","lightweight-slider","popup-video","responsive-designs","swiperjs","travel-ui","travel-website-frontend","tropical-theme","ui-design","web-animations","webdesign"],"latest_commit_sha":null,"homepage":"https://background-slider-travel.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/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:46:24.000Z","updated_at":"2025-06-29T17:24:23.000Z","dependencies_parsed_at":"2025-06-21T20:38:06.670Z","dependency_job_id":null,"html_url":"https://github.com/ValentinMadiot/background-slider-travel_js","commit_stats":null,"previous_names":["valentinmadiot/background-slider-travel_js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ValentinMadiot/background-slider-travel_js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-slider-travel_js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-slider-travel_js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-slider-travel_js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-slider-travel_js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ValentinMadiot","download_url":"https://codeload.github.com/ValentinMadiot/background-slider-travel_js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValentinMadiot%2Fbackground-slider-travel_js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29545581,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-17T13:00:00.370Z","status":"ssl_error","status_checked_at":"2026-02-17T12:57:14.072Z","response_time":100,"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":["background-slider","css-transitions","gallery-images","gsap-animation","html-css-js","image-slider","interactive-gallery","javascript-ui","js-carousel","landing-pages","lightweight-slider","popup-video","responsive-designs","swiperjs","travel-ui","travel-website-frontend","tropical-theme","ui-design","web-animations","webdesign"],"created_at":"2025-07-02T22:06:03.228Z","updated_at":"2026-02-17T13:32:02.530Z","avatar_url":"https://github.com/ValentinMadiot.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e  \n  \u003ca href=\"https://background-slider-travel.netlify.app/\" target=\"_blank\"\u003e  \n    \u003cimg src=\".docs/preview.png\" alt=\"Aperçu du slider Travel\"\u003e  \n  \u003c/a\u003e  \n  \u003c/br\u003e\u003c/br\u003e  \n  \u003ch3 align=\"center\"\u003e🌴 Slider de Fond \u0026nbsp;–\u0026nbsp; Voyage\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\nSlider immersif de destinations exotiques, conçu en **HTML**, **CSS** et **JavaScript**, avec **Swiper.js**, animations **GSAP** et système de vidéo popup. Chaque slide présente une île paradisiaque avec visuel plein écran, texte descriptif et transition fluide.\n\nParfait pour les agences de voyage, sites touristiques ou pages promotionnelles, ce slider responsive offre une expérience visuelle engageante et dépaysante.\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- [Swiper.js](https://swiperjs.com/) pour slider principal et vignettes\n- [GSAP](https://greensock.com/gsap/) pour animations d’entrée\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- Slider avec effet fade entre les destinations\n- Navigation par vignettes synchronisée\n- Animation texte fluide via GSAP\n- Popup vidéo pour chaque slide\n- Design responsive 100% mobile\n- Menu responsive avec toggle\n- Slider contrôlable au clic\n- Structure modulaire et scalable\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-slider-travel_js\ncd background-slider-travel_js\n```\n\n### ▶️ Lancer le projet\n\nOuvre le fichier `index.html` dans ton navigateur, ou utilise **Live Server** pour un affichage fluide local.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalentinmadiot%2Fbackground-slider-travel_js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvalentinmadiot%2Fbackground-slider-travel_js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalentinmadiot%2Fbackground-slider-travel_js/lists"}