{"id":457,"date":"2024-07-24T20:23:26","date_gmt":"2024-07-24T19:23:26","guid":{"rendered":"https:\/\/spaans.frl\/?p=457"},"modified":"2026-09-25T20:39:28","modified_gmt":"2026-09-25T19:39:28","slug":"zoete-rub","status":"publish","type":"post","link":"https:\/\/spaans.frl\/index.php\/2024\/07\/24\/zoete-rub\/","title":{"rendered":"Zoete Rub"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Een Zoete BBQ-Rub voor Low &amp; Slow<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Of je nu een sappige pulled pork, malse ribs of een hele succade langzaam gaart, deze rub zorgt ervoor dat elk stuk vlees doordrenkt wordt met diepe, rijke smaken. De combinatie van suiker en specerijen smelt samen tijdens het lange kookproces, waardoor je vlees een onweerstaanbare zoete en hartige smaak krijgt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ingredienten:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">70 gr Zeezout<br>100 gr Donkere basterdsuiker<br>30 gr gerookte paprika poeder<br>2 el vers gemalen zwarte peper<br>1 el knoflook granulaat<br>0.5 eetlepel uien poeder<br>1 tl jalapino<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deze rub heb ik altijd in een strooipot op voorraad. <br><\/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>Een Zoete BBQ-Rub voor Low &amp; Slow Of je nu een sappige pulled pork, malse ribs of een hele succade langzaam gaart, deze rub zorgt ervoor dat elk stuk vlees doordrenkt wordt met diepe, rijke smaken. De combinatie van suiker en specerijen smelt samen tijdens het lange kookproces, waardoor je vlees een onweerstaanbare zoete en&#8230;<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/spaans.frl\/index.php\/2024\/07\/24\/zoete-rub\/\" class=\"more-link\">Lees meer<span class=\"screen-reader-text\"> &ldquo;Zoete Rub&rdquo;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[15,11],"class_list":["post-457","post","type-post","status-publish","format-standard","hentry","category-bbq","tag-bbq","tag-roken"],"_links":{"self":[{"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts\/457","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=457"}],"version-history":[{"count":6,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts\/457\/revisions"}],"predecessor-version":[{"id":775,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts\/457\/revisions\/775"}],"wp:attachment":[{"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/media?parent=457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/categories?post=457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/tags?post=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}