{"id":484,"date":"2025-02-11T19:20:55","date_gmt":"2025-02-11T18:20:55","guid":{"rendered":"https:\/\/spaans.frl\/?p=484"},"modified":"2026-09-25T20:36:16","modified_gmt":"2026-09-25T19:36:16","slug":"zoetzure-groenten-met-een-twist","status":"publish","type":"post","link":"https:\/\/spaans.frl\/index.php\/2025\/02\/11\/zoetzure-groenten-met-een-twist\/","title":{"rendered":"Zoetzure groenten met een twist"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Dit gerecht is fris, knapperig en heeft een mooie balans tussen zoet, zuur en een beetje umami.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"858\" src=\"https:\/\/spaans.frl\/wp-content\/uploads\/20250405_190212-2-2-1024x858.jpg\" alt=\"\" class=\"wp-image-537\" srcset=\"https:\/\/spaans.frl\/wp-content\/uploads\/20250405_190212-2-2-1024x858.jpg 1024w, https:\/\/spaans.frl\/wp-content\/uploads\/20250405_190212-2-2-300x251.jpg 300w, https:\/\/spaans.frl\/wp-content\/uploads\/20250405_190212-2-2-768x644.jpg 768w, https:\/\/spaans.frl\/wp-content\/uploads\/20250405_190212-2-2-1536x1287.jpg 1536w, https:\/\/spaans.frl\/wp-content\/uploads\/20250405_190212-2-2-2048x1717.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Ingredi\u00ebnten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1 komkommer<br>1 rode paprika<br>1 grote wortel<br>1 venkel<br>1 kleine rode ui<br>1 teentje knoflook (fijngehakt)<br>1 klein stukje gember (geraspt, ca. 1 cm)<br>1 rode peper<br>4 el rijstazijn of appelazijn<br>1,5 el sojasaus<br>2 el ahornsiroop<br>\u00bd tl zout<br>\u00bd tl zwarte peper<br>Optioneel een klein blikje ananas<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Groenten voorbereiden<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Snijd de komkommer in dunne halve maantjes.<br>Snijd de paprika\u2019s en wortel in dunne reepjes.<br>Snijd de rode ui in dunne halve ringen.<br>Hak de rode peper fijn als je van wat pit houdt.<br>Snijd de ananas in kleine blokjes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Marinade<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Meng in een kom de rijstazijn, sojasaus, honing, sesamolie, knoflook, gember, zout en peper.<br>Je kunt wat schuiven met de hoeveelheden Sojasaus en Appelazijn tussen wat zouter of zuurder<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Doe alle groenten in een grote kom.<br>Giet de marinade erover en meng goed.<br>Laat minstens 30 minuten in de koelkast intrekken (langer is beter!).<br>Serveren maar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dit gerecht is fris, knapperig en heeft een mooie balans tussen zoet, zuur en een beetje umami. Geniet ervan! \ud83d\ude0b<\/p>\n\n\n<!--\n  Scherm-aan-houden knop \u2014 speelse versie, gestyled in de sfeer van spaans.frl\n  Plak dit blok in een \"Aangepaste HTML\"-blok in WordPress.\n  Je kunt de knop meerdere keren op \u00e9\u00e9n pagina gebruiken (zelfde class).\n-->\n<div class=\"wakelock-wrap\">\n  <button class=\"wakelock-btn\" type=\"button\"\n          data-label-on=\"Ik hou de wacht! \ud83d\udc40\"\n          data-label-off=\"Hou me wakker!\">\n    <span class=\"wakelock-icon\" aria-hidden=\"true\">\ud83d\ude34<\/span>\n    <span class=\"wakelock-text\">Hou me wakker!<\/span>\n  <\/button>\n  <p class=\"wakelock-status\">Klik zodat je handen vol kunnen zitten met deeg, terwijl je scherm niet in slaap valt.<\/p>\n<\/div>\n\n<style>\n  .wakelock-wrap {\n    --wl-a: #ff8a3d;          \/* felle mandarijn *\/\n    --wl-b: #ff4d6d;          \/* vrolijk koraalroze, voor gradient *\/\n    --wl-a-hover: #ff7521;\n    --wl-b-hover: #ff2f52;\n    --wl-cream: #faf6f0;\n    --wl-brown: #3e2f26;\n    --wl-on-a: #34c977;       \/* fris, springerig groen \"actief\" *\/\n    --wl-on-b: #12a15e;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n    margin: 16px 0;\n    font-family: inherit;\n  }\n\n  .wakelock-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 11px 22px;\n    border: none;\n    border-radius: 999px;\n    background: linear-gradient(135deg, var(--wl-a), var(--wl-b));\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: 0.2px;\n    cursor: pointer;\n    box-shadow: 0 3px 8px rgba(62, 47, 38, 0.3);\n    transition: transform 0.15s ease, box-shadow 0.25s ease, background 0.3s ease;\n    overflow: hidden;\n  }\n\n  .wakelock-btn:hover {\n    background: linear-gradient(135deg, var(--wl-a-hover), var(--wl-b-hover));\n    box-shadow: 0 5px 12px rgba(62, 47, 38, 0.35);\n    transform: translateY(-2px) rotate(-1deg);\n  }\n\n  .wakelock-btn:active {\n    transform: scale(0.95) rotate(0deg);\n  }\n\n  .wakelock-btn:focus-visible {\n    outline: 3px solid var(--wl-cream);\n    outline-offset: 2px;\n  }\n\n  .wakelock-btn[aria-pressed=\"true\"] {\n    background: linear-gradient(135deg, var(--wl-on-a), var(--wl-on-b));\n    animation: wl-pulse 2.2s ease-in-out infinite;\n  }\n\n  .wakelock-btn[aria-pressed=\"true\"]:hover {\n    background: linear-gradient(135deg, var(--wl-on-a), var(--wl-on-b));\n    filter: brightness(1.07);\n  }\n\n  @keyframes wl-pulse {\n    0%, 100% { box-shadow: 0 3px 8px rgba(62, 47, 38, 0.3), 0 0 0 0 rgba(52, 201, 119, 0.55); }\n    50%      { box-shadow: 0 3px 8px rgba(62, 47, 38, 0.3), 0 0 0 8px rgba(52, 201, 119, 0); }\n  }\n\n  .wakelock-icon {\n    font-size: 19px;\n    display: inline-block;\n    transition: transform 0.3s ease;\n  }\n\n  .wakelock-btn:hover .wakelock-icon {\n    animation: wl-wiggle 0.5s ease-in-out;\n  }\n\n  .wakelock-btn[aria-pressed=\"true\"] .wakelock-icon {\n    animation: wl-bounce 1.4s ease-in-out infinite;\n  }\n\n  @keyframes wl-wiggle {\n    0%, 100% { transform: rotate(0deg); }\n    25%      { transform: rotate(-15deg); }\n    75%      { transform: rotate(15deg); }\n  }\n\n  @keyframes wl-bounce {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50%      { transform: translateY(-3px) rotate(8deg); }\n  }\n\n  .wakelock-status {\n    margin: 0;\n    font-size: 13px;\n    font-style: italic;\n    color: var(--wl-brown);\n    opacity: 0.8;\n  }\n<\/style>\n\n<script>\n(function () {\n  document.addEventListener('DOMContentLoaded', () => {\n    const buttons = Array.from(document.querySelectorAll('.wakelock-btn'));\n    const statuses = Array.from(document.querySelectorAll('.wakelock-status'));\n    if (buttons.length === 0) return;\n\n    let wakeLock = null;\n    const isSupported = 'wakeLock' in navigator && typeof navigator.wakeLock.request === 'function';\n\n    \/\/ Een paar leuke statusteksten om doorheen te wisselen\n    const onMessages = [\n      'Ogen open, scherm aan \u2014 ik hou de wacht! \ud83d\udc40',\n      'Geen zorgen, ik val niet in slaap. \ud83e\udee1',\n      'Scherm blijft fris, ga jij maar koken! \ud83d\udd25'\n    ];\n    const offMessages = [\n      'Klik zodat je handen vol kunnen zitten met deeg, terwijl je scherm niet in slaap valt.',\n      'Ik mag weer even dutten. \ud83d\ude34',\n      'Klaar om weer wakker te blijven zodra jij dat wilt.'\n    ];\n\n    function randomOf(arr) {\n      return arr[Math.floor(Math.random() * arr.length)];\n    }\n\n    function setStatus(on) {\n      const text = on ? randomOf(onMessages) : randomOf(offMessages);\n      statuses.forEach(s => { s.textContent = text; });\n    }\n\n    function setButtonsState(on) {\n      buttons.forEach(btn => {\n        const icon = btn.querySelector('.wakelock-icon');\n        const text = btn.querySelector('.wakelock-text');\n        const labelOn = btn.dataset.labelOn || 'Ik hou de wacht! \ud83d\udc40';\n        const labelOff = btn.dataset.labelOff || 'Hou me wakker!';\n        if (text) text.textContent = on ? labelOn : labelOff;\n        if (icon) icon.textContent = on ? '\ud83d\udc40' : '\ud83d\ude34';\n        btn.setAttribute('aria-pressed', on ? 'true' : 'false');\n      });\n    }\n\n    async function requestWakeLock() {\n      if (!isSupported) {\n        statuses.forEach(s => { s.textContent = 'Deze browser kan het scherm helaas niet wakker houden. \ud83d\ude48'; });\n        return;\n      }\n      try {\n        wakeLock = await navigator.wakeLock.request('screen');\n        setButtonsState(true);\n        setStatus(true);\n        wakeLock.addEventListener('release', () => {\n          wakeLock = null;\n          setButtonsState(false);\n          setStatus(false);\n        });\n      } catch (err) {\n        statuses.forEach(s => { s.textContent = 'Oeps, kon het scherm niet wakker houden: ' + (err && err.message ? err.message : err); });\n      }\n    }\n\n    async function releaseWakeLock() {\n      if (!wakeLock) {\n        setButtonsState(false);\n        setStatus(false);\n        return;\n      }\n      try {\n        await wakeLock.release();\n        wakeLock = null;\n      } catch (err) {\n        statuses.forEach(s => { s.textContent = 'Kon niet loslaten: ' + (err && err.message ? err.message : err); });\n      }\n    }\n\n    async function toggleWakeLock() {\n      if (!isSupported) {\n        statuses.forEach(s => { s.textContent = 'Niet ondersteund \u2014 probeer een recente Chrome, Edge of Opera. \ud83d\ude43'; });\n        return;\n      }\n      wakeLock ? await releaseWakeLock() : await requestWakeLock();\n    }\n\n    window.addEventListener('pagehide', async () => {\n      if (wakeLock) {\n        try { await wakeLock.release(); } catch (e) { \/* negeren *\/ }\n        wakeLock = null;\n      }\n    });\n\n    buttons.forEach(btn => {\n      btn.addEventListener('click', (e) => {\n        e.preventDefault();\n        toggleWakeLock();\n      });\n    });\n\n    setButtonsState(false);\n  });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Dit gerecht is fris, knapperig en heeft een mooie balans tussen zoet, zuur en een beetje umami. Ingredi\u00ebnten 1 komkommer1 rode paprika1 grote wortel1 venkel1 kleine rode ui1 teentje knoflook (fijngehakt)1 klein stukje gember (geraspt, ca. 1 cm)1 rode peper4 el rijstazijn of appelazijn1,5 el sojasaus2 el ahornsiroop\u00bd tl zout\u00bd tl zwarte peperOptioneel een klein&#8230;<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/spaans.frl\/index.php\/2025\/02\/11\/zoetzure-groenten-met-een-twist\/\" class=\"more-link\">Lees meer<span class=\"screen-reader-text\"> &ldquo;Zoetzure groenten met een twist&rdquo;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":537,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,7],"tags":[22],"class_list":["post-484","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-groente","category-hoofdgerecht","tag-groente"],"_links":{"self":[{"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts\/484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/comments?post=484"}],"version-history":[{"count":11,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts\/484\/revisions"}],"predecessor-version":[{"id":772,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts\/484\/revisions\/772"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/media\/537"}],"wp:attachment":[{"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/media?parent=484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/categories?post=484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/tags?post=484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}