📄 Add Detail Pages for Definitions (#75)

* fix: untrack definitions in dist

* feat(detail pages): update item link

* feat(detail pages): add layout

* feat(detail pages): render whole definition content

* feat(detail pages): remove definitons from homepage

* 🧹 def list component

* feat(layout): render site footer in all pages

* feat(detail pages): rename definition root class && move css into partials

* chore: abstract further css into own files

* feat(detail pages): update headling level of definition content

* feat(styles): set box sizing

* feat(styles): add margin bottom utility

* feat(styles): selection

* feat(components): sub page header own component

* feat(detail pages): add sections

* feat(style): mian headline

* feat(page layout): rename page content grid

* feat(page layout): add wide content class

* feat(detail pages): set document title

* feat(detail pages): set uniform document title for docs and definitions

* feat(page title): add comment

* feat(detail pages): add meta description

* feat(detail pages): wrap def header in article tag

* chore: set up ava

* feat(filters): move permalink function into file, add test

* chore: rename _temp to _util, remove creation script

* feat(detail pages): helper function to find additional definitions

* chore: move helpers to single directory

* feat(detail pages): create shortcode for further definition navigation

* feat(detail pages): fix find defs function

* feat(detail pages): shortcode for browse nav markup

* chore: fix collection mock data

* feat(detail pages): render browse nav

* feat(detail pages): style browse nav, style improvements

* feat(detail pages): test redirect

* feat(detail pages): client side redirect

* feat(homepage): set title

* 💅

* feat(detail pages): incorporate design changes

* feat(detail pages): hide browse headlines

* feat(detail pages): label lists

* feat(footer): add aria label

* feat(detail pages): redice heading level in md

* feat(detail pages): spacing in browse nav

* feat(detail pages): reduce line height

* feat(detail pages): set max width w/o breaking homepage

* feat(detail pages): replace in-definition definition links

* 🧹

* feat(detail pages): recover spacing utility

* 🧹

* chore(packages): update ava

* config: specify nvm version

* 💅

* 💅

11ty/shortcodes/renderDefinitionContentNextEntries.js

@@ -0,0 +1,42 @@
+const definitionPermalink = require('../helpers/definitionPermalink');
+const findDefinitionContentNextItems = require('../helpers/findDefinitionContentNextItems');
+
+const makeListItem = (item) =>
+  `<li><a href=${definitionPermalink(item.slug)}>${item.title}</a></li>`;
+
+module.exports = function definitionContentNextEntries(
+  title,
+  slug,
+  collection
+) {
+  if (!title) throw new Error('E_NO_TITLE');
+  if (!slug) throw new Error('E_NO_SLUG');
+  if (!collection) throw new Error('E_NO_COLLECTION');
+
+  const entry = { title, slug };
+
+  const { next, previous } = findDefinitionContentNextItems(entry, collection);
+
+  return `<section class="definition-navigation definition__further-definitions_nav">
+    <h2 class="visually-hidden">Browse</h2>
+    <div><h3 class="definition-navigation__sub-headline" id="context-nav-previous">Previous words</h3>
+      <nav class="definition-navigation__nav" aria-labelledby="context-nav-previous">
+        ${
+          previous.length
+            ? `<ul class="definition-navigation__list">${previous
+                .map((item) => makeListItem(item))
+                .join('')}</ul>`
+            : ''
+        }</nav>
+    </div>
+    <div><h3 class="definition-navigation__sub-headline" id="context-nav-next">Next words</h3>
+      <nav class="definition-navigation__nav" aria-labelledby="context-nav-next">${
+        next.length
+          ? `<ul class="definition-navigation__list">${next
+              .map((item) => makeListItem(item))
+              .join('')}</ul>`
+          : ''
+      }</nav>
+    </div>
+    </section>`;
+};