Hall of Mirrors
None required, unless you're hosting your site root from a path including a
/ such as
domain.example/blog/. If so, update the url data types in
default-skin.css to include the full path. Use the included
bin/urlize script to facilitate this change.
Copy the contents of this repository into a directory called
themes/hall-of-mirrorsunder the root of your After Dark site.
hall-of-mirrorsas a theme component to your After Dark site
config.toml, e.g.theme = ["hall-of-mirrors","after-dark"]
Add and specify settings for the module in your After Dark site config, e.g.[params.modules.hall_of_mirrors]enabled = true # Required in version 0.x.x
Create a Leaf Bundle for your images and content.
Configure the content to reference the images.
Build and deploy your After Dark site.
Display a gallery for all JPEG images in the page bundle:
[[resources]]src = "**.jpg" # Display any jpeg image in the leaf bundlename = "gallery" # Name must include the word 'gallery'
Display a gallery for images in a specific bundle subdirectory:
[[resources]]src = "images/gallery/**.jpg" # Restrict images to a foldername = "Image gallery" # Provide a more friendly gallery name
Add captions and enhance SEO by configuring individual resources:
[[resources]]src = "**/ray-hennessy-763310-unsplash.jpg"[resources.params]thumb_size = "750x" # Adjust size of thumbnail image[resources.params.meta]creator = "Ray Hennessy"description = "This is a long description. It is shown instead of the title and is intended to provide more information."[[resources]]src = "**sprat**" # Glob for image with 'sprat' in the filenametitle = "Diverse succulents around a rock"[resources.params]hide_credits = true # Display title but not creator[resources.params.meta]creator = "Annie Spratt" # Maps to schema structured data[[resources]]src = "**/blake-richard-verdoorn-20063-unsplash.jpg"title = "Bridge over a green waterfall"[resources.params]hide_credits = truethumb_size = "350x"[resources.params.meta]creator = "Blake Richard Verdoorn"keywords = ["nature", "waterfall", "bridge"][[resources]]src = "images/gallery/**.jpg"name = "Nature gallery"[resources.params.meta]genre = "digital" # Set genre meta for all gallery images
This should get you started. Expect some breaking changes as the development is finalized.
Please squash commits and use Convention Commit messages. Run
npm run commit after installing NPM dev dependencies for help creating conventional commit messages.k
Copyright (C) 2018, 2019 by Josh Habdas email@example.com
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted.
The text of the above license is included in the file COPYING in the source.