{"id":23581125,"url":"https://github.com/madskjeldgaard/hugo-flickity-carousel","last_synced_at":"2026-07-27T06:31:09.880Z","repository":{"id":269858815,"uuid":"908670135","full_name":"madskjeldgaard/hugo-flickity-carousel","owner":"madskjeldgaard","description":"Image carousel for Hugo websites based on flickity.","archived":false,"fork":false,"pushed_at":"2024-12-26T17:03:11.000Z","size":2455,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-10T22:04:15.558Z","etag":null,"topics":["flickity","hugo","hugo-theme"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/madskjeldgaard.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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},"funding":{"custom":["https://ko-fi.com/madskjeldgaard"]}},"created_at":"2024-12-26T16:45:51.000Z","updated_at":"2024-12-26T17:03:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"28c22e46-7407-4486-a417-1eeb7e2887f6","html_url":"https://github.com/madskjeldgaard/hugo-flickity-carousel","commit_stats":null,"previous_names":["madskjeldgaard/hugo-flickity-carousel"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/madskjeldgaard/hugo-flickity-carousel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madskjeldgaard%2Fhugo-flickity-carousel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madskjeldgaard%2Fhugo-flickity-carousel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madskjeldgaard%2Fhugo-flickity-carousel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madskjeldgaard%2Fhugo-flickity-carousel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/madskjeldgaard","download_url":"https://codeload.github.com/madskjeldgaard/hugo-flickity-carousel/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madskjeldgaard%2Fhugo-flickity-carousel/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35941123,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"online","status_checked_at":"2026-07-27T02:00:06.776Z","response_time":101,"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":["flickity","hugo","hugo-theme"],"created_at":"2024-12-27T00:14:25.307Z","updated_at":"2026-07-27T06:31:09.861Z","avatar_url":"https://github.com/madskjeldgaard.png","language":"HTML","funding_links":["https://ko-fi.com/madskjeldgaard"],"categories":[],"sub_categories":[],"readme":"# Hugo Flickity Carousel\n\n![carousel.gif](carousel.gif) \n\nThis [theme component](https://gohugo.io/hugo-modules/theme-components/#readout) for [Hugo Static Sites](https://gohugo.io/) allows you to embed image carousels based on [flickity](https://flickity.metafizzy.co/). \n\n## Features\n\n## Installation\n\nPut this folder in your themes folder in your hugo website. You can use git submodules to do this:\n\n```bash\ngit submodule add git@github.com:madskjeldgaard/hugo-flickity-carousel.git themes/hugo-flickity-carousel\n```\n\nThen add it your list of themes:\n\n```toml\ntheme  = [ \"exformal-hugo-theme\", \"hugo-flickity-carousel\"]\n```  \n\n## Usage\n\n### Shortcode\n\nYou can insert an image carousel using the following shortcode. This expects the images to be in the `static` folder of your website.\n\nThe syntax is really ugly because it's json where each double quote has to be escaped.\n\n```\n{{\u003c image-carousel images=\"[{ \\\"src\\\": \\\"/DSCF8028.jpg\\\", \\\"alt\\\": \\\"Image 1\\\" }, { \\\"src\\\": \\\"/DSCF8032.jpg\\\", \\\"alt\\\": \\\"Image 2\\\\\" }, { \\\"src\\\": \\\"/DSCF8033.jpg\\\", \\\"alt\\\": \\\"Image 2\\\\\" }]\" \u003e}}\n```\n\n### Partial\n\nIf you want to use the image carousel partial directly in your templates, you can do so by adding the following:\n\n```hugo\n{{ partial \"image-carousel.html\" (dict \"images\" \"[{ \\\"src\\\": \\\"/DSCF8028.jpg\\\", \\\"alt\\\": \\\"Image 1\\\" }, { \\\"src\\\": \\\"/DSCF8032.jpg\\\", \\\"alt\\\": \\\"Image 2\\\\\" }, { \\\"src\\\": \\\"/DSCF8033.jpg\\\", \\\"alt\\\": \\\"Image 2\\\\\" }]\") }}\n```\n\nThe `images` parameter should be a path to a JSON file containing an array of image objects with `src` and `alt` properties.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadskjeldgaard%2Fhugo-flickity-carousel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmadskjeldgaard%2Fhugo-flickity-carousel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadskjeldgaard%2Fhugo-flickity-carousel/lists"}