{"id":455,"date":"2024-07-24T20:13:19","date_gmt":"2024-07-24T19:13:19","guid":{"rendered":"https:\/\/spaans.frl\/?p=455"},"modified":"2026-09-25T20:40:06","modified_gmt":"2026-09-25T19:40:06","slug":"koffie-rub","status":"publish","type":"post","link":"https:\/\/spaans.frl\/index.php\/2024\/07\/24\/koffie-rub\/","title":{"rendered":"Koffie Rub"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">De toevoeging van koffie aan een rub  zorgt voor een unieke mix die de diepe, aardse smaken van koffie combineert met een aantal zorgvuldig gekozen specerijen. Wanneer ik deze rub gebruik, krijgt mijn vlees een prachtige rokerige smaak en een onweerstaanbare korst. Het werkt geweldig op rundvlees, varkensvlees en zelfs kip. Als je op zoek bent naar iets om je grillfestijn op te fleuren en je gasten te verrassen, dan moet je deze koffie-rub echt eens proberen. Het is een kleine toevoeging die een enorme impact heeft op de smaak. Probeer het en geniet van een BBQ-ervaring die je niet snel zult vergeten!<br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ingredienten:<\/strong><br>3 eetlepels Gemalen Koffie<br>1.5 eetlepels Zout<br>2 eetlepels Basterdsuiker<br>1 eetlepel Versgemalen Zwarte Peper<br>1 eetlepel Knoflookgranulaat<br>1 eetlepel Gedroogde Oregano<br>1.5 eetlepel Gerookt Paprikapoeder<br>2 theelepels Uienpoeder<br>2 theelepels Gemalen Cayenne<br>1 theelepel Gemalen Komijn<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Geprobeerd op de Beef Hammer, heerlijk!<\/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>De toevoeging van koffie aan een rub zorgt voor een unieke mix die de diepe, aardse smaken van koffie combineert met een aantal zorgvuldig gekozen specerijen. Wanneer ik deze rub gebruik, krijgt mijn vlees een prachtige rokerige smaak en een onweerstaanbare korst. Het werkt geweldig op rundvlees, varkensvlees en zelfs kip. Als je op zoek&#8230;<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/spaans.frl\/index.php\/2024\/07\/24\/koffie-rub\/\" class=\"more-link\">Lees meer<span class=\"screen-reader-text\"> &ldquo;Koffie 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-455","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\/455","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=455"}],"version-history":[{"count":3,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts\/455\/revisions"}],"predecessor-version":[{"id":776,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/posts\/455\/revisions\/776"}],"wp:attachment":[{"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/media?parent=455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/categories?post=455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spaans.frl\/index.php\/wp-json\/wp\/v2\/tags?post=455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}