{"id":25173054,"url":"https://github.com/aperbet56/carrousel_images","last_synced_at":"2026-04-13T07:01:26.796Z","repository":{"id":206459421,"uuid":"716687683","full_name":"aperbet56/carrousel_images","owner":"aperbet56","description":"Carrousel en HTML5, CSS3 et JavaScript","archived":false,"fork":false,"pushed_at":"2025-09-20T19:15:53.000Z","size":224,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-20T21:16:54.426Z","etag":null,"topics":["addeventlistener","animations-css","css3","flexbox","html5","javascript","normalize-css","position-absolute","reset-css"],"latest_commit_sha":null,"homepage":"https://aperbet56.github.io/carrousel_images/","language":"HTML","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/aperbet56.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":"2023-11-09T16:55:15.000Z","updated_at":"2025-09-20T19:18:07.000Z","dependencies_parsed_at":"2023-11-12T16:08:51.891Z","dependency_job_id":"91392754-6aa8-42e0-b3c9-1cf841099c5c","html_url":"https://github.com/aperbet56/carrousel_images","commit_stats":null,"previous_names":["aperbet56/carrousel_images"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aperbet56/carrousel_images","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aperbet56%2Fcarrousel_images","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aperbet56%2Fcarrousel_images/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aperbet56%2Fcarrousel_images/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aperbet56%2Fcarrousel_images/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aperbet56","download_url":"https://codeload.github.com/aperbet56/carrousel_images/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aperbet56%2Fcarrousel_images/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31742941,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T06:26:45.479Z","status":"ssl_error","status_checked_at":"2026-04-13T06:26:44.645Z","response_time":93,"last_error":"SSL_read: 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":["addeventlistener","animations-css","css3","flexbox","html5","javascript","normalize-css","position-absolute","reset-css"],"created_at":"2025-02-09T10:19:20.382Z","updated_at":"2026-04-13T07:01:26.790Z","avatar_url":"https://github.com/aperbet56.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"## CARROUSEL D'IMAGES\n\n![Design preview for the project](./img/preview.png)\n\n## Le challenge\n\nMon objectif a été de construire un simple carrousel d'images.\nL'utilisateur va pouvoir naviguer parmi les photos en utilisant le bouton 'Suivant\" (flèches sur la droite) afin d'afficher l'image suivante et le bouton \"Précédent\" (flèches sur la gauche) afin de revenir à l'image précédente.\nUn indicateur (compteur) indique le nombre total d'image du carrousel mais également l'image sur laquelle se trouve l'internaute.\n\n## Démonstration\n\nLien vers le projet : https://aperbet56.github.io/carrousel_images/\n\n## Projet développé avec\n\n- Utilisation des balises sémantiques\n- CSS\n- Flexbox\n- Animations CSS\n- Page web responsive\n- Utilisation d'un normaliseur : normalize.css\n- JavaScript\n- Code JavaScript commenté\n- Desktop first\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faperbet56%2Fcarrousel_images","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faperbet56%2Fcarrousel_images","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faperbet56%2Fcarrousel_images/lists"}