{"id":13612159,"url":"https://github.com/clnhlzmn/jekyll-pig","last_synced_at":"2025-04-13T11:31:43.106Z","repository":{"id":56878702,"uuid":"201458853","full_name":"clnhlzmn/jekyll-pig","owner":"clnhlzmn","description":"A jekyll plugin to build a progressive image gallery using pig.js","archived":false,"fork":false,"pushed_at":"2024-10-04T18:01:10.000Z","size":32,"stargazers_count":12,"open_issues_count":2,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-02T03:09:38.236Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/clnhlzmn.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","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":"2019-08-09T11:58:10.000Z","updated_at":"2024-10-09T09:07:20.000Z","dependencies_parsed_at":"2024-11-07T20:32:59.077Z","dependency_job_id":null,"html_url":"https://github.com/clnhlzmn/jekyll-pig","commit_stats":{"total_commits":30,"total_committers":3,"mean_commits":10.0,"dds":0.4666666666666667,"last_synced_commit":"2f394a9cde061fb4324c75cb83122c64b47622fc"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clnhlzmn%2Fjekyll-pig","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clnhlzmn%2Fjekyll-pig/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clnhlzmn%2Fjekyll-pig/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clnhlzmn%2Fjekyll-pig/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/clnhlzmn","download_url":"https://codeload.github.com/clnhlzmn/jekyll-pig/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248705681,"owners_count":21148575,"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":[],"created_at":"2024-08-01T20:00:23.615Z","updated_at":"2025-04-13T11:31:42.821Z","avatar_url":"https://github.com/clnhlzmn.png","language":"Ruby","funding_links":[],"categories":["Bundled Icons / Images"],"sub_categories":[],"readme":"# jekyll-pig\n\nThis is a plugin that makes it easy to include progressive image galleries in your Jekyll site. Jekyll-pig is made possible with [minimagick](https://github.com/minimagick/minimagick) and [pig.js](https://github.com/schlosser/pig.js).\n\n# How to use\n\n## 1. install [ImageMagick](https://imagemagick.org)\n\n## 2. add `- jekyll-pig` to the plugins list in your site's `_config.yml`\n\n## 3. install jekyll-pig\n\nEither add `gem jekyll-pig` to your site's `Gemfile` and run `bundle install` or run `gem install jekyll-pig`\n\n## 4. add a section called `galleries` to your site's `_config.yml`\n\nIt should look like this:\n```\ngalleries:\n    -\n        path: \u003cpath relative to site root\u003e\n        name: \u003cgallery-name\u003e\n    -\n        \u003canother gallery\u003e\n```\nThese lines tell jekyll-pig where to find your images and how to organize the generated output. `\u003cgallery-name\u003e` shouldn't have any spaces.\n\n## 5. add images to your gallery folders\n\n## 6. add gallery folder paths to exclude list in `_config.yml` and to your `.gitignore`\n\n## use `{% include \u003cgallery-name\u003e.html %}` in your pages and posts to include a the gallery identified by `gallery-name`\n\n## 7. run `jekyll build`\n\n# What happens\n\n## jekyll-pig generates a bunch of content\n```\n\u003csite root\u003e\n├── _data\n│   ├── \u003cgallery-name\u003e.json             #data for a specific gallery (one for each gallery)\n│   └── ...\n├── _includes\n│   ├── \u003cgallery-name\u003e.html             #gallery include file (one for each gallery)\n│   └── ...\n├── assets\n│   ├── html\n│   │   ├── \u003cgallery-name\u003e\n│   │   │   └── \u003cfilename\u003e.html         #an html page using layout: page for each image\n│   │   └── ...\n│   ├── img\n│   │   ├── \u003cgallery-name\u003e\n│   │   │   ├── 20\n│   │   │   │   ├── \u003cfilename\u003e.\u003cext\u003e    #each image resized into various size thumbnails\n│   │   │   │   └── ...\n│   │   │   ├── 100\n│   │   │   │   └── ...\n│   │   │   ├── 250\n│   │   │   │   └── ...\n│   │   │   ├── 500\n│   │   │   │   └── ...\n│   │   │   └── 1024\n│   │   │       └── ...\n│   │   └── ...\n│   ├── js\n│   │   ├── pig.min.js                  #js required for the gallery\n│   │   └── ...\n│   └── ...\n└── ...\n```\n\n# What you will see\n\nWherever you `{% include \u003cgallery-name\u003e.html %}` you will see a progressive image gallery.\n\nCheck out [mine](https://colinholzman.xyz/gallery).\n\n# Notes\n\nEach image in a gallery is linked to generated page for that image. The default jekyll theme lists all pages at the top of every page. To keep all your image pages from cluttering your page listing the generate pages include `exclude: true` front matter. You can modify your `header.html` include file like this:\n\n```\n{%- if my_page.title and my_page.exclude != true -%}\n\u003ca class=\"page-link\" href=\"{{ my_page.url | relative_url }}\"\u003e{{ my_page.title | escape }}\u003c/a\u003e\n{%- endif -%}\n```\n\nThe above just prevents the page link from appearing if `my_page.exclude` is `true`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclnhlzmn%2Fjekyll-pig","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclnhlzmn%2Fjekyll-pig","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclnhlzmn%2Fjekyll-pig/lists"}