1a:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/2pkusf2x6coyf.js","/_next/static/chunks/3zsx8o-w60ckh.js","/_next/static/chunks/27v2vx76cztdw.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/depo/style.css","style"] :HL["https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css","style"] 11:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 12:["$","link","font-preload-Roboto-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 13:["$","link","font-preload-Roboto-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Roboto-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://sites.super.so/depo/style.css","as":"style"}] 16:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css","as":"style"}] 17:["$","link","link-https://sites.super.so/depo/style.css",{"rel":"stylesheet","href":"https://sites.super.so/depo/style.css"}] 18:["$","link","link-https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css"}] 1b:T549, 1c:T4fef,/* Style ALL content buttons */ /* Load Roboto */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /* Load Roboto */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /* Default (light mode) — labels/headers */ .notion-form .notion-form__field .notion-semantic-string, .notion-form .notion-form__field .notion-heading__text, .notion-form .notion-form__field label, .notion-form .notion-form__field .notion-form__field_label { font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 16px !important; color: #4d4d4d !important; line-height: 1.3 !important; } /* Ensure inner label pieces (spans, strong, etc.) inherit label color */ .notion-form .notion-form__field span, .notion-form .notion-form__field label * { color: inherit !important; } /* Dark mode — keep labels white (covers prefers-color-scheme plus common body classes/attributes) */ @media (prefers-color-scheme: dark) { .notion-form .notion-form__field .notion-semantic-string, .notion-form .notion-form__field .notion-heading__text, .notion-form .notion-form__field label, .notion-form .notion-form__field .notion-form__field_label { color: #ffffff !important; } } /* Extra fallbacks if your site uses dark classes/attributes on */ body[data-theme="dark"] .notion-form .notion-form__field .notion-semantic-string, body.theme-dark .notion-form .notion-form__field .notion-semantic-string, body.dark .notion-form .notion-form__field .notion-semantic-string, html.theme-dark .notion-form .notion-form__field .notion-semantic-string { color: #ffffff !important; } /* Make top and bottom inner padding equal so label distance = button distance */ .notion-form, .notion-form .notion-form__inner, .notion-form .notion-form__container { padding-top: 15px !important; padding-bottom: 20px !important; } } /* Alternative - if the above doesn't work, try this: */ .notion-collection-card__property-text { text-align: center; } /* Make card excerpt text match main text color - Light mode */ .notion-collection-card__property-text { color: inherit; opacity: 1; } /* Alternative class if the above doesn't work */ .notion-collection-card__content { color: var(--text-color); opacity: 1; } /* Dark mode - match main text color */ [data-theme="dark"] .notion-collection-card__property-text, [data-theme="dark"] .notion-collection-card__content { color: inherit; opacity: 1; } /* Responsive Tella video embeds */ iframe[src*="tella.tv"] { max-width: 100% !important; width: 100% !important; height: auto !important; aspect-ratio: 16/9; border-radius: 12px; display: block; } /* Hide Notion page header title */ .notion-header__title, .notion-heading.notion-heading--1:first-child, .super-content-wrapper .notion-heading--1:first-of-type { display: none !important; } /* ----- Project card cover images: force wide aspect ratio ----- */ /* Reset Notion's fixed height on the cover wrapper */ .notion-collection-card__cover { height: auto !important; min-height: 0 !important; } /* Force the inner cover container to 16:9 (or 3:2 if you prefer) */ .notion-collection-card__cover > div { position: relative !important; width: 100% !important; aspect-ratio: 16 / 9 !important; /* change to 3 / 2 if you like that better */ overflow: hidden !important; border-radius: inherit !important; } /* Make the image fill that box nicely */ .notion-collection-card__cover img { width: 100% !important; height: 100% !important; object-fit: cover !important; /* keeps proportions, crops edges */ display: block !important; } .notion-callout.bg-brown-light .notion-button__content { height: auto !important; min-height: 43px !important; align-self: center !important; } .notion-callout.bg-brown-light .notion-form_submit-button { overflow: visible !important; align-items: center !important; padding: 3px !important; } /* Nuclear texture removal */ body, body *, body::before, body::after, *::before, *::after { background-image: none !important; } /* Hide the "Daniel van Waas" name */ .super-footer__content > *:first-child { display: none !important; } /* Flatten the footer into a simple flex row */ .super-footer__content { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; } /* Remove default margins from footer children for clean alignment */ .super-footer__content > * { margin: 0 !important; } /* ============================================ MailerLite embed forms - Super.so native style match ============================================ */ /* ---------- LIGHT MODE (default) ---------- */ .ml-form-embedContainer .ml-form-embedWrapper { background-color: #ffffff !important; border-radius: 12px !important; } #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { background-color: #f5f5f5 !important; border: 1px solid #dddddd !important; color: #111111 !important; border-radius: 8px !important; } #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder { color: #888888 !important; } #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary { background-color: #efefef !important; color: #37352F !important; border: 1px solid #dddddd !important; border-radius: 8px !important; padding: 12px 24px !important; overflow: visible !important; height: auto !important; font-weight: 500 !important; box-shadow: none !important; } #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary:hover { background-color: #f5f5f5 !important; border-color: #d0d0d0 !important; } /* ---------- DARK MODE OVERRIDES ---------- */ .theme-dark .ml-form-embedContainer .ml-form-embedWrapper { background-color: transparent !important; border: none !important; } /* Input fields - #232323 background, #444444 border */ .theme-dark #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { background-color: #232323 !important; border: 1px solid #444444 !important; color: #e8e8e8 !important; border-radius: 8px !important; } .theme-dark #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder { color: #7a7a7a !important; } .theme-dark #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:focus { border-color: #5a5a5a !important; outline: none !important; box-shadow: none !important; } /* Submit button - #2b2b2b background, #444444 border */ .theme-dark #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary { background-color: #2b2b2b !important; color: #ffffff !important; border: 1px solid #444444 !important; border-radius: 8px !important; box-shadow: none !important; } /* Submit button hover - #252525 */ .theme-dark #mlb2-38307089.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary:hover { background-color: #252525 !important; border-color: #444444 !important; } /* Text labels/headings inside the form */ .theme-dark .ml-form-embedContainer .ml-form-embedContent, .theme-dark .ml-form-embedContainer .ml-form-embedContent *, .theme-dark .ml-form-embedContainer h4, .theme-dark .ml-form-embedContainer p { color: #e8e8e8 !important; } /* ============================================ MailerLite HORIZONTAL forms (newsletter + others) Form IDs: #mlb2-35543162, #mlb2-40369474 ============================================ */ /* ---------- LIGHT MODE (default) ---------- */ #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control, #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control { background-color: #f5f5f5 !important; border: 1px solid #dddddd !important; color: #111111 !important; border-radius: 8px !important; padding: 12px 16px !important; height: 48px !important; box-sizing: border-box !important; } #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control::placeholder, #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control::placeholder { color: #888888 !important; } #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary, #mlb2-35543162.ml-form-embedContainer .ml-mobileButton-horizontal button.primary, #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary, #mlb2-40369474.ml-form-embedContainer .ml-mobileButton-horizontal button.primary { background-color: #efefef !important; color: #37352F !important; border: 1px solid #dddddd !important; border-radius: 8px !important; padding: 0 24px !important; overflow: visible !important; height: 48px !important; font-weight: 500 !important; box-shadow: none !important; box-sizing: border-box !important; } #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary:hover, #mlb2-35543162.ml-form-embedContainer .ml-mobileButton-horizontal button.primary:hover, #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary:hover, #mlb2-40369474.ml-form-embedContainer .ml-mobileButton-horizontal button.primary:hover { background-color: #f5f5f5 !important; border-color: #d0d0d0 !important; } /* ---------- DARK MODE OVERRIDES ---------- */ .theme-dark #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control, .theme-dark #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control { background-color: #232323 !important; border: 1px solid #444444 !important; color: #e8e8e8 !important; border-radius: 8px !important; } .theme-dark #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control::placeholder, .theme-dark #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control::placeholder { color: #7a7a7a !important; } .theme-dark #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control:focus, .theme-dark #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody input.form-control:focus { border-color: #5a5a5a !important; outline: none !important; box-shadow: none !important; } .theme-dark #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary, .theme-dark #mlb2-35543162.ml-form-embedContainer .ml-mobileButton-horizontal button.primary, .theme-dark #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary, .theme-dark #mlb2-40369474.ml-form-embedContainer .ml-mobileButton-horizontal button.primary { background-color: #2b2b2b !important; color: #ffffff !important; border: 1px solid #444444 !important; border-radius: 8px !important; box-shadow: none !important; } .theme-dark #mlb2-35543162.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary:hover, .theme-dark #mlb2-35543162.ml-mobileButton-horizontal button.primary:hover, .theme-dark #mlb2-40369474.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary:hover, .theme-dark #mlb2-40369474.ml-mobileButton-horizontal button.primary:hover { background-color: #252525 !important; border-color: #444444 !important; } /* ============================================ Hide navbar background line Makes header blend seamlessly with page ============================================ */ .notion-navbar, .notion-navbar__content, .super-content-wrapper > .notion-navbar { background-color: transparent !important; background: transparent !important; border: none !important; border-bottom: none !important; box-shadow: none !important; } /* ============================================ Reduce empty space above page title (no-cover pages) ============================================ */ .notion-header__cover.no-cover { max-height: 50px !important; height: 50px !important; } .notion-text { margin-top: 0.3em; margin-bottom: 0.3em; } :root { --floating-toc-right: clamp(16px, 3.5vw, 64px); --floating-toc-panel-width: clamp(220px, 20vw, 292px); --floating-toc-panel-bg: #ffffff; --floating-toc-panel-radius: 14px; --floating-toc-active-color: #014db7; --floating-toc-active-bg: rgba(55, 53, 47, 0.08); --floating-toc-heading-highlight-bg: rgba(47, 125, 225, 0.14); --floating-toc-scroll-offset: 96px; } .super-sidebar { background-color: #FFFFFF !important; } .theme-dark .super-sidebar { background-color: #191919 !important; } /* Keep all normal headings Roboto */ h1.notion-heading, h2.notion-heading, h3.notion-heading, h4.notion-heading { font-family: "Roboto Condensed", "Roboto", Arial, sans-serif !important; font-weight: 700 !important; } /* Make italic words inside any heading Times New Roman */ h1.notion-heading em, h1.notion-heading i, h2.notion-heading em, h2.notion-heading i, h3.notion-heading em, h3.notion-heading i, h4.notion-heading em, h4.notion-heading i { font-family: "Times New Roman", Times, serif !important; font-weight: 400 !important; font-style: italic !important; } /* Mobile heading size control only */ @media (max-width: 767px) { h1.notion-heading, h1.notion-heading * { font-size: 30px !important; line-height: 1.05 !important; } h2.notion-heading, h2.notion-heading * { font-size: 26px !important; line-height: 1.10 !important; } h3.notion-heading, h3.notion-heading * { font-size: 22px !important; line-height: 1.15 !important; } h4.notion-heading, h4.notion-heading * { font-size: 20px !important; line-height: 1.20 !important; } } /* --- Notion tabs styled like Madeway buttons --- */ /* Light mode */ .notion-tabs__button { border: 1px solid #E9E9E7 !important; border-radius: 12px !important; background: #FFFFFF !important; color: #37352F !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important; padding: 6px 14px !important; font-weight: 400 !important; transition: background 0.15s ease, border-color 0.15s ease !important; } .notion-tabs__button:hover { background: #F4F4F4 !important; } .notion-tabs__button.active { background: #F4F4F4 !important; border-color: #D8D8D6 !important; color: #37352F !important; } /* Spacing between the tabs */ .notion-tabs__nav { gap: 8px !important; } /* Dark mode */ html.theme-dark .notion-tabs__button { background: #1F1F1F !important; border-color: #2F2F2F !important; color: #E6E6E5 !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25) !important; } html.theme-dark .notion-tabs__button:hover { background: #2A2A2A !important; } html.theme-dark .notion-tabs__button.active { background: #2A2A2A !important; border-color: #3D3D3D !important; color: #FFFFFF !important; } .notion-tabs__nav { gap: 8px !important; justify-content: center !important; } /* --- Lightbox --- */ .notion-image img { cursor: zoom-in; } #dv-lightbox { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.85); cursor: zoom-out; opacity: 0; transition: opacity 0.2s ease; } #dv-lightbox.open { display: flex; opacity: 1; } #dv-lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4); } #dv-lightbox-close { position: absolute; top: 20px; right: 24px; width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.15); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; } #dv-lightbox-close:hover { background: rgba(255, 255, 255, 0.3); } /* =========================== Collection list — card rows =========================== */ .notion-collection-list { display: flex; flex-direction: column; gap: 8px; } .notion-collection-list__item { background: #F4F4F4; border: 1px solid #E9E9E7; border-radius: 8px; padding: 12px 16px; transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .notion-collection-list__item:hover { background: #FFFFFF; border-color: #D6D6D3; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); transform: translateY(-1px); } /* Whole row reads as clickable */ .notion-collection-list__item-anchor, .notion-collection-list__item .notion-link { cursor: pointer; } /* Title a touch stronger */ .notion-collection-list__item .notion-property__title { font-weight: 500; } /* =========================== Dark mode Super sets .theme-dark on ; .dark kept for safety =========================== */ .theme-dark .notion-collection-list__item, .dark .notion-collection-list__item { background: #202020; border-color: #2F2F2F; } .theme-dark .notion-collection-list__item:hover, .dark .notion-collection-list__item:hover { background: #262626; border-color: #3F3F3F; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); } .theme-dark .notion-collection-list__item .notion-property__title, .dark .notion-collection-list__item .notion-property__title { color: #E9E9E7; } /* "How to" tag pill */ .theme-dark .notion-collection-list__item .notion-property__select__item, .dark .notion-collection-list__item .notion-property__select__item { background: #333333; color: #D4D4D4; } /* Wrap text inside Notion/Super code blocks */ .notion-code { overflow-x: hidden !important; } .notion-code pre, .notion-code pre[class*="language-"], .notion-code code { white-space: pre-wrap !important; overflow-wrap: anywhere !important; word-break: normal !important; overflow-x: hidden !important; } /* Make code blocks nicer for copyable prompts */ .notion-code pre { line-height: 1.6 !important; padding: 18px !important; border-radius: 10px !important; } /* Force solid navbar background */ .super-navbar, .super-navbar__content { background: #FFFFFF !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html.theme-dark .super-navbar, html.theme-dark .super-navbar__content { background: #191919 !important; } /* Remove navbar drop shadow */ .super-navbar { box-shadow: none !important; -webkit-box-shadow: none !important; } /* --- Footer: match page background + thin divider --- */ .super-footer, .super-footer__content { background: #FFFFFF !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; } /* Divider on the outer footer ONLY (one line, full width) */ .super-footer { border-top: 1px solid #E9E9E7 !important; } .super-footer__content { border-top: none !important; } html.theme-dark .super-footer, html.theme-dark .super-footer__content { background: #191919 !important; } html.theme-dark .super-footer { border-top: 1px solid #2F2F2F !important; } /* --- Header: thin divider below navbar --- */ .super-navbar { border-bottom: 1px solid #E9E9E7 !important; } html.theme-dark .super-navbar { border-bottom: 1px solid #2F2F2F !important; }19:["$","body",null,{"children":[["$","$L1a",null,{"settings":{"siteId":"9461478a-f400-4b43-b10e-6aa0c857c8c7","userId":"a062865d-8605-4b22-9e97-df341ad1d43d","domainName":"madeway.nl","name":"Madeway","active":true,"free":false,"tier":"pro","favicon":"https://assets.super.so/9461478a-f400-4b43-b10e-6aa0c857c8c7/uploads/favicon/474f9cbe-b97d-4a3d-9eb8-1d6e487e7f70.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[{"languageCode":"nl","homepage":"nl","navigation":{"navbar":{"links":[]},"footer":{"links":[]},"sidebar":{"links":[]},"links":[],"cta":null}}],"notionPage":"2dcf5910a3188041ab85fa22d0baaee2","indexPageId":"9461478a-f400-4b43-b10e-6aa0c857c8c7:::3ced112d-328c-4ef9-afa6-c3c9b1aa38e3","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"siteSearch":false,"advancedSearch":true,"themeToggle":true,"mondayFirst":true,"loadLimits":false,"hidePersonInfo":false,"showPropertyIcons":true,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"noIndex":false,"viewsExceeded":false,"cacheTTL":0,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"navbar":{"type":"balanced","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"689e80bb-cf05-488e-ad10-737344b75f29","type":"page","label":"Made","link":"/made","pageId":"9461478a-f400-4b43-b10e-6aa0c857c8c7:::f046b173-7afd-42a8-98b4-883a38e7d8b5","icon":"","description":"","list":[]},{"id":"ca7a66ca-bd96-4f4b-a708-e812f88ebb4c","type":"page","label":"Manual","link":"/manual","pageId":"9461478a-f400-4b43-b10e-6aa0c857c8c7:::66be843c-b7cb-4ba0-8cd9-264cc8d8669f","icon":"","description":"","list":[]},{"id":"88582640-c577-486a-b5a5-5145d8ef78b1","type":"page","label":"Moodboard","link":"/moodboard","pageId":"9461478a-f400-4b43-b10e-6aa0c857c8c7:::5b836c8a-6cea-4e5e-b866-a189fbf1dd37","icon":"","description":"","list":[]}],"logo":{"type":"image","width":100,"fontSize":16,"textContent":"Technical Business Toolbox","imageContent":"https://assets.super.so/9461478a-f400-4b43-b10e-6aa0c857c8c7/uploads/logo/1ea05747-b6f3-4a63-92ca-36f42720685b.png","imageContentDark":"https://assets.super.so/9461478a-f400-4b43-b10e-6aa0c857c8c7/uploads/logo/41953452-cf56-4eae-84a7-ca6f9611fdb3.png","disabled":false},"cta":{"type":"page","label":"","link":"","pageId":""},"isSticky":false,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[],"logo":{"type":"text","width":90,"fontSize":17,"textContent":"Daniel van Waas","imageContent":"https://assets.super.so/9461478a-f400-4b43-b10e-6aa0c857c8c7/uploads/logo/7ee3d111-1577-4520-b8bc-f7a30634206a.png","imageContentDark":null,"disabled":false},"socials":[{"type":"linkedin","link":"https://www.linkedin.com/in/daniel-van-waas/"},{"type":"youtube","link":"https://www.youtube.com/@danielvw.designs"}],"footnote":"Madeway © 2026","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":{"type":"image","width":100,"fontSize":16,"textContent":"Daniel van Waas","imageContent":"https://assets.super.so/9461478a-f400-4b43-b10e-6aa0c857c8c7/uploads/logo/f0d5a759-756b-48b3-a860-358d49dd45c9.png","imageContentDark":"https://assets.super.so/9461478a-f400-4b43-b10e-6aa0c857c8c7/uploads/logo/fc193aff-dc64-46d9-851f-3f7b3170eb78.png","disabled":false},"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":1.1,"layoutMaxWidth":900,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":14,"pageDisplay":"flex"},"header":{"coverHeight":35,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":32,"shadow":"rgba(0, 0, 0, 0.15) 0px 4px 8px -2px","coverHeightLarge":261,"coverHeightMedium":240,"coverHeightSmall":128,"titleSize":1.044,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Roboto","secondaryFont":"Roboto","fonts":[],"baseSize":16,"titleSize":3.5,"headingSize":1.3,"quoteSize":1.1,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":75,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":290,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352f","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#f1f1f1","textLight":"#e1e1e1","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#37352f","buttonBackground":"#f1f1f1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#014db7","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"9461478a-f400-4b43-b10e-6aa0c857c8c7:::134c9609-6bc9-4b5b-a7db-483db312f349","content":"\n}\n"}],"head":[],"body":[{"id":"9461478a-f400-4b43-b10e-6aa0c857c8c7:::5335d97b-6a3d-4a73-bb89-4abbb0b8d6b0","content":"$1b"}],"style":[],"css":"$1c"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L1d","$L1e","$L1f","$L20"]}],"$L21"]}]

Technical Design