From 1945f5ece4805cc093c0ac0323938aeaaf1587c2 Mon Sep 17 00:00:00 2001 From: JP Bruins Slot Date: Tue, 17 Jan 2023 18:30:25 +0100 Subject: [PATCH 01/15] Start with hugo support --- docs/.gitignore | 3 + docs/Dockerfile | 17 + docs/README.md | 6 + docs/archetypes/default.md | 2 + .../fonts/manon-icons-0.2.eot | Bin .../fonts/manon-icons-0.2.svg | 0 .../fonts/manon-icons-0.2.ttf | Bin .../fonts/manon-icons-0.2.woff | Bin .../fonts/neuton/Neuton-Bold.ttf | Bin .../fonts/neuton/Neuton-Italic.ttf | Bin docs/{static => assets}/fonts/neuton/OFL.txt | 0 .../fonts/open-sans/OFL.txt | 0 .../fonts/open-sans/OpenSans-Bold.ttf | Bin .../fonts/open-sans/OpenSans-BoldItalic.ttf | Bin .../fonts/open-sans/OpenSans-Italic.ttf | Bin .../fonts/open-sans/OpenSans-Regular.ttf | Bin .../fonts/open-sans/OpenSans-SemiBold.ttf | Bin .../open-sans/OpenSans-SemiBoldItalic.ttf | Bin docs/{static => assets}/img/cat-white.svg | 0 docs/{static => assets}/img/cat.svg | 0 .../img/chevron-filled-down.svg | 0 .../img/chevron-filled-up.svg | 0 docs/{static => assets}/img/favicon.ico | Bin .../img/layout-content-block.svg | 0 docs/{static => assets}/img/layout-direct.svg | 0 docs/{static => assets}/img/logo-white.svg | 0 docs/{static => assets}/img/logo.svg | 0 docs/{static => assets}/img/sortable.svg | 0 docs/{static => assets}/img/strand.jpg | Bin docs/{ => assets}/js/manon.js | 0 docs/{ => assets}/scss/docs.scss | 0 .../scss/documentation-example-footer.scss | 0 docs/{ => assets}/scss/fonts.scss | 0 docs/{ => assets}/scss/main.scss | 0 docs/{ => assets}/scss/manon.scss | 0 .../scss/themes/soft/application-base.scss | 0 .../scss/themes/soft/headings-base-set.scss | 0 .../scss/themes/soft/spot-large.scss | 0 .../scss/themes/soft/variables.scss | 0 docs/config.toml | 24 + docs/content/_index.md | 28 ++ docs/content/components/_index.md | 0 docs/content/documentation.md | 0 docs/layouts/404.html | 0 docs/layouts/_default/baseof.html | 33 ++ docs/layouts/_default/list.html | 0 docs/layouts/_default/single.html | 0 docs/layouts/components/list.html | 0 docs/layouts/components/single.html | 0 docs/layouts/index.html | 3 + docs/layouts/partials/header.html | 0 docs/static/js/manon.js | 443 ------------------ 52 files changed, 116 insertions(+), 443 deletions(-) create mode 100644 docs/.gitignore create mode 100644 docs/Dockerfile create mode 100644 docs/README.md create mode 100644 docs/archetypes/default.md rename docs/{static => assets}/fonts/manon-icons-0.2.eot (100%) rename docs/{static => assets}/fonts/manon-icons-0.2.svg (100%) rename docs/{static => assets}/fonts/manon-icons-0.2.ttf (100%) rename docs/{static => assets}/fonts/manon-icons-0.2.woff (100%) rename docs/{static => assets}/fonts/neuton/Neuton-Bold.ttf (100%) rename docs/{static => assets}/fonts/neuton/Neuton-Italic.ttf (100%) rename docs/{static => assets}/fonts/neuton/OFL.txt (100%) rename docs/{static => assets}/fonts/open-sans/OFL.txt (100%) rename docs/{static => assets}/fonts/open-sans/OpenSans-Bold.ttf (100%) rename docs/{static => assets}/fonts/open-sans/OpenSans-BoldItalic.ttf (100%) rename docs/{static => assets}/fonts/open-sans/OpenSans-Italic.ttf (100%) rename docs/{static => assets}/fonts/open-sans/OpenSans-Regular.ttf (100%) rename docs/{static => assets}/fonts/open-sans/OpenSans-SemiBold.ttf (100%) rename docs/{static => assets}/fonts/open-sans/OpenSans-SemiBoldItalic.ttf (100%) rename docs/{static => assets}/img/cat-white.svg (100%) rename docs/{static => assets}/img/cat.svg (100%) rename docs/{static => assets}/img/chevron-filled-down.svg (100%) rename docs/{static => assets}/img/chevron-filled-up.svg (100%) rename docs/{static => assets}/img/favicon.ico (100%) rename docs/{static => assets}/img/layout-content-block.svg (100%) rename docs/{static => assets}/img/layout-direct.svg (100%) rename docs/{static => assets}/img/logo-white.svg (100%) rename docs/{static => assets}/img/logo.svg (100%) rename docs/{static => assets}/img/sortable.svg (100%) rename docs/{static => assets}/img/strand.jpg (100%) rename docs/{ => assets}/js/manon.js (100%) rename docs/{ => assets}/scss/docs.scss (100%) rename docs/{ => assets}/scss/documentation-example-footer.scss (100%) rename docs/{ => assets}/scss/fonts.scss (100%) rename docs/{ => assets}/scss/main.scss (100%) rename docs/{ => assets}/scss/manon.scss (100%) rename docs/{ => assets}/scss/themes/soft/application-base.scss (100%) rename docs/{ => assets}/scss/themes/soft/headings-base-set.scss (100%) rename docs/{ => assets}/scss/themes/soft/spot-large.scss (100%) rename docs/{ => assets}/scss/themes/soft/variables.scss (100%) create mode 100644 docs/config.toml create mode 100644 docs/content/_index.md create mode 100644 docs/content/components/_index.md create mode 100644 docs/content/documentation.md create mode 100644 docs/layouts/404.html create mode 100644 docs/layouts/_default/baseof.html create mode 100644 docs/layouts/_default/list.html create mode 100644 docs/layouts/_default/single.html create mode 100644 docs/layouts/components/list.html create mode 100644 docs/layouts/components/single.html create mode 100644 docs/layouts/index.html create mode 100644 docs/layouts/partials/header.html delete mode 100644 docs/static/js/manon.js diff --git a/docs/.gitignore b/docs/.gitignore new file mode 100644 index 00000000..1c3fa739 --- /dev/null +++ b/docs/.gitignore @@ -0,0 +1,3 @@ +public/ +resources/ +.hugo_build.lock diff --git a/docs/Dockerfile b/docs/Dockerfile new file mode 100644 index 00000000..b794fb2f --- /dev/null +++ b/docs/Dockerfile @@ -0,0 +1,17 @@ +FROM golang:1.19-alpine AS build + +RUN go install github.com/gohugoio/hugo@v0.110.0 + +# --- + +FROM alpine:3.16 + +COPY --from=build /go/bin/hugo /usr/bin/hugo + +VOLUME /site +WORKDIR /site + +EXPOSE 1313 + +ENTRYPOINT ["hugo"] +CMD [] diff --git a/docs/README.md b/docs/README.md new file mode 100644 index 00000000..cccfac27 --- /dev/null +++ b/docs/README.md @@ -0,0 +1,6 @@ +# Manon Docs + +``` +$ docker build -t manon-docs . +$ docker run -it --rm -p 1313:1313 -v $(pwd):/site manon-docs server --bind=0.0.0.0 --baseURL=localhost:1313 + ``` diff --git a/docs/archetypes/default.md b/docs/archetypes/default.md new file mode 100644 index 00000000..ac36e062 --- /dev/null +++ b/docs/archetypes/default.md @@ -0,0 +1,2 @@ ++++ ++++ diff --git a/docs/static/fonts/manon-icons-0.2.eot b/docs/assets/fonts/manon-icons-0.2.eot similarity index 100% rename from docs/static/fonts/manon-icons-0.2.eot rename to docs/assets/fonts/manon-icons-0.2.eot diff --git a/docs/static/fonts/manon-icons-0.2.svg b/docs/assets/fonts/manon-icons-0.2.svg similarity index 100% rename from docs/static/fonts/manon-icons-0.2.svg rename to docs/assets/fonts/manon-icons-0.2.svg diff --git a/docs/static/fonts/manon-icons-0.2.ttf b/docs/assets/fonts/manon-icons-0.2.ttf similarity index 100% rename from docs/static/fonts/manon-icons-0.2.ttf rename to docs/assets/fonts/manon-icons-0.2.ttf diff --git a/docs/static/fonts/manon-icons-0.2.woff b/docs/assets/fonts/manon-icons-0.2.woff similarity index 100% rename from docs/static/fonts/manon-icons-0.2.woff rename to docs/assets/fonts/manon-icons-0.2.woff diff --git a/docs/static/fonts/neuton/Neuton-Bold.ttf b/docs/assets/fonts/neuton/Neuton-Bold.ttf similarity index 100% rename from docs/static/fonts/neuton/Neuton-Bold.ttf rename to docs/assets/fonts/neuton/Neuton-Bold.ttf diff --git a/docs/static/fonts/neuton/Neuton-Italic.ttf b/docs/assets/fonts/neuton/Neuton-Italic.ttf similarity index 100% rename from docs/static/fonts/neuton/Neuton-Italic.ttf rename to docs/assets/fonts/neuton/Neuton-Italic.ttf diff --git a/docs/static/fonts/neuton/OFL.txt b/docs/assets/fonts/neuton/OFL.txt similarity index 100% rename from docs/static/fonts/neuton/OFL.txt rename to docs/assets/fonts/neuton/OFL.txt diff --git a/docs/static/fonts/open-sans/OFL.txt b/docs/assets/fonts/open-sans/OFL.txt similarity index 100% rename from docs/static/fonts/open-sans/OFL.txt rename to docs/assets/fonts/open-sans/OFL.txt diff --git a/docs/static/fonts/open-sans/OpenSans-Bold.ttf b/docs/assets/fonts/open-sans/OpenSans-Bold.ttf similarity index 100% rename from docs/static/fonts/open-sans/OpenSans-Bold.ttf rename to docs/assets/fonts/open-sans/OpenSans-Bold.ttf diff --git a/docs/static/fonts/open-sans/OpenSans-BoldItalic.ttf b/docs/assets/fonts/open-sans/OpenSans-BoldItalic.ttf similarity index 100% rename from docs/static/fonts/open-sans/OpenSans-BoldItalic.ttf rename to docs/assets/fonts/open-sans/OpenSans-BoldItalic.ttf diff --git a/docs/static/fonts/open-sans/OpenSans-Italic.ttf b/docs/assets/fonts/open-sans/OpenSans-Italic.ttf similarity index 100% rename from docs/static/fonts/open-sans/OpenSans-Italic.ttf rename to docs/assets/fonts/open-sans/OpenSans-Italic.ttf diff --git a/docs/static/fonts/open-sans/OpenSans-Regular.ttf b/docs/assets/fonts/open-sans/OpenSans-Regular.ttf similarity index 100% rename from docs/static/fonts/open-sans/OpenSans-Regular.ttf rename to docs/assets/fonts/open-sans/OpenSans-Regular.ttf diff --git a/docs/static/fonts/open-sans/OpenSans-SemiBold.ttf b/docs/assets/fonts/open-sans/OpenSans-SemiBold.ttf similarity index 100% rename from docs/static/fonts/open-sans/OpenSans-SemiBold.ttf rename to docs/assets/fonts/open-sans/OpenSans-SemiBold.ttf diff --git a/docs/static/fonts/open-sans/OpenSans-SemiBoldItalic.ttf b/docs/assets/fonts/open-sans/OpenSans-SemiBoldItalic.ttf similarity index 100% rename from docs/static/fonts/open-sans/OpenSans-SemiBoldItalic.ttf rename to docs/assets/fonts/open-sans/OpenSans-SemiBoldItalic.ttf diff --git a/docs/static/img/cat-white.svg b/docs/assets/img/cat-white.svg similarity index 100% rename from docs/static/img/cat-white.svg rename to docs/assets/img/cat-white.svg diff --git a/docs/static/img/cat.svg b/docs/assets/img/cat.svg similarity index 100% rename from docs/static/img/cat.svg rename to docs/assets/img/cat.svg diff --git a/docs/static/img/chevron-filled-down.svg b/docs/assets/img/chevron-filled-down.svg similarity index 100% rename from docs/static/img/chevron-filled-down.svg rename to docs/assets/img/chevron-filled-down.svg diff --git a/docs/static/img/chevron-filled-up.svg b/docs/assets/img/chevron-filled-up.svg similarity index 100% rename from docs/static/img/chevron-filled-up.svg rename to docs/assets/img/chevron-filled-up.svg diff --git a/docs/static/img/favicon.ico b/docs/assets/img/favicon.ico similarity index 100% rename from docs/static/img/favicon.ico rename to docs/assets/img/favicon.ico diff --git a/docs/static/img/layout-content-block.svg b/docs/assets/img/layout-content-block.svg similarity index 100% rename from docs/static/img/layout-content-block.svg rename to docs/assets/img/layout-content-block.svg diff --git a/docs/static/img/layout-direct.svg b/docs/assets/img/layout-direct.svg similarity index 100% rename from docs/static/img/layout-direct.svg rename to docs/assets/img/layout-direct.svg diff --git a/docs/static/img/logo-white.svg b/docs/assets/img/logo-white.svg similarity index 100% rename from docs/static/img/logo-white.svg rename to docs/assets/img/logo-white.svg diff --git a/docs/static/img/logo.svg b/docs/assets/img/logo.svg similarity index 100% rename from docs/static/img/logo.svg rename to docs/assets/img/logo.svg diff --git a/docs/static/img/sortable.svg b/docs/assets/img/sortable.svg similarity index 100% rename from docs/static/img/sortable.svg rename to docs/assets/img/sortable.svg diff --git a/docs/static/img/strand.jpg b/docs/assets/img/strand.jpg similarity index 100% rename from docs/static/img/strand.jpg rename to docs/assets/img/strand.jpg diff --git a/docs/js/manon.js b/docs/assets/js/manon.js similarity index 100% rename from docs/js/manon.js rename to docs/assets/js/manon.js diff --git a/docs/scss/docs.scss b/docs/assets/scss/docs.scss similarity index 100% rename from docs/scss/docs.scss rename to docs/assets/scss/docs.scss diff --git a/docs/scss/documentation-example-footer.scss b/docs/assets/scss/documentation-example-footer.scss similarity index 100% rename from docs/scss/documentation-example-footer.scss rename to docs/assets/scss/documentation-example-footer.scss diff --git a/docs/scss/fonts.scss b/docs/assets/scss/fonts.scss similarity index 100% rename from docs/scss/fonts.scss rename to docs/assets/scss/fonts.scss diff --git a/docs/scss/main.scss b/docs/assets/scss/main.scss similarity index 100% rename from docs/scss/main.scss rename to docs/assets/scss/main.scss diff --git a/docs/scss/manon.scss b/docs/assets/scss/manon.scss similarity index 100% rename from docs/scss/manon.scss rename to docs/assets/scss/manon.scss diff --git a/docs/scss/themes/soft/application-base.scss b/docs/assets/scss/themes/soft/application-base.scss similarity index 100% rename from docs/scss/themes/soft/application-base.scss rename to docs/assets/scss/themes/soft/application-base.scss diff --git a/docs/scss/themes/soft/headings-base-set.scss b/docs/assets/scss/themes/soft/headings-base-set.scss similarity index 100% rename from docs/scss/themes/soft/headings-base-set.scss rename to docs/assets/scss/themes/soft/headings-base-set.scss diff --git a/docs/scss/themes/soft/spot-large.scss b/docs/assets/scss/themes/soft/spot-large.scss similarity index 100% rename from docs/scss/themes/soft/spot-large.scss rename to docs/assets/scss/themes/soft/spot-large.scss diff --git a/docs/scss/themes/soft/variables.scss b/docs/assets/scss/themes/soft/variables.scss similarity index 100% rename from docs/scss/themes/soft/variables.scss rename to docs/assets/scss/themes/soft/variables.scss diff --git a/docs/config.toml b/docs/config.toml new file mode 100644 index 00000000..4740c249 --- /dev/null +++ b/docs/config.toml @@ -0,0 +1,24 @@ +baseURL = "https://minvws.github.io/nl-rdo-manon/" +title = "Manon" + +[menu] + +[[menu.main]] +name = "Components" +url = "components" +weight = 10 + +[[menu.main]] +name = "Documentation" +url = "documentation" +weight = 20 + +[languages] + +[languages.nl] +languageName = "Nederlands" +weight = 1 + +[languages.en] +languageName = "English" +weight = 2 diff --git a/docs/content/_index.md b/docs/content/_index.md new file mode 100644 index 00000000..c291bf57 --- /dev/null +++ b/docs/content/_index.md @@ -0,0 +1,28 @@ +# Manon + +## Een bibliotheek vol componenten + +Manon biedt een bibliotheek met componenten aan, deze componenten bevatten +voorbeeld-HTML en worden geleverd met hun eigen CSS en JavaScript indien nodig. +[Alle componenten bekijken](/components) + +## Snel met veel vrijheid stylen + +Alle componenten zijn instelbaar. Ieder component heeft een bijbehorend +variabelen die gebruikt kunnen worden om eigen stijlkeuzes in te stellen. +Componenten staan zo ingesteld dat ze zoveel mogelijk overerven van +hogergelegen elementen om het instellen van een nieuwe huisstijl zo efficient +mogelijk te maken maar waarbij er ruimte is voor creatieve vrijheid en +specifieke uitzonderingen waar gewenst. + +## Gebruik alleen wat je nodig hebt + +Kies enkel de CSS toe die nodig is binnen jouw project. Dit kan een enkel +component zijn of de hele set. Gebruik de bijbehorden HTML en JavaScript voor +het gewenste resultaat. + +## Handige helpers + +Voor veel voorkomende uitzonderingen voor unieke elementen bevat Manon +"helper-classes". Deze classes kunnen gebruikt worden om een visuele +uitzondering snel en efficient toe te passen binnen het project waar nodig. diff --git a/docs/content/components/_index.md b/docs/content/components/_index.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/documentation.md b/docs/content/documentation.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/layouts/404.html b/docs/layouts/404.html new file mode 100644 index 00000000..e69de29b diff --git a/docs/layouts/_default/baseof.html b/docs/layouts/_default/baseof.html new file mode 100644 index 00000000..6c06c847 --- /dev/null +++ b/docs/layouts/_default/baseof.html @@ -0,0 +1,33 @@ + + + + + + + + + + + + + {{ .Title }} - {{ .Site.Params.Home }} + + + +
+ {{ block "header" . }}{{ end }} +
+
+
+
+ {{ block "main" . }}{{ end }} +
+
+
+ + + + + diff --git a/docs/layouts/_default/list.html b/docs/layouts/_default/list.html new file mode 100644 index 00000000..e69de29b diff --git a/docs/layouts/_default/single.html b/docs/layouts/_default/single.html new file mode 100644 index 00000000..e69de29b diff --git a/docs/layouts/components/list.html b/docs/layouts/components/list.html new file mode 100644 index 00000000..e69de29b diff --git a/docs/layouts/components/single.html b/docs/layouts/components/single.html new file mode 100644 index 00000000..e69de29b diff --git a/docs/layouts/index.html b/docs/layouts/index.html new file mode 100644 index 00000000..bf703c8b --- /dev/null +++ b/docs/layouts/index.html @@ -0,0 +1,3 @@ +{{ define "main" }} + {{ .Content }} +{{ end }} diff --git a/docs/layouts/partials/header.html b/docs/layouts/partials/header.html new file mode 100644 index 00000000..e69de29b diff --git a/docs/static/js/manon.js b/docs/static/js/manon.js deleted file mode 100644 index 082bdfc7..00000000 --- a/docs/static/js/manon.js +++ /dev/null @@ -1,443 +0,0 @@ -(() => { - // ../manon/utils.js - function onDomReady(fn) { - if (document.readyState !== "loading") - return fn(); - document.addEventListener("DOMContentLoaded", fn); - } - function ensureElementHasId(element) { - if (!element.id) { - element.id = element.tagName + "-" + (~~(Math.random() * 1e9) + 1e9).toString(16); - } - } - function onMediaQueryMatch(media, handler) { - var mql = window.matchMedia(media); - if (mql.addEventListener) { - mql.addEventListener("change", handler); - } else { - mql.addListener(handler); - } - handler(mql); - return function remove() { - if (mql.addEventListener) { - mql.removeEventListener("change", handler); - } else { - mql.removeListener(handler); - } - }; - } - function prependNode(parent, child) { - var children = parent.childNodes; - if (children.length) - parent.insertBefore(child, children[0]); - else - parent.appendChild(child); - } - function onDomUpdate(handler, root) { - if ("MutationObserver" in window) { - var observer = new MutationObserver(handler); - observer.observe(root || document, { childList: true, subtree: true }); - return observer.disconnect.bind(observer); - } - } - function closest(element, selectors) { - if (Element.prototype.closest) { - return element.closest(selectors); - } - var matches = Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; - do { - if (matches.call(element, selectors)) { - return element; - } - element = element.parentElement || element.parentNode; - } while (element !== null && element.nodeType === 1); - return null; - } - - // ../manon/accordion.js - var initiatedAccordions = /* @__PURE__ */ new WeakMap(); - onDomReady(initAccordions); - onDomUpdate(initAccordions); - function initAccordions() { - var accordions = document.querySelectorAll(".accordion"); - for (var i = 0; i < accordions.length; i++) { - var accordion = accordions[i]; - if (initiatedAccordions.has(accordion)) { - continue; - } - if (!(accordion instanceof HTMLElement)) { - continue; - } - initAccordion(accordion); - initiatedAccordions.set(accordion, true); - } - document.body.classList.add("js-accordion-loaded"); - } - function initAccordion(accordion) { - var hasAriaExpandedMarkup = false; - var buttons = getButtons(accordion); - for (var i = 0; i < buttons.length; i++) { - var button = buttons[i]; - if (!button.getAttribute("aria-controls")) { - var sibling = button.nextElementSibling; - if (!(sibling instanceof HTMLElement) || sibling.tagName !== "DIV") { - console.error("No sibling
found for accordion button:", button); - continue; - } - ensureElementHasId(sibling); - button.setAttribute("aria-controls", sibling.id); - } - if (button.getAttribute("aria-expanded")) { - hasAriaExpandedMarkup = true; - } else { - button.setAttribute("aria-expanded", "false"); - } - button.addEventListener("click", function(event) { - var target = event.target; - if (!(target instanceof HTMLElement)) { - return; - } - var expanded = target.getAttribute("aria-expanded") === "true"; - target.setAttribute("aria-expanded", expanded ? "false" : "true"); - }); - } - if (!hasAriaExpandedMarkup) { - buttons[0].setAttribute("aria-expanded", "true"); - } - } - function getButtons(accordion) { - var buttons = []; - for (var i = 0; i < accordion.children.length; i++) { - var container = accordion.children[i]; - for (var j = 0; j < container.children.length; j++) { - var child = container.children[j]; - if (child.tagName === "BUTTON") { - buttons.push(child); - } - } - } - return buttons; - } - - // ../manon/expando-rows.js - var managedTables = /* @__PURE__ */ new WeakMap(); - onDomReady(initExpandoRows); - onDomUpdate(initExpandoRows); - function initExpandoRows() { - var tables = document.querySelectorAll("table"); - for (var i = 0; i < tables.length; i++) { - var table = tables[i]; - if (!(table instanceof HTMLElement)) { - continue; - } - if (!(table instanceof HTMLElement) || !table.querySelector(".expando-button") || managedTables.has(table)) { - continue; - } - initTable(table); - managedTables.set(table, true); - } - document.body.classList.add("js-expando-rows-loaded"); - } - function initTable(table) { - initExpandoButtons(table); - updateZebra(table); - onDomUpdate(function() { - initExpandoButtons(table); - updateZebra(table); - }, table); - } - function initExpandoButtons(table) { - var buttons = table.querySelectorAll(".expando-button"); - for (var i = 0; i < buttons.length; i++) { - var button = buttons[i]; - if (!(button instanceof HTMLElement) || button.hasAttribute("aria-controls") || button.hasAttribute("disabled")) { - continue; - } - initExpandoButton(button); - } - } - function initExpandoButton(button) { - var iconOpenClasses = button.dataset.iconOpenClass.split(/\s+/); - var iconCloseClasses = button.dataset.iconCloseClass.split(/\s+/); - var buttonRow = closest(button, "tr"); - var row = buttonRow.nextElementSibling; - if (!(row instanceof HTMLElement) || !(row.tagName === "TR") || !row.classList.contains("expando-row")) { - console.warn("Could not find .expando-row corresponding to .expando-button:", button); - button.setAttribute("disabled", ""); - button.classList.add("action-button"); - button.classList.add.apply(button.classList, expanded ? iconCloseClasses : iconOpenClasses); - return; - } - var expanded = button.getAttribute("aria-expanded") === "true"; - var closeLabel, openLabel; - if (expanded) { - closeLabel = button.innerText.trim(); - openLabel = (button.dataset.openLabel || "Open details").trim(); - button.setAttribute("aria-expanded", "true"); - } else { - closeLabel = (button.dataset.closeLabel || "Sluit details").trim(); - openLabel = button.innerText.trim(); - button.setAttribute("aria-expanded", "false"); - row.setAttribute("hidden", ""); - } - ensureElementHasId(row); - button.setAttribute("aria-controls", row.id); - button.classList.add("action-button"); - button.classList.add.apply(button.classList, expanded ? iconCloseClasses : iconOpenClasses); - button.addEventListener("click", function() { - var expand = button.getAttribute("aria-expanded") === "false"; - if (expand) { - button.innerText = closeLabel; - button.setAttribute("aria-expanded", "true"); - button.classList.remove.apply(button.classList, iconOpenClasses); - button.classList.add.apply(button.classList, iconCloseClasses); - row.removeAttribute("hidden"); - } else { - button.innerText = openLabel; - button.setAttribute("aria-expanded", "false"); - button.classList.remove.apply(button.classList, iconCloseClasses); - button.classList.add.apply(button.classList, iconOpenClasses); - row.setAttribute("hidden", ""); - } - }); - } - function updateZebra(table) { - var rows = table.querySelector("tbody").querySelectorAll("tr:not(.expando-row)"); - for (var i = 0; i < rows.length; i++) { - var row = rows[i]; - if (i % 2) { - row.classList.add("even"); - row.classList.remove("odd"); - } else { - row.classList.add("odd"); - row.classList.remove("even"); - } - } - } - - // ../manon/filters.js - var initiatedFilterToggles = /* @__PURE__ */ new WeakMap(); - onDomReady(initFilterToggles); - onDomUpdate(initFilterToggles); - function initFilterToggles() { - var filterToggles = document.querySelectorAll(".filter > div > button"); - for (var i = 0; i < filterToggles.length; i++) { - var filterToggle = filterToggles[i]; - if (initiatedFilterToggles.has(filterToggle) || !(filterToggle instanceof HTMLElement)) { - continue; - } - initFilterToggle(filterToggle); - initiatedFilterToggles.set(filterToggle, true); - } - document.body.classList.add("js-filters-loaded"); - } - function initFilterToggle(filterToggle) { - var filter = filterToggle.parentNode.parentNode; - if (!(filter instanceof HTMLElement)) { - return; - } - var form = filter.querySelector("form"); - if (!(form instanceof HTMLElement)) { - console.error("Could not find
corresponding to filter toggle:", filterToggle); - return; - } - var expanded = filterToggle.getAttribute("aria-expanded") !== "false"; - var hideLabel, showLabel; - if (expanded) { - hideLabel = filterToggle.innerText; - showLabel = filterToggle.dataset.showFiltersLabel || "Toon filters"; - } else { - hideLabel = filterToggle.dataset.hideFiltersLabel || "Verberg filters"; - showLabel = filterToggle.innerText; - } - ensureElementHasId(filter); - filterToggle.setAttribute("aria-controls", filter.id); - if (expanded) { - filterToggle.setAttribute("aria-expanded", "true"); - } else { - form.setAttribute("hidden", ""); - } - filterToggle.addEventListener("click", function() { - var expand = filterToggle.getAttribute("aria-expanded") == "false"; - filterToggle.setAttribute("aria-expanded", expand ? "true" : "false"); - filterToggle.innerHTML = expand ? hideLabel : showLabel; - if (expand) { - form.removeAttribute("hidden"); - } else { - form.setAttribute("hidden", ""); - } - }); - } - - // ../manon/form-help.js - onDomReady(initFormHelp); - onDomUpdate(initFormHelp); - function initFormHelp() { - findCollapsibleExplanations().forEach(collapseExplanation); - } - function findCollapsibleExplanations() { - var result = []; - var explanations = document.querySelectorAll("form.help div input + .explanation,form.help div textarea + .explanation,form.help div select + .explanation,form.help div div + .explanation,form.help div label + .explanation,form.help fieldset input + .explanation,form.help fieldset textarea + .explanation,form.help fieldset select + .explanation,form.help fieldset div + .explanation,form.help fieldset label + .explanation"); - for (var i = 0; i < explanations.length; i++) { - var explanation = explanations[i]; - if (!(explanation instanceof HTMLElement)) { - continue; - } - var previousSibling = explanation.previousElementSibling; - if (!(previousSibling instanceof HTMLElement)) { - continue; - } - if (previousSibling.tagName === "DIV" && !previousSibling.querySelector("input, textarea, select")) { - continue; - } - var nextSibling = explanation.nextElementSibling; - if (!(nextSibling instanceof HTMLElement) || nextSibling.tagName !== "BUTTON" || !nextSibling.classList.contains("help-button")) { - result.push(explanation); - } - } - return result; - } - function collapseExplanation(explanation) { - explanation.classList.add("collapsed"); - explanation.tabIndex = -1; - ensureElementHasId(explanation); - var button = document.createElement("button"); - var openLabel = explanation.dataset.openLabel || "Open uitleg"; - var closeLabel = explanation.dataset.closeLabel || "Sluit uitleg"; - var iconOpenClasses = (explanation.dataset.iconOpenClass || "icon icon-questionmark").split(/\s+/); - var iconCloseClasses = (explanation.dataset.iconCloseClass || "icon icon-close").split(/\s+/); - button.classList.add("help-button"); - button.classList.add.apply(button.classList, iconOpenClasses); - button.type = "button"; - button.setAttribute("aria-expanded", "false"); - button.setAttribute("aria-controls", explanation.id); - button.innerText = openLabel; - button.addEventListener("click", function toggleExpanded() { - var expand = button.getAttribute("aria-expanded") === "false"; - button.setAttribute("aria-expanded", expand ? "true" : "false"); - button.classList.remove.apply(button.classList, expand ? iconOpenClasses : iconCloseClasses); - button.classList.add.apply(button.classList, expand ? iconCloseClasses : iconOpenClasses); - button.innerText = expand ? closeLabel : openLabel; - if (expand) { - explanation.classList.remove("collapsed"); - explanation.focus(); - } else { - explanation.classList.add("collapsed"); - } - }); - if (explanation.nextSibling) { - explanation.parentNode.insertBefore(button, explanation.nextSibling); - } else { - explanation.parentNode.append(button); - } - } - - // ../manon/navigation.js - onDomReady(initNaviation); - function initNaviation() { - var headers = document.querySelectorAll("header:not(.breadcrumbs)"); - for (var i = 0; i < headers.length; i++) { - var nav = headers[i].querySelector("nav"); - if (!(nav instanceof HTMLElement) || nav.querySelector(".menu_toggle")) { - continue; - } - var isCondensed = headers[i].className.indexOf("condensed") !== -1; - makeResponsive(nav, isCondensed); - } - } - function makeResponsive(nav, isCondensed) { - var menu = nav.querySelector("ul, ol"); - if (!(menu instanceof HTMLElement)) { - return; - } - ensureElementHasId(menu); - var button = createMenuButton(menu, nav.dataset.openLabel || "Menu", nav.dataset.closeLabel || "Sluit menu"); - menu.parentNode.insertBefore(button.element, menu); - if (!isCondensed) { - onMediaQueryMatch(nav.dataset.media || "(min-width: 42rem)", function(event) { - button.setExpanded(false); - if (event.matches) { - nav.classList.remove("collapsible-menu"); - } else { - nav.classList.add("collapsible-menu"); - } - }); - } - } - function createMenuButton(ul, openLabel, closeLabel) { - var button = document.createElement("button"); - button.className = "menu_toggle"; - button.setAttribute("hidden", "false"); - button.setAttribute("aria-controls", ul.id); - button.setAttribute("aria-expanded", "false"); - var label = document.createElement("span"); - label.innerText = openLabel; - label.className = "sr-only"; - ensureElementHasId(label); - button.appendChild(label); - button.setAttribute("aria-labelledby", label.id); - function setExpanded(expanded) { - if (expanded !== (button.getAttribute("aria-expanded") === "true")) { - button.setAttribute("aria-expanded", String(expanded)); - label.innerText = expanded ? closeLabel : openLabel; - } - } - button.addEventListener("click", function() { - setExpanded(button.getAttribute("aria-expanded") === "false"); - }); - return { - element: button, - setExpanded - }; - } - - // ../manon/sidemenu.js - onDomReady(initSidemenus); - function initSidemenus() { - var sidemenus = document.querySelectorAll(".sidemenu > nav"); - for (var i = 0; i < sidemenus.length; i++) { - var sidemenu = sidemenus[i]; - if (!(sidemenu instanceof HTMLElement)) { - continue; - } - if (!sidemenu.querySelector("button.sidemenu-toggle")) { - addToggleButton(sidemenu); - } - } - } - function addToggleButton(sidemenu) { - var main = closest(sidemenu, ".sidemenu"); - var ul = sidemenu.querySelector("ul"); - if (!main || !ul) { - return; - } - ensureElementHasId(ul); - var openLabel = sidemenu.dataset.openLabel || "Zijbalknavigatie"; - var closeLabel = sidemenu.dataset.closeLabel || "Sluit zijbalknavigatie"; - var iconOpenClasses = (sidemenu.dataset.iconOpenClass || "icon icon-hamburger").split(/\s+/); - var iconCloseClasses = (sidemenu.dataset.iconCloseClass || "icon icon-close").split(/\s+/); - var toggleButtonType = sidemenu.dataset.toggleButtonType || "ghost"; - var button = document.createElement("button"); - button.classList.add(toggleButtonType, "sidemenu-toggle"); - button.setAttribute("aria-controls", ul.id); - function isClosed() { - return main.classList.contains("sidemenu-closed"); - } - function setClosed(closed) { - button.innerText = closed ? closeLabel : openLabel; - button.classList.remove.apply(button.classList, closed ? iconCloseClasses : iconOpenClasses); - button.classList.add.apply(button.classList, closed ? iconOpenClasses : iconCloseClasses); - button.setAttribute("aria-expanded", String(!closed)); - if (closed) { - main.classList.add("sidemenu-closed"); - } else { - main.classList.remove("sidemenu-closed"); - } - } - setClosed(isClosed()); - button.addEventListener("click", function() { - setClosed(!isClosed()); - }); - prependNode(sidemenu, button); - } -})(); From 5fad32fa67231ed056d550cbdf319a386be97659 Mon Sep 17 00:00:00 2001 From: JP Bruins Slot Date: Mon, 23 Jan 2023 09:56:58 +0100 Subject: [PATCH 02/15] Add section element to shortcodes --- docs/content/_index.md | 8 +++++++- docs/{ => documentation}/index.html | 0 docs/layouts/shortcodes/alert.html | 8 ++++++++ docs/layouts/shortcodes/blocks/section.html | 7 +++++++ docs/layouts/shortcodes/year.html | 1 + 5 files changed, 23 insertions(+), 1 deletion(-) rename docs/{ => documentation}/index.html (100%) create mode 100644 docs/layouts/shortcodes/alert.html create mode 100644 docs/layouts/shortcodes/blocks/section.html create mode 100644 docs/layouts/shortcodes/year.html diff --git a/docs/content/_index.md b/docs/content/_index.md index c291bf57..256a24c7 100644 --- a/docs/content/_index.md +++ b/docs/content/_index.md @@ -1,5 +1,10 @@ # Manon +{{% alert title="Let op:" %}} +Aan deze instructies wordt nog gewerkt. +{{% /alert %}} + +{{< blocks/section >}} ## Een bibliotheek vol componenten Manon biedt een bibliotheek met componenten aan, deze componenten bevatten @@ -18,7 +23,7 @@ specifieke uitzonderingen waar gewenst. ## Gebruik alleen wat je nodig hebt Kies enkel de CSS toe die nodig is binnen jouw project. Dit kan een enkel -component zijn of de hele set. Gebruik de bijbehorden HTML en JavaScript voor +component zijn of de hele set. Gebruik de bijbehorende HTML en JavaScript voor het gewenste resultaat. ## Handige helpers @@ -26,3 +31,4 @@ het gewenste resultaat. Voor veel voorkomende uitzonderingen voor unieke elementen bevat Manon "helper-classes". Deze classes kunnen gebruikt worden om een visuele uitzondering snel en efficient toe te passen binnen het project waar nodig. +{{< /blocks/section >}} diff --git a/docs/index.html b/docs/documentation/index.html similarity index 100% rename from docs/index.html rename to docs/documentation/index.html diff --git a/docs/layouts/shortcodes/alert.html b/docs/layouts/shortcodes/alert.html new file mode 100644 index 00000000..ee53455d --- /dev/null +++ b/docs/layouts/shortcodes/alert.html @@ -0,0 +1,8 @@ +

+ {{ with .Get "title" }}{{ . | safeHTML }}{{ end }} + {{ if eq .Page.File.Ext "md" }} + {{ .Inner | markdownify }} + {{ else }} + {{ .Inner | htmlUnescape | safeHTML }} + {{ end }} +

diff --git a/docs/layouts/shortcodes/blocks/section.html b/docs/layouts/shortcodes/blocks/section.html new file mode 100644 index 00000000..5de6d6af --- /dev/null +++ b/docs/layouts/shortcodes/blocks/section.html @@ -0,0 +1,7 @@ +
+{{ if eq .Page.File.Ext "md" }} + {{ .Inner | markdownify }} +{{ else }} + {{ .Inner | htmlUnescape | safeHTML }} +{{ end }} +
diff --git a/docs/layouts/shortcodes/year.html b/docs/layouts/shortcodes/year.html new file mode 100644 index 00000000..6b40db59 --- /dev/null +++ b/docs/layouts/shortcodes/year.html @@ -0,0 +1 @@ +{{ now.Format "2006" }} From 94027c613074889893dff74bdc501a68f44b6e44 Mon Sep 17 00:00:00 2001 From: JP Bruins Slot Date: Mon, 23 Jan 2023 18:12:16 +0100 Subject: [PATCH 03/15] Setup layouts * header * head * navbar * scripts * section index --- docs/config.toml | 14 +++--- docs/layouts/_default/baseof.html | 47 ++++++++----------- docs/layouts/components/single.html | 0 docs/layouts/docs/list.html | 4 ++ docs/layouts/docs/single.html | 3 ++ .../list.html => partials/footer.html} | 0 docs/layouts/partials/head.html | 9 ++++ docs/layouts/partials/header.html | 0 docs/layouts/partials/navbar.html | 31 ++++++++++++ docs/layouts/partials/scripts.html | 1 + docs/layouts/partials/section-index.html | 23 +++++++++ 11 files changed, 97 insertions(+), 35 deletions(-) delete mode 100644 docs/layouts/components/single.html create mode 100644 docs/layouts/docs/list.html create mode 100644 docs/layouts/docs/single.html rename docs/layouts/{components/list.html => partials/footer.html} (100%) create mode 100644 docs/layouts/partials/head.html delete mode 100644 docs/layouts/partials/header.html create mode 100644 docs/layouts/partials/navbar.html create mode 100644 docs/layouts/partials/scripts.html create mode 100644 docs/layouts/partials/section-index.html diff --git a/docs/config.toml b/docs/config.toml index 4740c249..94783c29 100644 --- a/docs/config.toml +++ b/docs/config.toml @@ -4,15 +4,10 @@ title = "Manon" [menu] [[menu.main]] -name = "Components" -url = "components" +name = "Docs" +url = "docs" weight = 10 -[[menu.main]] -name = "Documentation" -url = "documentation" -weight = 20 - [languages] [languages.nl] @@ -22,3 +17,8 @@ weight = 1 [languages.en] languageName = "English" weight = 2 + +[markup.goldmark] + +[markup.goldmark.parser] +autoHeadingID = false diff --git a/docs/layouts/_default/baseof.html b/docs/layouts/_default/baseof.html index 6c06c847..30cb3194 100644 --- a/docs/layouts/_default/baseof.html +++ b/docs/layouts/_default/baseof.html @@ -1,33 +1,24 @@ - - + + - - - + + {{ partial "head.html" . }} + - - + +
+ {{ partial "navbar.html" . }} +
+
+
+
+ {{ block "main" . }}{{ end }} +
+
+
+ {{ partial "footer.html" . }} + - +{{ partial "scripts.html" }} - {{ .Title }} - {{ .Site.Params.Home }} - - - -
- {{ block "header" . }}{{ end }} -
-
-
-
- {{ block "main" . }}{{ end }} -
-
-
-
- {{ block "footer" . }}{{ end }} -
- - - diff --git a/docs/layouts/components/single.html b/docs/layouts/components/single.html deleted file mode 100644 index e69de29b..00000000 diff --git a/docs/layouts/docs/list.html b/docs/layouts/docs/list.html new file mode 100644 index 00000000..9d69d276 --- /dev/null +++ b/docs/layouts/docs/list.html @@ -0,0 +1,4 @@ +{{ define "main" }} +{{ .Content }} +{{ partial "section-index.html" . }} +{{ end }} diff --git a/docs/layouts/docs/single.html b/docs/layouts/docs/single.html new file mode 100644 index 00000000..9983b081 --- /dev/null +++ b/docs/layouts/docs/single.html @@ -0,0 +1,3 @@ +{{ define "main" }} +{{ .Content }} +{{ end }} diff --git a/docs/layouts/components/list.html b/docs/layouts/partials/footer.html similarity index 100% rename from docs/layouts/components/list.html rename to docs/layouts/partials/footer.html diff --git a/docs/layouts/partials/head.html b/docs/layouts/partials/head.html new file mode 100644 index 00000000..7ccb1ae1 --- /dev/null +++ b/docs/layouts/partials/head.html @@ -0,0 +1,9 @@ + + + + + + + + +{{ .Title }} - {{ .Site.Params.Home }} diff --git a/docs/layouts/partials/header.html b/docs/layouts/partials/header.html deleted file mode 100644 index e69de29b..00000000 diff --git a/docs/layouts/partials/navbar.html b/docs/layouts/partials/navbar.html new file mode 100644 index 00000000..f7d175c0 --- /dev/null +++ b/docs/layouts/partials/navbar.html @@ -0,0 +1,31 @@ + + + + + diff --git a/docs/layouts/partials/scripts.html b/docs/layouts/partials/scripts.html new file mode 100644 index 00000000..61183576 --- /dev/null +++ b/docs/layouts/partials/scripts.html @@ -0,0 +1 @@ + diff --git a/docs/layouts/partials/section-index.html b/docs/layouts/partials/section-index.html new file mode 100644 index 00000000..964afde3 --- /dev/null +++ b/docs/layouts/partials/section-index.html @@ -0,0 +1,23 @@ +
+ {{ $parent := .Page }} + + {{/* Make sure we get all the unique pages */}} + {{ $pages := (where .Site.Pages "Section" .Section).ByWeight }} + {{ $pages = (where $pages ".Parent" "!=" nil) }} + {{ $pages = (where $pages "Parent.File.UniqueID" "==" $parent.File.UniqueID) }} + + + {{/* debugging */}} + {{ print $parent }} + {{ print $pages }} + + {{/* TODO: make configurable? */}} +
+ {{ range $pages }} + + {{ .Title }} + {{ .Description }} + + {{ end }} +
+
From e004cdf66fe8c2991533ac9adff0cae8e61c3495 Mon Sep 17 00:00:00 2001 From: JP Bruins Slot Date: Mon, 23 Jan 2023 18:13:19 +0100 Subject: [PATCH 04/15] Restructure doc structure --- .../CSS Library/Accessibility}/_index.md | 0 .../docs/CSS Library/Components/_index.md | 0 .../docs/CSS Library/Components/accordion.md | 0 .../docs/CSS Library/Components/filters.md | 0 .../docs/CSS Library/Components/navbar.md | 0 .../docs/CSS Library/Components/pagination.md | 0 .../docs/CSS Library/Components/sidebar.md | 0 .../docs/CSS Library/Customize/_index.md | 0 .../docs/CSS Library/Customize/colours.md | 0 .../docs/CSS Library/Customize/typography.md | 0 .../docs/CSS Library/Elements/_index.md | 0 .../docs/CSS Library/Elements/buttons.md | 0 .../content/docs/CSS Library/Elements/icon.md | 0 .../docs/CSS Library/Elements/image.md | 0 .../CSS Library/Elements/notifications.md | 0 .../docs/CSS Library/Elements/paragraph.md | 0 .../docs/CSS Library/Elements/table.md | 0 docs/content/docs/CSS Library/Elements/tag.md | 0 .../docs/CSS Library/Elements/title.md | 0 .../docs/CSS Library/Helpers/_index.md | 0 .../content/docs/CSS Library/Layout/_index.md | 0 .../content/docs/CSS Library/Layout/footer.md | 0 .../content/docs/CSS Library/Layout/header.md | 0 docs/content/docs/CSS Library/Layout/main.md | 0 docs/content/docs/CSS Library/_index.md | 15 + docs/content/docs/Getting Started/_index.md | 9 + docs/content/docs/Overview/_index.md | 0 docs/content/docs/_index.md | 7 + docs/documentation/components.html | 354 +++++++++--------- 29 files changed, 212 insertions(+), 173 deletions(-) rename docs/content/{components => docs/CSS Library/Accessibility}/_index.md (100%) create mode 100644 docs/content/docs/CSS Library/Components/_index.md create mode 100644 docs/content/docs/CSS Library/Components/accordion.md create mode 100644 docs/content/docs/CSS Library/Components/filters.md create mode 100644 docs/content/docs/CSS Library/Components/navbar.md create mode 100644 docs/content/docs/CSS Library/Components/pagination.md create mode 100644 docs/content/docs/CSS Library/Components/sidebar.md create mode 100644 docs/content/docs/CSS Library/Customize/_index.md create mode 100644 docs/content/docs/CSS Library/Customize/colours.md create mode 100644 docs/content/docs/CSS Library/Customize/typography.md create mode 100644 docs/content/docs/CSS Library/Elements/_index.md create mode 100644 docs/content/docs/CSS Library/Elements/buttons.md create mode 100644 docs/content/docs/CSS Library/Elements/icon.md create mode 100644 docs/content/docs/CSS Library/Elements/image.md create mode 100644 docs/content/docs/CSS Library/Elements/notifications.md create mode 100644 docs/content/docs/CSS Library/Elements/paragraph.md create mode 100644 docs/content/docs/CSS Library/Elements/table.md create mode 100644 docs/content/docs/CSS Library/Elements/tag.md create mode 100644 docs/content/docs/CSS Library/Elements/title.md create mode 100644 docs/content/docs/CSS Library/Helpers/_index.md create mode 100644 docs/content/docs/CSS Library/Layout/_index.md create mode 100644 docs/content/docs/CSS Library/Layout/footer.md create mode 100644 docs/content/docs/CSS Library/Layout/header.md create mode 100644 docs/content/docs/CSS Library/Layout/main.md create mode 100644 docs/content/docs/CSS Library/_index.md create mode 100644 docs/content/docs/Getting Started/_index.md create mode 100644 docs/content/docs/Overview/_index.md create mode 100644 docs/content/docs/_index.md diff --git a/docs/content/components/_index.md b/docs/content/docs/CSS Library/Accessibility/_index.md similarity index 100% rename from docs/content/components/_index.md rename to docs/content/docs/CSS Library/Accessibility/_index.md diff --git a/docs/content/docs/CSS Library/Components/_index.md b/docs/content/docs/CSS Library/Components/_index.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Components/accordion.md b/docs/content/docs/CSS Library/Components/accordion.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Components/filters.md b/docs/content/docs/CSS Library/Components/filters.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Components/navbar.md b/docs/content/docs/CSS Library/Components/navbar.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Components/pagination.md b/docs/content/docs/CSS Library/Components/pagination.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Components/sidebar.md b/docs/content/docs/CSS Library/Components/sidebar.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Customize/_index.md b/docs/content/docs/CSS Library/Customize/_index.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Customize/colours.md b/docs/content/docs/CSS Library/Customize/colours.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Customize/typography.md b/docs/content/docs/CSS Library/Customize/typography.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/_index.md b/docs/content/docs/CSS Library/Elements/_index.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/buttons.md b/docs/content/docs/CSS Library/Elements/buttons.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/icon.md b/docs/content/docs/CSS Library/Elements/icon.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/image.md b/docs/content/docs/CSS Library/Elements/image.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/notifications.md b/docs/content/docs/CSS Library/Elements/notifications.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/paragraph.md b/docs/content/docs/CSS Library/Elements/paragraph.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/table.md b/docs/content/docs/CSS Library/Elements/table.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/tag.md b/docs/content/docs/CSS Library/Elements/tag.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Elements/title.md b/docs/content/docs/CSS Library/Elements/title.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Helpers/_index.md b/docs/content/docs/CSS Library/Helpers/_index.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Layout/_index.md b/docs/content/docs/CSS Library/Layout/_index.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Layout/footer.md b/docs/content/docs/CSS Library/Layout/footer.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Layout/header.md b/docs/content/docs/CSS Library/Layout/header.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/Layout/main.md b/docs/content/docs/CSS Library/Layout/main.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/_index.md b/docs/content/docs/CSS Library/_index.md new file mode 100644 index 00000000..3ce75e5b --- /dev/null +++ b/docs/content/docs/CSS Library/_index.md @@ -0,0 +1,15 @@ +--- +title: "Components" +linkTitle: "Components" +weight: 2 +description: > + Lorem ipsum dolor sit amet +--- + +{{< blocks/section >}} +# Componenten + +Gebruik de gewenste componenten. Voeg de bijbehorende CSS bestanden en +html toe aan het project. Veel componenten zijn instelbaar qua vormgeving +zodat ze aan kunnen sluiten bij de huisstijl. +{{< /blocks/section >}} diff --git a/docs/content/docs/Getting Started/_index.md b/docs/content/docs/Getting Started/_index.md new file mode 100644 index 00000000..0c4391bd --- /dev/null +++ b/docs/content/docs/Getting Started/_index.md @@ -0,0 +1,9 @@ +--- +title: "Getting started" +linkTitle: "Getting started" +weight: 2 +description: > + Lorem ipsum dolor sit amet +--- + +# Getting Started diff --git a/docs/content/docs/Overview/_index.md b/docs/content/docs/Overview/_index.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/_index.md b/docs/content/docs/_index.md new file mode 100644 index 00000000..290798de --- /dev/null +++ b/docs/content/docs/_index.md @@ -0,0 +1,7 @@ +--- +title: "Documentation" +linkTitle: "Documentation" +weight: 20 +--- + +# Documentation diff --git a/docs/documentation/components.html b/docs/documentation/components.html index cfb4863d..f59dbbad 100644 --- a/docs/documentation/components.html +++ b/docs/documentation/components.html @@ -1,200 +1,208 @@ - + + Componenten - - + + +
- - - - - -
+ -
-
-
-
-

Componenten

-

- Gebruik de gewenste componenten. Voeg de bijbehorende CSS bestanden en html toe aan - het project. Veel componenten zijn instelbaar qua vormgeving zodat ze aan kunnen - sluiten bij de huisstijl. -

-
- -
-

Beschikbare componenten

-
-
+ -
+ + - +
+
+
+
+

Componenten

+

+ Gebruik de gewenste componenten. Voeg de bijbehorende CSS bestanden en html toe aan + het project. Veel componenten zijn instelbaar qua vormgeving zodat ze aan kunnen + sluiten bij de huisstijl. +

+
- +
+

Beschikbare componenten

+
+ - + - + - + - + - + - + - + + + + + + + +
+
- -
- + - + + From 8b4faa1a1193311eb5b7ad909709daafcd76fbf0 Mon Sep 17 00:00:00 2001 From: JP Bruins Slot Date: Mon, 23 Jan 2023 18:31:34 +0100 Subject: [PATCH 05/15] Update structure --- .../content/docs/{CSS Library => Library}/Accessibility/_index.md | 0 docs/content/docs/{CSS Library => Library}/Components/_index.md | 0 .../content/docs/{CSS Library => Library}/Components/accordion.md | 0 docs/content/docs/{CSS Library => Library}/Components/filters.md | 0 .../Components/navbar.md => Library/Components/forms.md} | 0 .../Components/pagination.md => Library/Components/navbar.md} | 0 .../Components/sidebar.md => Library/Components/notification.md} | 0 .../Customize/_index.md => Library/Components/pagination.md} | 0 .../Customize/colours.md => Library/Components/sidebar.md} | 0 .../Customize/typography.md => Library/Components/tables.md} | 0 .../docs/{CSS Library/Elements => Library/Customize}/_index.md | 0 .../Elements/buttons.md => Library/Customize/colours.md} | 0 .../Elements/icon.md => Library/Customize/typography.md} | 0 .../docs/{CSS Library/Helpers => Library/Elements}/_index.md | 0 .../Elements/image.md => Library/Elements/buttons.md} | 0 .../Elements/notifications.md => Library/Elements/icon.md} | 0 .../Elements/paragraph.md => Library/Elements/image.md} | 0 .../Elements/table.md => Library/Elements/paragraph.md} | 0 docs/content/docs/{CSS Library => Library}/Elements/tag.md | 0 docs/content/docs/{CSS Library => Library}/Elements/title.md | 0 .../docs/{CSS Library/Layout => Library/Helpers}/_index.md | 0 .../{CSS Library/Layout/footer.md => Library/Layout/_index.md} | 0 .../{CSS Library/Layout/header.md => Library/Layout/footer.md} | 0 .../docs/{CSS Library/Layout/main.md => Library/Layout/header.md} | 0 docs/content/docs/Library/Layout/main.md | 0 docs/content/docs/{CSS Library => Library}/_index.md | 0 26 files changed, 0 insertions(+), 0 deletions(-) rename docs/content/docs/{CSS Library => Library}/Accessibility/_index.md (100%) rename docs/content/docs/{CSS Library => Library}/Components/_index.md (100%) rename docs/content/docs/{CSS Library => Library}/Components/accordion.md (100%) rename docs/content/docs/{CSS Library => Library}/Components/filters.md (100%) rename docs/content/docs/{CSS Library/Components/navbar.md => Library/Components/forms.md} (100%) rename docs/content/docs/{CSS Library/Components/pagination.md => Library/Components/navbar.md} (100%) rename docs/content/docs/{CSS Library/Components/sidebar.md => Library/Components/notification.md} (100%) rename docs/content/docs/{CSS Library/Customize/_index.md => Library/Components/pagination.md} (100%) rename docs/content/docs/{CSS Library/Customize/colours.md => Library/Components/sidebar.md} (100%) rename docs/content/docs/{CSS Library/Customize/typography.md => Library/Components/tables.md} (100%) rename docs/content/docs/{CSS Library/Elements => Library/Customize}/_index.md (100%) rename docs/content/docs/{CSS Library/Elements/buttons.md => Library/Customize/colours.md} (100%) rename docs/content/docs/{CSS Library/Elements/icon.md => Library/Customize/typography.md} (100%) rename docs/content/docs/{CSS Library/Helpers => Library/Elements}/_index.md (100%) rename docs/content/docs/{CSS Library/Elements/image.md => Library/Elements/buttons.md} (100%) rename docs/content/docs/{CSS Library/Elements/notifications.md => Library/Elements/icon.md} (100%) rename docs/content/docs/{CSS Library/Elements/paragraph.md => Library/Elements/image.md} (100%) rename docs/content/docs/{CSS Library/Elements/table.md => Library/Elements/paragraph.md} (100%) rename docs/content/docs/{CSS Library => Library}/Elements/tag.md (100%) rename docs/content/docs/{CSS Library => Library}/Elements/title.md (100%) rename docs/content/docs/{CSS Library/Layout => Library/Helpers}/_index.md (100%) rename docs/content/docs/{CSS Library/Layout/footer.md => Library/Layout/_index.md} (100%) rename docs/content/docs/{CSS Library/Layout/header.md => Library/Layout/footer.md} (100%) rename docs/content/docs/{CSS Library/Layout/main.md => Library/Layout/header.md} (100%) create mode 100644 docs/content/docs/Library/Layout/main.md rename docs/content/docs/{CSS Library => Library}/_index.md (100%) diff --git a/docs/content/docs/CSS Library/Accessibility/_index.md b/docs/content/docs/Library/Accessibility/_index.md similarity index 100% rename from docs/content/docs/CSS Library/Accessibility/_index.md rename to docs/content/docs/Library/Accessibility/_index.md diff --git a/docs/content/docs/CSS Library/Components/_index.md b/docs/content/docs/Library/Components/_index.md similarity index 100% rename from docs/content/docs/CSS Library/Components/_index.md rename to docs/content/docs/Library/Components/_index.md diff --git a/docs/content/docs/CSS Library/Components/accordion.md b/docs/content/docs/Library/Components/accordion.md similarity index 100% rename from docs/content/docs/CSS Library/Components/accordion.md rename to docs/content/docs/Library/Components/accordion.md diff --git a/docs/content/docs/CSS Library/Components/filters.md b/docs/content/docs/Library/Components/filters.md similarity index 100% rename from docs/content/docs/CSS Library/Components/filters.md rename to docs/content/docs/Library/Components/filters.md diff --git a/docs/content/docs/CSS Library/Components/navbar.md b/docs/content/docs/Library/Components/forms.md similarity index 100% rename from docs/content/docs/CSS Library/Components/navbar.md rename to docs/content/docs/Library/Components/forms.md diff --git a/docs/content/docs/CSS Library/Components/pagination.md b/docs/content/docs/Library/Components/navbar.md similarity index 100% rename from docs/content/docs/CSS Library/Components/pagination.md rename to docs/content/docs/Library/Components/navbar.md diff --git a/docs/content/docs/CSS Library/Components/sidebar.md b/docs/content/docs/Library/Components/notification.md similarity index 100% rename from docs/content/docs/CSS Library/Components/sidebar.md rename to docs/content/docs/Library/Components/notification.md diff --git a/docs/content/docs/CSS Library/Customize/_index.md b/docs/content/docs/Library/Components/pagination.md similarity index 100% rename from docs/content/docs/CSS Library/Customize/_index.md rename to docs/content/docs/Library/Components/pagination.md diff --git a/docs/content/docs/CSS Library/Customize/colours.md b/docs/content/docs/Library/Components/sidebar.md similarity index 100% rename from docs/content/docs/CSS Library/Customize/colours.md rename to docs/content/docs/Library/Components/sidebar.md diff --git a/docs/content/docs/CSS Library/Customize/typography.md b/docs/content/docs/Library/Components/tables.md similarity index 100% rename from docs/content/docs/CSS Library/Customize/typography.md rename to docs/content/docs/Library/Components/tables.md diff --git a/docs/content/docs/CSS Library/Elements/_index.md b/docs/content/docs/Library/Customize/_index.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/_index.md rename to docs/content/docs/Library/Customize/_index.md diff --git a/docs/content/docs/CSS Library/Elements/buttons.md b/docs/content/docs/Library/Customize/colours.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/buttons.md rename to docs/content/docs/Library/Customize/colours.md diff --git a/docs/content/docs/CSS Library/Elements/icon.md b/docs/content/docs/Library/Customize/typography.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/icon.md rename to docs/content/docs/Library/Customize/typography.md diff --git a/docs/content/docs/CSS Library/Helpers/_index.md b/docs/content/docs/Library/Elements/_index.md similarity index 100% rename from docs/content/docs/CSS Library/Helpers/_index.md rename to docs/content/docs/Library/Elements/_index.md diff --git a/docs/content/docs/CSS Library/Elements/image.md b/docs/content/docs/Library/Elements/buttons.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/image.md rename to docs/content/docs/Library/Elements/buttons.md diff --git a/docs/content/docs/CSS Library/Elements/notifications.md b/docs/content/docs/Library/Elements/icon.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/notifications.md rename to docs/content/docs/Library/Elements/icon.md diff --git a/docs/content/docs/CSS Library/Elements/paragraph.md b/docs/content/docs/Library/Elements/image.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/paragraph.md rename to docs/content/docs/Library/Elements/image.md diff --git a/docs/content/docs/CSS Library/Elements/table.md b/docs/content/docs/Library/Elements/paragraph.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/table.md rename to docs/content/docs/Library/Elements/paragraph.md diff --git a/docs/content/docs/CSS Library/Elements/tag.md b/docs/content/docs/Library/Elements/tag.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/tag.md rename to docs/content/docs/Library/Elements/tag.md diff --git a/docs/content/docs/CSS Library/Elements/title.md b/docs/content/docs/Library/Elements/title.md similarity index 100% rename from docs/content/docs/CSS Library/Elements/title.md rename to docs/content/docs/Library/Elements/title.md diff --git a/docs/content/docs/CSS Library/Layout/_index.md b/docs/content/docs/Library/Helpers/_index.md similarity index 100% rename from docs/content/docs/CSS Library/Layout/_index.md rename to docs/content/docs/Library/Helpers/_index.md diff --git a/docs/content/docs/CSS Library/Layout/footer.md b/docs/content/docs/Library/Layout/_index.md similarity index 100% rename from docs/content/docs/CSS Library/Layout/footer.md rename to docs/content/docs/Library/Layout/_index.md diff --git a/docs/content/docs/CSS Library/Layout/header.md b/docs/content/docs/Library/Layout/footer.md similarity index 100% rename from docs/content/docs/CSS Library/Layout/header.md rename to docs/content/docs/Library/Layout/footer.md diff --git a/docs/content/docs/CSS Library/Layout/main.md b/docs/content/docs/Library/Layout/header.md similarity index 100% rename from docs/content/docs/CSS Library/Layout/main.md rename to docs/content/docs/Library/Layout/header.md diff --git a/docs/content/docs/Library/Layout/main.md b/docs/content/docs/Library/Layout/main.md new file mode 100644 index 00000000..e69de29b diff --git a/docs/content/docs/CSS Library/_index.md b/docs/content/docs/Library/_index.md similarity index 100% rename from docs/content/docs/CSS Library/_index.md rename to docs/content/docs/Library/_index.md From 5cc2a64ab615987fc0c612a053b2aede1bfd10ad Mon Sep 17 00:00:00 2001 From: JP Bruins Slot Date: Wed, 25 Jan 2023 10:30:29 +0100 Subject: [PATCH 06/15] Implement section-index --- docs/config.toml | 3 +++ docs/content/_index.md | 4 ++-- docs/content/docs/Library/_index.md | 11 ++++------- docs/content/docs/Overview/_index.md | 9 +++++++++ docs/content/documentation.md | 0 docs/layouts/partials/navbar.html | 8 +++----- docs/layouts/partials/section-index.html | 21 ++++++++------------- docs/layouts/shortcodes/alert.html | 9 ++------- 8 files changed, 31 insertions(+), 34 deletions(-) delete mode 100644 docs/content/documentation.md diff --git a/docs/config.toml b/docs/config.toml index 94783c29..c8e59fe8 100644 --- a/docs/config.toml +++ b/docs/config.toml @@ -22,3 +22,6 @@ weight = 2 [markup.goldmark.parser] autoHeadingID = false + +[markup.goldmark.renderer] +unsafe = true diff --git a/docs/content/_index.md b/docs/content/_index.md index 256a24c7..2c15f8ab 100644 --- a/docs/content/_index.md +++ b/docs/content/_index.md @@ -1,7 +1,7 @@ # Manon -{{% alert title="Let op:" %}} -Aan deze instructies wordt nog gewerkt. +{{% alert title="Let op" %}} +Aan deze instructies **wordt** nog gewerkt. {{% /alert %}} {{< blocks/section >}} diff --git a/docs/content/docs/Library/_index.md b/docs/content/docs/Library/_index.md index 3ce75e5b..4493f3a1 100644 --- a/docs/content/docs/Library/_index.md +++ b/docs/content/docs/Library/_index.md @@ -1,15 +1,12 @@ --- -title: "Components" -linkTitle: "Components" -weight: 2 +title: "Library" +linkTitle: "Library" +weight: 3 description: > Lorem ipsum dolor sit amet --- {{< blocks/section >}} -# Componenten +# Library -Gebruik de gewenste componenten. Voeg de bijbehorende CSS bestanden en -html toe aan het project. Veel componenten zijn instelbaar qua vormgeving -zodat ze aan kunnen sluiten bij de huisstijl. {{< /blocks/section >}} diff --git a/docs/content/docs/Overview/_index.md b/docs/content/docs/Overview/_index.md index e69de29b..5168f666 100644 --- a/docs/content/docs/Overview/_index.md +++ b/docs/content/docs/Overview/_index.md @@ -0,0 +1,9 @@ +--- +title: "Overview" +linkTitle: "Overview" +weight: 1 +description: > + Lorem ipsum dolor sit amet +--- + +# Overview diff --git a/docs/content/documentation.md b/docs/content/documentation.md deleted file mode 100644 index e69de29b..00000000 diff --git a/docs/layouts/partials/navbar.html b/docs/layouts/partials/navbar.html index f7d175c0..4b999ea2 100644 --- a/docs/layouts/partials/navbar.html +++ b/docs/layouts/partials/navbar.html @@ -1,6 +1,4 @@ - - -