How to craft compelling stories out of audio video interviews
e-book, using [11ty auto navigation book template]](https://github.com/pietrop/11ty-auto-navigation-book-template)
git clone firstname.lastname@example.org:pietrop/how-to-craft-compelling-stories-out-of-audio-video-interviews.git
Use this template. Will prompt you to create a new repo based on this one. And you can then name it, clone it and follow rest of the instructions.
Originally forked from adamduncan/eleventy-auto-navigation
Directory structure-based navigation concept for eleventy-plugin-navigation. Based on a moonshoot
🚀in a discussion about automatic hierarchical navigation.
Eleventy Navigation plugin defines its tree structure based on
parentdata in a site's pages.
If we want the site tree to mimic the folder structure, we can automate the setting of these properties by leveraging Computed Data, and a little URL path wrangling. See
startsWithfilter for most of the action. (Also check the Eleventy
logfor details on the navigation structure.)
Under the hood here we're setting the
parentvalues to their URL paths, which are inherently unique (whereas setting by page title could become problematic). We also pass the
orderproperty from the page's frontmatter to
eleventyNavigation. This allows us to override the default sort order (based on date created in collections) should you want to manually re-order siblings (see Mammals child pages, for example).
Perhaps not a bullet-proof approach, but certainly gets us most the way there without breaking a sweat.
uses modified version of Simple Tree Menu for the collapsable sidebar navigation.
- npm >
- Node 14
Node version is set in node version manager
npm run build
It generates the
npm run build:deploy
npm run deploy if for some reason you don't need to build the site.
This publishes the site to github pages for this github repository.