{"id":148,"date":"2026-04-30T09:02:09","date_gmt":"2026-04-30T09:02:09","guid":{"rendered":"https:\/\/jan.djblaauw.nl\/?page_id=148"},"modified":"2026-05-18T06:47:29","modified_gmt":"2026-05-18T06:47:29","slug":"in-te-huren","status":"publish","type":"page","link":"https:\/\/jan.djblaauw.nl\/?page_id=148","title":{"rendered":"Inhuren"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Op dit moment ben ik alleen beschikbaar voor boekingen van familie, goede kennissen en kleine evenementen binnen het dorp.<\/p>\n\n\n\n<!-- DJ BLAAUW v3 \u2014 WordPress HTML Blok -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Rajdhani:wght@300;400;600&family=Share+Tech+Mono&display=swap');\n\n.djb3 {\n  position: relative;\n  width: 100%;\n  min-height: 560px;\n  background: #08001a;\n  overflow: hidden;\n  font-family: 'Rajdhani', sans-serif;\n  display: flex;\n  align-items: stretch;\n}\n\n\/* === ACHTERGROND === *\/\n.djb3-bg {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n\/* Roterende driehoeken *\/\n.djb3-tri {\n  position: absolute;\n  width: 0; height: 0;\n  opacity: 0.12;\n}\n.djb3-tri--1 {\n  border-left: 120px solid transparent;\n  border-right: 120px solid transparent;\n  border-bottom: 210px solid #9400ff;\n  top: -60px; right: 8%;\n  animation: triSpin 14s linear infinite;\n  transform-origin: 120px 140px;\n}\n.djb3-tri--2 {\n  border-left: 80px solid transparent;\n  border-right: 80px solid transparent;\n  border-bottom: 140px solid #ffe600;\n  bottom: -30px; left: 12%;\n  animation: triSpin 20s linear infinite reverse;\n  transform-origin: 80px 70px;\n  opacity: 0.1;\n}\n.djb3-tri--3 {\n  border-left: 50px solid transparent;\n  border-right: 50px solid transparent;\n  border-bottom: 90px solid #ff6fff;\n  top: 40%; left: 5%;\n  animation: triSpin 9s linear infinite;\n  transform-origin: 50px 45px;\n  opacity: 0.15;\n}\n\n@keyframes triSpin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n\/* Ronddraaiende ringen *\/\n.djb3-ring {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(148,0,255,0.3);\n  animation: ringRot linear infinite;\n}\n.djb3-ring--1 { width:280px; height:280px; top:-80px; right:-60px;  animation-duration:20s; border-color: rgba(255,230,0,0.2); }\n.djb3-ring--2 { width:180px; height:180px; top:-20px; right:20px;   animation-duration:12s; border-color: rgba(148,0,255,0.35); border-style: dashed; }\n.djb3-ring--3 { width:400px; height:400px; bottom:-150px; left:-100px; animation-duration:28s; border-color: rgba(255,111,255,0.15); }\n.djb3-ring--4 { width:100px; height:100px; top:55%; right:18%;      animation-duration:8s;  border-color: rgba(255,230,0,0.3); border-style: dashed; }\n\n@keyframes ringRot {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n\/* Hex stippen *\/\n.djb3-dots {\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(circle, rgba(148,0,255,0.18) 1px, transparent 1px);\n  background-size: 36px 36px;\n  opacity: 0.5;\n}\n\n\/* Gloed *\/\n.djb3-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(100px);\n  pointer-events: none;\n}\n.djb3-glow--1 { width:350px; height:350px; background:#5a00b4; top:-80px;  left:-60px;  opacity:0.25; animation:glo 8s ease-in-out infinite alternate; }\n.djb3-glow--2 { width:250px; height:250px; background:#b08000; bottom:-60px; right:-40px; opacity:0.2;  animation:glo 6s ease-in-out infinite alternate-reverse; }\n\n@keyframes glo {\n  from { transform: scale(1);   opacity: 0.18; }\n  to   { transform: scale(1.3); opacity: 0.3; }\n}\n\n\/* === LINKER KOLOM === *\/\n.djb3-left {\n  position: relative;\n  z-index: 10;\n  width: 52%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 50px 0 50px 44px;\n  border-right: 1px solid rgba(148,0,255,0.25);\n}\n\n\/* Kleine statusbalk bovenaan *\/\n.djb3-status {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 22px;\n  opacity: 0;\n  animation: fadeUp 0.6s ease 0.2s forwards;\n}\n.djb3-dot-live {\n  width: 7px; height: 7px;\n  background: #ffe600;\n  border-radius: 50%;\n  box-shadow: 0 0 8px #ffe600;\n  animation: livePulse 1.4s ease-in-out infinite;\n}\n@keyframes livePulse {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.4; transform: scale(0.7); }\n}\n.djb3-status-text {\n  font-family: 'Share Tech Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.3em;\n  color: rgba(255,255,255,0.4);\n  text-transform: uppercase;\n}\n\n\/* Grote naam \u2014 gestapeld *\/\n.djb3-name-block {\n  margin-bottom: 20px;\n  opacity: 0;\n  animation: fadeUp 0.8s cubic-bezier(0.16,1,0.3,1) 0.4s forwards;\n}\n.djb3-dj-line {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(64px, 10vw, 108px);\n  letter-spacing: 4px;\n  color: #ffe600;\n  text-shadow: 0 0 20px rgba(255,230,0,0.5);\n  display: inline;\n  line-height: 0.88;\n}\n.djb3-main-line {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(64px, 10vw, 108px);\n  letter-spacing: 4px;\n  color: #c44fff;\n  text-shadow: 0 0 22px rgba(180,79,255,0.65), 0 0 70px rgba(180,79,255,0.2);\n  display: inline;\n  line-height: 0.88;\n}\n\n\/* Info labels *\/\n.djb3-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeUp 0.7s ease 0.7s forwards;\n}\n.djb3-meta-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.djb3-meta-icon {\n  width: 24px; height: 24px;\n  border: 1px solid rgba(148,0,255,0.5);\n  border-radius: 4px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.djb3-meta-icon svg { width: 13px; height: 13px; }\n.djb3-meta-label {\n  font-family: 'Share Tech Mono', monospace;\n  font-size: 10px;\n  color: rgba(255,255,255,0.35);\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  margin-right: 6px;\n}\n.djb3-meta-val {\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.15em;\n  color: rgba(255,255,255,0.75);\n}\n\n\/* Knoppen *\/\n.djb3-btns {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  max-width: 260px;\n  opacity: 0;\n  animation: fadeUp 0.7s ease 1s forwards;\n}\n.djb3-btn {\n  display: block;\n  padding: 12px 24px;\n  font-family: 'Rajdhani', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.4em;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.15s ease;\n}\n.djb3-btn::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: rgba(255,255,255,0.12);\n  transform: translateX(-110%) skewX(-15deg);\n  transition: transform 0.4s ease;\n}\n.djb3-btn:hover::after { transform: translateX(110%) skewX(-15deg); }\n.djb3-btn:hover { transform: translateX(4px); }\n\n.djb3-btn--a {\n  background: #9400ff;\n  color: #ffe600;\n  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));\n  box-shadow: 0 0 20px rgba(148,0,255,0.45);\n}\n.djb3-btn--b {\n  background: transparent;\n  color: rgba(255,255,255,0.6);\n  border: 1px solid rgba(255,230,0,0.3);\n  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));\n}\n\n\/* === RECHTER KOLOM === *\/\n.djb3-right {\n  position: relative;\n  z-index: 10;\n  width: 48%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 28px;\n  padding: 50px 30px;\n}\n\n\/* Grote draaiende vinyl *\/\n.djb3-vinyl {\n  position: relative;\n  width: 180px;\n  height: 180px;\n  flex-shrink: 0;\n  opacity: 0;\n  animation: fadeIn 1s ease 0.8s forwards;\n}\n.djb3-vinyl-disc {\n  width: 100%; height: 100%;\n  animation: vinylSpin 4s linear infinite;\n}\n.djb3-vinyl-arm {\n  position: absolute;\n  top: 12px; right: -18px;\n  width: 50px; height: 3px;\n  background: linear-gradient(90deg, rgba(255,230,0,0.9), rgba(255,230,0,0.3));\n  border-radius: 2px;\n  transform-origin: left center;\n  transform: rotate(-28deg);\n  animation: armBounce 2s ease-in-out infinite alternate;\n}\n@keyframes vinylSpin  { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }\n@keyframes armBounce  { from{transform:rotate(-28deg)} to{transform:rotate(-20deg)} }\n\n\/* Equalizer verticale balk links naast vinyl *\/\n.djb3-eq {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  opacity: 0;\n  animation: fadeIn 0.8s ease 1s forwards;\n}\n.djb3-eq-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.djb3-eq-label {\n  font-family: 'Share Tech Mono', monospace;\n  font-size: 9px;\n  color: rgba(255,255,255,0.3);\n  letter-spacing: 0.1em;\n  width: 28px;\n  text-align: right;\n}\n.djb3-eq-track {\n  width: 110px;\n  height: 6px;\n  background: rgba(255,255,255,0.06);\n  border-radius: 3px;\n  overflow: hidden;\n  position: relative;\n}\n.djb3-eq-fill {\n  height: 100%;\n  border-radius: 3px;\n  animation: eqFill 1.2s ease-in-out infinite alternate;\n}\n.djb3-eq-row:nth-child(1) .djb3-eq-fill { background:#ffe600; width:85%; animation-delay:0.0s; }\n.djb3-eq-row:nth-child(2) .djb3-eq-fill { background:#c44fff; width:60%; animation-delay:0.2s; }\n.djb3-eq-row:nth-child(3) .djb3-eq-fill { background:#ff6fff; width:90%; animation-delay:0.1s; }\n.djb3-eq-row:nth-child(4) .djb3-eq-fill { background:#ffe600; width:45%; animation-delay:0.3s; }\n.djb3-eq-row:nth-child(5) .djb3-eq-fill { background:#c44fff; width:75%; animation-delay:0.15s; }\n.djb3-eq-row:nth-child(6) .djb3-eq-fill { background:#ff6fff; width:55%; animation-delay:0.25s; }\n\n@keyframes eqFill {\n  from { opacity: 0.5; transform: scaleX(0.5); transform-origin: left; }\n  to   { opacity: 1;   transform: scaleX(1);   transform-origin: left; }\n}\n\n\/* BPM teller *\/\n.djb3-bpm {\n  text-align: center;\n  opacity: 0;\n  animation: fadeIn 0.8s ease 1.2s forwards;\n}\n.djb3-bpm-num {\n  font-family: 'Share Tech Mono', monospace;\n  font-size: 42px;\n  color: #ffe600;\n  text-shadow: 0 0 16px rgba(255,230,0,0.5);\n  line-height: 1;\n  animation: bpmPulse 0.6s ease-in-out infinite alternate;\n}\n.djb3-bpm-label {\n  font-size: 9px;\n  letter-spacing: 0.5em;\n  color: rgba(255,255,255,0.3);\n  text-transform: uppercase;\n  margin-top: 2px;\n}\n@keyframes bpmPulse {\n  from { text-shadow: 0 0 10px rgba(255,230,0,0.3); }\n  to   { text-shadow: 0 0 24px rgba(255,230,0,0.8); }\n}\n\n\/* Verticale divider lijn rechts *\/\n.djb3-vline {\n  position: absolute;\n  left: 52%;\n  top: 10%;\n  bottom: 10%;\n  width: 1px;\n  background: linear-gradient(180deg, transparent 0%, rgba(148,0,255,0.5) 30%, rgba(255,230,0,0.4) 70%, transparent 100%);\n  z-index: 20;\n}\n\n\/* Gedeelde animaties *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }\n@keyframes fadeIn { from{opacity:0} to{opacity:1} }\n<\/style>\n\n<div class=\"djb3\">\n\n  <!-- Achtergrond -->\n  <div class=\"djb3-bg\">\n    <div class=\"djb3-dots\"><\/div>\n    <div class=\"djb3-tri djb3-tri--1\"><\/div>\n    <div class=\"djb3-tri djb3-tri--2\"><\/div>\n    <div class=\"djb3-tri djb3-tri--3\"><\/div>\n    <div class=\"djb3-ring djb3-ring--1\"><\/div>\n    <div class=\"djb3-ring djb3-ring--2\"><\/div>\n    <div class=\"djb3-ring djb3-ring--3\"><\/div>\n    <div class=\"djb3-ring djb3-ring--4\"><\/div>\n    <div class=\"djb3-glow djb3-glow--1\"><\/div>\n    <div class=\"djb3-glow djb3-glow--2\"><\/div>\n  <\/div>\n\n  <!-- Lijn tussen kolommen -->\n  <div class=\"djb3-vline\"><\/div>\n\n  <!-- LINKS: tekst -->\n  <div class=\"djb3-left\">\n\n    <div class=\"djb3-status\">\n      <div class=\"djb3-dot-live\"><\/div>\n      <span class=\"djb3-status-text\">Live &amp; bookable<\/span>\n    <\/div>\n\n    <div class=\"djb3-name-block\">\n      <span class=\"djb3-dj-line\">DJ&nbsp;<\/span><span class=\"djb3-main-line\">BLAAUW<\/span>\n    <\/div>\n\n    <div class=\"djb3-meta\">\n      <div class=\"djb3-meta-row\">\n        <div class=\"djb3-meta-icon\">\n          <svg viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"7\" cy=\"7\" r=\"5.5\" stroke=\"#9400ff\" stroke-width=\"1.2\"\/>\n            <path d=\"M7 4v3.5l2 1.5\" stroke=\"#ffe600\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"djb3-meta-label\">Genre<\/span>\n        <span class=\"djb3-meta-val\">Van alles wat<\/span>\n      <\/div>\n      <div class=\"djb3-meta-row\">\n        <div class=\"djb3-meta-icon\">\n          <svg viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M7 1.5C4.5 1.5 2.5 3.5 2.5 6c0 3.5 4.5 6.5 4.5 6.5s4.5-3 4.5-6.5c0-2.5-2-4.5-4.5-4.5z\" stroke=\"#9400ff\" stroke-width=\"1.2\"\/>\n            <circle cx=\"7\" cy=\"6\" r=\"1.2\" fill=\"#ffe600\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"djb3-meta-label\">Basis<\/span>\n        <span class=\"djb3-meta-val\">Emmen, NL<\/span>\n      <\/div>\n      <div class=\"djb3-meta-row\">\n        <div class=\"djb3-meta-icon\">\n          <svg viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"2\" y=\"3\" width=\"10\" height=\"8\" rx=\"1.5\" stroke=\"#9400ff\" stroke-width=\"1.2\"\/>\n            <path d=\"M5 3V2M9 3V2\" stroke=\"#ffe600\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <path d=\"M2 6h10\" stroke=\"#9400ff\" stroke-width=\"1\" opacity=\"0.5\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"djb3-meta-label\">Events<\/span>\n        <span class=\"djb3-meta-val\">Clubs \u00b7 Festivals \u00b7 Bruiloften \u00b7 Priv\u00e9<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"djb3-btns\">\n      <a href=\"https:\/\/jan.djblaauw.nl\/?page_id=138\" class=\"djb3-btn djb3-btn--a\">&#9654; Boek een optreden<\/a>\n      <a href=\"https:\/\/jan.djblaauw.nl\/?page_id=161\"    class=\"djb3-btn djb3-btn--b\">&#9654; Beluister de sets<\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- RECHTS: visuele elementen -->\n  <div class=\"djb3-right\">\n\n    <!-- Vinyl -->\n    <div class=\"djb3-vinyl\">\n      <svg class=\"djb3-vinyl-disc\" viewBox=\"0 0 180 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"90\" cy=\"90\" r=\"88\" fill=\"#0e0022\" stroke=\"#2a005a\" stroke-width=\"1.5\"\/>\n        <circle cx=\"90\" cy=\"90\" r=\"72\" fill=\"none\" stroke=\"#180040\" stroke-width=\"10\"\/>\n        <circle cx=\"90\" cy=\"90\" r=\"55\" fill=\"none\" stroke=\"#120032\" stroke-width=\"8\"\/>\n        <circle cx=\"90\" cy=\"90\" r=\"38\" fill=\"none\" stroke=\"#1a0045\" stroke-width=\"6\"\/>\n        <circle cx=\"90\" cy=\"90\" r=\"22\" fill=\"none\" stroke=\"#200050\" stroke-width=\"4\"\/>\n        <!-- Kleurband -->\n        <path d=\"M 90 18 A 72 72 0 0 1 162 90\" stroke=\"#9400ff\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" opacity=\"0.6\"\/>\n        <path d=\"M 162 90 A 72 72 0 0 1 90 162\" stroke=\"#ffe600\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\n        <circle cx=\"90\" cy=\"90\" r=\"10\" fill=\"#ffe600\" opacity=\"0.9\"\/>\n        <circle cx=\"90\" cy=\"90\" r=\"4\"  fill=\"#c44fff\"\/>\n      <\/svg>\n      <div class=\"djb3-vinyl-arm\"><\/div>\n    <\/div>\n\n    <!-- EQ banden -->\n    <div class=\"djb3-eq\">\n      <div class=\"djb3-eq-row\"><span class=\"djb3-eq-label\">HI<\/span><div class=\"djb3-eq-track\"><div class=\"djb3-eq-fill\"><\/div><\/div><\/div>\n      <div class=\"djb3-eq-row\"><span class=\"djb3-eq-label\">MID<\/span><div class=\"djb3-eq-track\"><div class=\"djb3-eq-fill\"><\/div><\/div><\/div>\n      <div class=\"djb3-eq-row\"><span class=\"djb3-eq-label\">SUB<\/span><div class=\"djb3-eq-track\"><div class=\"djb3-eq-fill\"><\/div><\/div><\/div>\n      <div class=\"djb3-eq-row\"><span class=\"djb3-eq-label\">FX<\/span><div class=\"djb3-eq-track\"><div class=\"djb3-eq-fill\"><\/div><\/div><\/div>\n      <div class=\"djb3-eq-row\"><span class=\"djb3-eq-label\">VOL<\/span><div class=\"djb3-eq-track\"><div class=\"djb3-eq-fill\"><\/div><\/div><\/div>\n      <div class=\"djb3-eq-row\"><span class=\"djb3-eq-label\">REV<\/span><div class=\"djb3-eq-track\"><div class=\"djb3-eq-fill\"><\/div><\/div><\/div>\n    <\/div>\n\n    <!-- BPM -->\n    <div class=\"djb3-bpm\">\n      <div class=\"djb3-bpm-num\">128<\/div>\n      <div class=\"djb3-bpm-label\">BPM<\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Op dit moment ben ik alleen beschikbaar voor boekingen van familie, goede kennissen en kleine evenementen binnen het<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jan.djblaauw.nl\/index.php?rest_route=\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jan.djblaauw.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jan.djblaauw.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jan.djblaauw.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jan.djblaauw.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=148"}],"version-history":[{"count":10,"href":"https:\/\/jan.djblaauw.nl\/index.php?rest_route=\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/jan.djblaauw.nl\/index.php?rest_route=\/wp\/v2\/pages\/148\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/jan.djblaauw.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}