Looking for advice for a photo portfolio with a hierarchy of themes

Hi Zach,

I’m trying to use Eleventy to replace this website currently managed by Adobe Portfolio: http://photosynthese.net/

I want to show my photos in several galleries, which have a hierarchy.

For example (with only the slugs) :

- in-the-city
 - street-photography
 - architecture
 - urban-landscape
- travel
 - europe
  - france
  - italy
   - venice
   - rome
 - north-america
  - united-states-of-america
   - new-york-city
- portraits
 - studio
 - outdoor
 - urban
- …

For each theme, I want to be able to show:

• a title
• a description
• a list of sub-themes (with manual order)
• a list of photos attached directly to this theme, not to sub-themes, with chronological order

I’ve started creating folders for the themes in my new project based on eleventy-base-blog (and visible on Netlify), but I would like to be able to “attach” photos to multiple themes. For example, a photo can be both a “urban landscape” and be in “new york city”. So the folders option looks not so adequate.

I started thinking about a data file to list the hierarchy, but then I don’t know how to generate all pages, with the hierarchy “visible” in the clean URLs.

So I’m looking for advice, before I do anything that I could regret later… 😉

Thanks!

[nhoizey]

Looks like #955 could help here! 😍

[zachleat]

Huh, finally re-reading this and I think I see what you’re going for.

Check out this njk template:

---
pagination:
  data: fileOutputs
  size: 1
  alias: filePath
fileOutputs:
  - photos/travels/asia/hong-kong/symphony-of-lights-from-peak/
  - photos/in-the-city/urban-landscape/symphony-of-lights-from-peak/
  - photos/long-exposure/symphony-of-lights-from-peak/
permalink: '{{ filePath }}/index.html'
---
You can use the alias in your content too {{ filePath }}.

Output:

Writing _site/photos/travels/asia/hong-kong/symphony-of-lights-from-peak/index.html from ./test.njk.
Writing _site/photos/in-the-city/urban-landscape/symphony-of-lights-from-peak/index.html from ./test.njk.
Writing _site/photos/long-exposure/symphony-of-lights-from-peak/index.html from ./test.njk.
Processed 3 files in 0.27 seconds

Gonna close this—please reopen if you have more questions!