IT DOSSIER \u2014 VERTROUWELIJK<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --green: #00ff88;\n --dim-green: #00aa55;\n --dark-green: #003322;\n --bg: #030d08;\n --card-bg: #050f0a;\n --red: #ff3355;\n --amber: #ffaa00;\n --white: #e8fff4;\n --glow: 0 0 10px #00ff8877, 0 0 30px #00ff8833;\n --glow-strong: 0 0 20px #00ff88bb, 0 0 60px #00ff8855;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n background: var(--bg);\n color: var(--green);\n font-family: 'Share Tech Mono', monospace;\n min-height: 100vh;\n overflow-x: hidden;\n cursor: crosshair;\n }\n\n \/* Scanlines overlay *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(0,0,0,0.12) 2px,\n rgba(0,0,0,0.12) 4px\n );\n pointer-events: none;\n z-index: 1000;\n }\n\n \/* CRT flicker *\/\n body::after {\n content: '';\n position: fixed;\n inset: 0;\n background: radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,0.5) 100%);\n pointer-events: none;\n z-index: 999;\n animation: flicker 8s infinite;\n }\n\n @keyframes flicker {\n 0%, 95%, 100% { opacity: 1; }\n 96% { opacity: 0.92; }\n 97% { opacity: 1; }\n 98% { opacity: 0.95; }\n }\n\n .container {\n max-width: 860px;\n margin: 0 auto;\n padding: 40px 20px 80px;\n }\n\n \/* HEADER *\/\n .header {\n text-align: center;\n margin-bottom: 48px;\n position: relative;\n }\n\n .header-label {\n font-family: 'Orbitron', monospace;\n font-size: 10px;\n letter-spacing: 8px;\n color: var(--dim-green);\n text-transform: uppercase;\n margin-bottom: 12px;\n animation: pulse 3s infinite;\n }\n\n @keyframes pulse { 0%,100%{opacity:0.6} 50%{opacity:1} }\n\n .header h1 {\n font-family: 'Orbitron', monospace;\n font-size: clamp(24px, 6vw, 48px);\n font-weight: 900;\n color: var(--green);\n text-shadow: var(--glow-strong);\n letter-spacing: 4px;\n line-height: 1.1;\n }\n\n .header-sub {\n margin-top: 12px;\n font-size: 11px;\n color: var(--dim-green);\n letter-spacing: 3px;\n }\n\n .divider {\n border: none;\n border-top: 1px solid var(--dim-green);\n margin: 20px 0;\n box-shadow: 0 0 8px #00ff8844;\n }\n\n \/* PROGRESS *\/\n .progress-bar-wrap {\n background: var(--dark-green);\n height: 4px;\n border-radius: 2px;\n margin: 24px 0;\n overflow: hidden;\n box-shadow: inset 0 0 4px #000;\n }\n .progress-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--dim-green), var(--green));\n box-shadow: var(--glow);\n transition: width 0.6s cubic-bezier(.4,0,.2,1);\n }\n .progress-label {\n font-size: 10px;\n letter-spacing: 3px;\n color: var(--dim-green);\n margin-bottom: 8px;\n }\n\n \/* DOSSIER CARD *\/\n .dossier-card {\n border: 1px solid var(--dim-green);\n background: var(--card-bg);\n padding: 32px;\n position: relative;\n box-shadow: var(--glow), inset 0 0 40px rgba(0,255,136,0.03);\n animation: cardIn 0.5s ease both;\n }\n\n @keyframes cardIn {\n from { opacity:0; transform: translateY(12px); }\n to { opacity:1; transform: translateY(0); }\n }\n\n \/* Corner decorations *\/\n .dossier-card::before,\n .dossier-card::after {\n content: '+';\n position: absolute;\n color: var(--green);\n font-size: 18px;\n font-weight: bold;\n line-height: 1;\n text-shadow: var(--glow);\n }\n .dossier-card::before { top: -1px; left: 8px; }\n .dossier-card::after { bottom: -1px; right: 8px; }\n\n .card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 24px;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .fact-number {\n font-family: 'Orbitron', monospace;\n font-size: 11px;\n letter-spacing: 3px;\n color: var(--dim-green);\n }\n\n .classification {\n font-family: 'Orbitron', monospace;\n font-size: 9px;\n letter-spacing: 4px;\n padding: 4px 10px;\n border: 1px solid var(--red);\n color: var(--red);\n text-shadow: 0 0 8px var(--red);\n box-shadow: 0 0 8px rgba(255,51,85,0.3);\n animation: classificationPulse 2s infinite;\n }\n @keyframes classificationPulse {\n 0%,100%{box-shadow:0 0 8px rgba(255,51,85,0.3)}\n 50%{box-shadow:0 0 16px rgba(255,51,85,0.7)}\n }\n\n .fact-category {\n display: inline-block;\n font-size: 9px;\n letter-spacing: 3px;\n padding: 3px 8px;\n border: 1px solid var(--amber);\n color: var(--amber);\n text-shadow: 0 0 6px var(--amber);\n margin-bottom: 16px;\n }\n\n .fact-title {\n font-family: 'Orbitron', monospace;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n color: var(--white);\n text-shadow: var(--glow);\n margin-bottom: 20px;\n line-height: 1.3;\n }\n\n .fact-body {\n font-size: 14px;\n line-height: 1.8;\n color: #aaffcc;\n border-left: 2px solid var(--dim-green);\n padding-left: 16px;\n margin-bottom: 24px;\n min-height: 80px;\n }\n\n .fact-body .typed-cursor {\n display: inline-block;\n width: 8px;\n height: 14px;\n background: var(--green);\n vertical-align: text-bottom;\n animation: blink 0.7s infinite;\n margin-left: 2px;\n }\n @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }\n\n .fact-meta {\n display: flex;\n gap: 24px;\n flex-wrap: wrap;\n font-size: 11px;\n color: var(--dim-green);\n letter-spacing: 2px;\n margin-bottom: 28px;\n padding-top: 16px;\n border-top: 1px solid #003322;\n }\n\n .fact-meta span::before {\n content: '\/\/ ';\n opacity: 0.5;\n }\n\n \/* WOW METER *\/\n .wow-meter {\n margin-bottom: 28px;\n }\n .wow-label {\n font-size: 10px;\n letter-spacing: 3px;\n color: var(--dim-green);\n margin-bottom: 6px;\n }\n .wow-dots {\n display: flex;\n gap: 5px;\n }\n .wow-dot {\n width: 14px;\n height: 14px;\n border: 1px solid var(--dim-green);\n transition: all 0.3s;\n }\n .wow-dot.active {\n background: var(--green);\n box-shadow: var(--glow);\n border-color: var(--green);\n }\n\n \/* BUTTONS *\/\n .btn-row {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }\n\n .btn {\n font-family: 'Orbitron', monospace;\n font-size: 11px;\n letter-spacing: 3px;\n padding: 12px 24px;\n border: 1px solid var(--green);\n background: transparent;\n color: var(--green);\n cursor: crosshair;\n text-transform: uppercase;\n transition: all 0.2s;\n text-shadow: var(--glow);\n box-shadow: 0 0 8px rgba(0,255,136,0.2);\n position: relative;\n overflow: hidden;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--green);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.2s;\n z-index: -1;\n }\n\n .btn:hover::before { transform: scaleX(1); }\n .btn:hover { color: var(--bg); text-shadow: none; box-shadow: var(--glow-strong); }\n .btn:disabled { opacity: 0.3; cursor: not-allowed; }\n .btn:disabled:hover::before { transform: scaleX(0); }\n .btn:disabled:hover { color: var(--green); text-shadow: var(--glow); }\n\n .btn-secondary {\n border-color: var(--dim-green);\n color: var(--dim-green);\n text-shadow: none;\n box-shadow: none;\n font-size: 10px;\n padding: 10px 18px;\n }\n .btn-secondary::before { background: var(--dim-green); }\n .btn-secondary:hover { color: var(--bg); text-shadow: none; box-shadow: 0 0 8px #00aa5555; }\n\n \/* BOTTOM STATUS *\/\n .status-bar {\n margin-top: 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 10px;\n letter-spacing: 2px;\n color: var(--dim-green);\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .status-dot {\n display: inline-block;\n width: 8px;\n height: 8px;\n background: var(--green);\n border-radius: 50%;\n margin-right: 6px;\n box-shadow: 0 0 6px var(--green);\n animation: pulse 2s infinite;\n }\n\n \/* COMPLETE STATE *\/\n .complete-state {\n text-align: center;\n padding: 60px 32px;\n animation: cardIn 0.6s ease;\n }\n\n .complete-state h2 {\n font-family: 'Orbitron', monospace;\n font-size: 28px;\n color: var(--green);\n text-shadow: var(--glow-strong);\n margin-bottom: 16px;\n letter-spacing: 4px;\n }\n\n .complete-state p {\n color: #aaffcc;\n font-size: 13px;\n line-height: 1.8;\n max-width: 500px;\n margin: 0 auto 32px;\n }\n\n .ascii-art {\n font-size: 11px;\n line-height: 1.4;\n color: var(--dim-green);\n margin-bottom: 32px;\n text-shadow: 0 0 4px #00ff8844;\n }\n\n @media (max-width: 600px) {\n .dossier-card { padding: 20px; }\n .btn-row { flex-direction: column; }\n .btn { text-align: center; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"header\">\n <div class=\"header-label\">\u25b6 Geheime Operatie \u25c0<\/div>\n <h1>IT DOSSIER<\/h1>\n <div class=\"header-sub\">\/\/ VERTROUWELIJK \u2014 NIVEAU 5 TOEGANG VEREIST \/\/<\/div>\n <hr class=\"divider\">\n <\/div>\n\n <div class=\"progress-label\" id=\"progressLabel\">DOSSIER 1 VAN 8 GEOPEND<\/div>\n <div class=\"progress-bar-wrap\">\n <div class=\"progress-bar-fill\" id=\"progressFill\" style=\"width:12.5%\"><\/div>\n <\/div>\n\n <div id=\"mainCard\"><\/div>\n\n <div class=\"status-bar\">\n <span><span class=\"status-dot\"><\/span>VERBINDING ACTIEF<\/span>\n <span id=\"timestamp\"><\/span>\n <span>ENCRYPTIE: AES-256<\/span>\n <\/div>\n<\/div>\n\n<script>\nconst facts = [\n {\n category: \"HARDWARE INTEL\",\n title: \"De eerste 1GB harde schijf woog 250 kilogram\",\n body: \"In 1980 bracht IBM de IBM 3380 uit \u2014 's werelds eerste harde schijf met 1 gigabyte opslagcapaciteit. Het apparaat was zo groot als een koelkast, woog ongeveer 250 kg en kostte omgerekend meer dan \u20ac80.000. Je kon hem letterlijk niet mee naar huis nemen. Vandaag passen er 2.000 gigabyte in een USB-stick die je kwijtraaktin je zak.\",\n year: \"1980\",\n tag: \"GEVERIFIEERD\",\n wow: 8,\n source: \"IBM Archives\"\n },\n {\n category: \"INTERNET ARCHEOLOGIE\",\n title: \"E-mail is ouder dan het internet\",\n body: \"Het World Wide Web bestaat pas sinds 1991. Maar e-mail? Die bestaat al sinds 1971 \u2014 20 jaar eerder. Ray Tomlinson stuurde de allereerste e-mail naar zichzelf, van de ene computer naar de andere die naast elkaar stonden. De inhoud? Hij weet het zelf niet meer. Waarschijnlijk iets als 'qwertyuiop'. Zo begon digitale communicatie.\",\n year: \"1971\",\n tag: \"HISTORISCH\",\n wow: 7,\n source: \"BBN Technologies \/ RFC History\"\n },\n {\n category: \"BUGS & EXPLOITS\",\n title: \"De eerste computerbug was een echte kever\",\n body: \"Op 9 september 1947 werkte de Harvard Mark II computer niet. Technica Grace Hopper onderzocht het apparaat en vond een echte mot vastgeklemd in een elektromagnetisch relais. Ze plakte de mot in haar logboek met de notitie: 'First actual case of bug being found.' Dit is letterlijk de oorsprong van de term 'bug' in software.\",\n year: \"1947\",\n tag: \"OORSPRONG\",\n wow: 9,\n source: \"Smithsonian Institution\"\n },\n {\n category: \"SECURITY PARADOX\",\n title: \"Het wachtwoord '123456' beschermt ~3 miljoen accounts tegelijk\",\n body: \"Bij elke grote datalek-analyse staat '123456' op nummer \u00e9\u00e9n. Na grote lekken zoals RockYou (2009) bleek dat meer dan 300.000 mensen hetzelfde wachtwoord gebruikten in \u00e9\u00e9n database. Schaal dat op naar alle platforms wereldwijd, en je beschermt met dit ene wachtwoord collectief toegang tot miljoenen accounts. Cybercriminelen proberen het standaard als eerste.\",\n year: \"2024\",\n tag: \"ACTUEEL GEVAAR\",\n wow: 8,\n source: \"HaveIBeenPwned \/ NordPass Reports\"\n },\n {\n category: \"OORSPRONG\",\n title: \"Het QWERTY-toetsenbord werd ontworpen om langzamer te typen\",\n body: \"Christopher Sholes ontwierp QWERTY in 1873 specifiek om te voorkomen dat typemachines vastliepen. Snelle typisten lieten de metalen hamers botsen, dus werden veelgebruikte lettercombo's bewust ver uiteen geplaatst. We zijn nu 150 jaar verder, typemachines bestaan niet meer \u2014 maar we zitten nog steeds vast aan een lay-out gebouwd om ons te vertragen.\",\n year: \"1873\",\n tag: \"DESIGN FOUT\",\n wow: 9,\n source: \"Smithsonian Magazine\"\n },\n {\n category: \"CLOUD & INFRA\",\n title: \"De eerste Google-server was gebouwd van LEGO\",\n body: \"In 1996 bouwden Larry Page en Sergey Brin hun eerste zoekmachine-server in de Stanford universiteitscomputer. De harde schijven zaten in een behuizing gebouwd van LEGO-blokjes \u2014 omdat LEGO goedkoop, modulair en makkelijk uit te breiden was. Het originele prototype met 10 harde schijven staat nu in het Computer History Museum in Mountain View.\",\n year: \"1996\",\n tag: \"SILICON VALLEY\",\n wow: 10,\n source: \"Computer History Museum\"\n },\n {\n category: \"NETWERK MYTHES\",\n title: \"Het internet is ontworpen om een nucleaire aanval te overleven\",\n body: \"Deels waar, maar genuanceerder dan de mythe. ARPANET (de voorloper van het internet) werd in de jaren '60 door DARPA ontwikkeld met decentralisatie als kernprincipe. Als \u00e9\u00e9n knooppunt uitvalt, routeert het netwerk automatisch om. Dit maakte het robuust tegen storingen \u2014 ook nucleaire. Maar het originele doel was wetenschappelijk samenwerken, niet oorlogsvoering.\",\n year: \"1969\",\n tag: \"MYTHE GECHECKT\",\n wow: 7,\n source: \"DARPA \/ ARPANET History\"\n },\n {\n category: \"AI & TOEKOMST\",\n title: \"Er wordt meer data aangemaakt in 2 dagen dan in alle jaren v\u00f3\u00f3r 2003\",\n body: \"Eric Schmidt (toenmalig CEO Google) stelde al in 2010 dat de mensheid elke twee dagen evenveel data produceert als van het begin van de beschaving tot 2003. In 2024 is die cyclus gekrompen naar uren. Elke dag sturen we 330 miljard e-mails, 500 uur video per minuut ge\u00fcpload naar YouTube, en genereren AI-systemen terabytes aan synthetische data. We verdrinken in data \u2014 maar weten nog niet wat we meeste ermee moeten.\",\n year: \"2024\",\n tag: \"DATA EXPLOSIE\",\n wow: 10,\n source: \"IDC Global DataSphere \/ Google\"\n }\n];\n\nlet current = 0;\nlet typing = false;\n\nfunction updateTimestamp() {\n const now = new Date();\n document.getElementById('timestamp').textContent =\n now.toISOString().replace('T', ' ').substring(0, 19) + ' UTC';\n}\nsetInterval(updateTimestamp, 1000);\nupdateTimestamp();\n\nfunction wowDots(score) {\n let html = '<div class=\"wow-meter\"><div class=\"wow-label\">WOW-FACTOR<\/div><div class=\"wow-dots\">';\n for (let i = 1; i <= 10; i++) {\n html += `<div class=\"wow-dot ${i <= score ? 'active' : ''}\"><\/div>`;\n }\n html += '<\/div><\/div>';\n return html;\n}\n\nfunction typeText(element, text, speed = 18) {\n return new Promise(resolve => {\n typing = true;\n let i = 0;\n const cursor = '<span class=\"typed-cursor\"><\/span>';\n element.innerHTML = cursor;\n\n const interval = setInterval(() => {\n if (i < text.length) {\n element.innerHTML = text.substring(0, ++i) + cursor;\n } else {\n element.innerHTML = text;\n typing = false;\n clearInterval(interval);\n resolve();\n }\n }, speed);\n });\n}\n\nfunction renderFact(index) {\n if (index >= facts.length) {\n renderComplete();\n return;\n }\n\n const f = facts[index];\n const card = document.getElementById('mainCard');\n\n document.getElementById('progressLabel').textContent =\n `DOSSIER ${index + 1} VAN ${facts.length} GEOPEND`;\n document.getElementById('progressFill').style.width =\n `${((index + 1) \/ facts.length) * 100}%`;\n\n card.innerHTML = `\n <div class=\"dossier-card\" id=\"card-${index}\">\n <div class=\"card-header\">\n <div class=\"fact-number\">DOSSIER #${String(index + 1).padStart(3, '0')}<\/div>\n <div class=\"classification\">\u2b1b VERTROUWELIJK<\/div>\n <\/div>\n <div class=\"fact-category\">${f.category}<\/div>\n <div class=\"fact-title\">${f.title}<\/div>\n <div class=\"fact-body\" id=\"factBody\"><\/div>\n ${wowDots(f.wow)}\n <div class=\"fact-meta\">\n <span>JAAR: ${f.year}<\/span>\n <span>STATUS: ${f.tag}<\/span>\n <span>BRON: ${f.source}<\/span>\n <\/div>\n <div class=\"btn-row\">\n <button class=\"btn\" id=\"nextBtn\" onclick=\"nextFact()\">\n ${index < facts.length - 1 ? '\u25b6 VOLGEND DOSSIER' : '\u25b6 AFSLUITEN'}\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"skipTyping()\" id=\"skipBtn\">\n \/\/ SKIP ANIMATIE\n <\/button>\n <\/div>\n <\/div>`;\n\n const bodyEl = document.getElementById('factBody');\n typeText(bodyEl, f.body, 16).then(() => {\n document.getElementById('skipBtn').style.display = 'none';\n });\n}\n\nfunction skipTyping() {\n if (typing) {\n const f = facts[current];\n document.getElementById('factBody').innerHTML = f.body;\n typing = false;\n document.getElementById('skipBtn').style.display = 'none';\n }\n}\n\nfunction nextFact() {\n if (typing) { skipTyping(); return; }\n current++;\n renderFact(current);\n}\n\nfunction renderComplete() {\n document.getElementById('progressLabel').textContent = 'ALLE DOSSIERS GEOPEND \u2014 CLEARANCE VOLTOOID';\n document.getElementById('progressFill').style.width = '100%';\n\n document.getElementById('mainCard').innerHTML = `\n <div class=\"dossier-card complete-state\">\n <div class=\"ascii-art\">\n\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557 \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557<br>\n\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255d<br>\n\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557 <br>\n\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2551\u255a\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255d <br>\n\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255d\u255a\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255d\u2588\u2588\u2551 \u255a\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557<br>\n\u255a\u2550\u2550\u2550\u2550\u2550\u255d \u255a\u2550\u2550\u2550\u2550\u2550\u255d \u255a\u2550\u255d \u255a\u2550\u2550\u2550\u255d\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u255d\n <\/div>\n <h2>ALLE 8 DOSSIERS GELEZEN<\/h2>\n <p>\n Je hebt zojuist 8 verrassende IT-feiten ontdekt die de meeste technici niet kennen.\n Van een 250kg harde schijf tot LEGO-servers \u2014 de IT-wereld is vreemder dan fiction.<br><br>\n <span style=\"color: var(--amber)\">\/\/ Deel je wow-factor met collega's. Ze zullen het niet geloven.<\/span>\n <\/p>\n <div class=\"btn-row\" style=\"justify-content:center\">\n <button class=\"btn\" onclick=\"restart()\">\u25b6 HERSTART DOSSIER<\/button>\n <\/div>\n <\/div>`;\n}\n\nfunction restart() {\n current = 0;\n renderFact(0);\n}\n\nrenderFact(0);\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IT DOSSIER \u2014 VERTROUWELIJK \u25b6 Geheime Operatie \u25c0 IT DOSSIER \/\/ VERTROUWELIJK \u2014 NIVEAU 5 TOEGANG VEREIST \/\/ DOSSIER 1 VAN 8 GEOPEND VERBINDING ACTIEF ENCRYPTIE: AES-256<\/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-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":5,"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nIT DOSSIER \u2014 VERTROUWELIJK<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --green: #00ff88;\n --dim-green: #00aa55;\n --dark-green: #003322;\n --bg: #030d08;\n --card-bg: #050f0a;\n --red: #ff3355;\n --amber: #ffaa00;\n --white: #e8fff4;\n --glow: 0 0 10px #00ff8877, 0 0 30px #00ff8833;\n --glow-strong: 0 0 20px #00ff88bb, 0 0 60px #00ff8855;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n background: var(--bg);\n color: var(--green);\n font-family: 'Share Tech Mono', monospace;\n min-height: 100vh;\n overflow-x: hidden;\n cursor: crosshair;\n }\n\n \/* Scanlines overlay *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(0,0,0,0.12) 2px,\n rgba(0,0,0,0.12) 4px\n );\n pointer-events: none;\n z-index: 1000;\n }\n\n \/* CRT flicker *\/\n body::after {\n content: '';\n position: fixed;\n inset: 0;\n background: radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,0.5) 100%);\n pointer-events: none;\n z-index: 999;\n animation: flicker 8s infinite;\n }\n\n @keyframes flicker {\n 0%, 95%, 100% { opacity: 1; }\n 96% { opacity: 0.92; }\n 97% { opacity: 1; }\n 98% { opacity: 0.95; }\n }\n\n .container {\n max-width: 860px;\n margin: 0 auto;\n padding: 40px 20px 80px;\n }\n\n \/* HEADER *\/\n .header {\n text-align: center;\n margin-bottom: 48px;\n position: relative;\n }\n\n .header-label {\n font-family: 'Orbitron', monospace;\n font-size: 10px;\n letter-spacing: 8px;\n color: var(--dim-green);\n text-transform: uppercase;\n margin-bottom: 12px;\n animation: pulse 3s infinite;\n }\n\n @keyframes pulse { 0%,100%{opacity:0.6} 50%{opacity:1} }\n\n .header h1 {\n font-family: 'Orbitron', monospace;\n font-size: clamp(24px, 6vw, 48px);\n font-weight: 900;\n color: var(--green);\n text-shadow: var(--glow-strong);\n letter-spacing: 4px;\n line-height: 1.1;\n }\n\n .header-sub {\n margin-top: 12px;\n font-size: 11px;\n color: var(--dim-green);\n letter-spacing: 3px;\n }\n\n .divider {\n border: none;\n border-top: 1px solid var(--dim-green);\n margin: 20px 0;\n box-shadow: 0 0 8px #00ff8844;\n }\n\n \/* PROGRESS *\/\n .progress-bar-wrap {\n background: var(--dark-green);\n height: 4px;\n border-radius: 2px;\n margin: 24px 0;\n overflow: hidden;\n box-shadow: inset 0 0 4px #000;\n }\n .progress-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--dim-green), var(--green));\n box-shadow: var(--glow);\n transition: width 0.6s cubic-bezier(.4,0,.2,1);\n }\n .progress-label {\n font-size: 10px;\n letter-spacing: 3px;\n color: var(--dim-green);\n margin-bottom: 8px;\n }\n\n \/* DOSSIER CARD *\/\n .dossier-card {\n border: 1px solid var(--dim-green);\n background: var(--card-bg);\n padding: 32px;\n position: relative;\n box-shadow: var(--glow), inset 0 0 40px rgba(0,255,136,0.03);\n animation: cardIn 0.5s ease both;\n }\n\n @keyframes cardIn {\n from { opacity:0; transform: translateY(12px); }\n to { opacity:1; transform: translateY(0); }\n }\n\n \/* Corner decorations *\/\n .dossier-card::before,\n .dossier-card::after {\n content: '+';\n position: absolute;\n color: var(--green);\n font-size: 18px;\n font-weight: bold;\n line-height: 1;\n text-shadow: var(--glow);\n }\n .dossier-card::before { top: -1px; left: 8px; }\n .dossier-card::after { bottom: -1px; right: 8px; }\n\n .card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 24px;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .fact-number {\n font-family: 'Orbitron', monospace;\n font-size: 11px;\n letter-spacing: 3px;\n color: var(--dim-green);\n }\n\n .classification {\n font-family: 'Orbitron', monospace;\n font-size: 9px;\n letter-spacing: 4px;\n padding: 4px 10px;\n border: 1px solid var(--red);\n color: var(--red);\n text-shadow: 0 0 8px var(--red);\n box-shadow: 0 0 8px rgba(255,51,85,0.3);\n animation: classificationPulse 2s infinite;\n }\n @keyframes classificationPulse {\n 0%,100%{box-shadow:0 0 8px rgba(255,51,85,0.3)}\n 50%{box-shadow:0 0 16px rgba(255,51,85,0.7)}\n }\n\n .fact-category {\n display: inline-block;\n font-size: 9px;\n letter-spacing: 3px;\n padding: 3px 8px;\n border: 1px solid var(--amber);\n color: var(--amber);\n text-shadow: 0 0 6px var(--amber);\n margin-bottom: 16px;\n }\n\n .fact-title {\n font-family: 'Orbitron', monospace;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n color: var(--white);\n text-shadow: var(--glow);\n margin-bottom: 20px;\n line-height: 1.3;\n }\n\n .fact-body {\n font-size: 14px;\n line-height: 1.8;\n color: #aaffcc;\n border-left: 2px solid var(--dim-green);\n padding-left: 16px;\n margin-bottom: 24px;\n min-height: 80px;\n }\n\n .fact-body .typed-cursor {\n display: inline-block;\n width: 8px;\n height: 14px;\n background: var(--green);\n vertical-align: text-bottom;\n animation: blink 0.7s infinite;\n margin-left: 2px;\n }\n @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }\n\n .fact-meta {\n display: flex;\n gap: 24px;\n flex-wrap: wrap;\n font-size: 11px;\n color: var(--dim-green);\n letter-spacing: 2px;\n margin-bottom: 28px;\n padding-top: 16px;\n border-top: 1px solid #003322;\n }\n\n .fact-meta span::before {\n content: '\/\/ ';\n opacity: 0.5;\n }\n\n \/* WOW METER *\/\n .wow-meter {\n margin-bottom: 28px;\n }\n .wow-label {\n font-size: 10px;\n letter-spacing: 3px;\n color: var(--dim-green);\n margin-bottom: 6px;\n }\n .wow-dots {\n display: flex;\n gap: 5px;\n }\n .wow-dot {\n width: 14px;\n height: 14px;\n border: 1px solid var(--dim-green);\n transition: all 0.3s;\n }\n .wow-dot.active {\n background: var(--green);\n box-shadow: var(--glow);\n border-color: var(--green);\n }\n\n \/* BUTTONS *\/\n .btn-row {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }\n\n .btn {\n font-family: 'Orbitron', monospace;\n font-size: 11px;\n letter-spacing: 3px;\n padding: 12px 24px;\n border: 1px solid var(--green);\n background: transparent;\n color: var(--green);\n cursor: crosshair;\n text-transform: uppercase;\n transition: all 0.2s;\n text-shadow: var(--glow);\n box-shadow: 0 0 8px rgba(0,255,136,0.2);\n position: relative;\n overflow: hidden;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--green);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.2s;\n z-index: -1;\n }\n\n .btn:hover::before { transform: scaleX(1); }\n .btn:hover { color: var(--bg); text-shadow: none; box-shadow: var(--glow-strong); }\n .btn:disabled { opacity: 0.3; cursor: not-allowed; }\n .btn:disabled:hover::before { transform: scaleX(0); }\n .btn:disabled:hover { color: var(--green); text-shadow: var(--glow); }\n\n .btn-secondary {\n border-color: var(--dim-green);\n color: var(--dim-green);\n text-shadow: none;\n box-shadow: none;\n font-size: 10px;\n padding: 10px 18px;\n }\n .btn-secondary::before { background: var(--dim-green); }\n .btn-secondary:hover { color: var(--bg); text-shadow: none; box-shadow: 0 0 8px #00aa5555; }\n\n \/* BOTTOM STATUS *\/\n .status-bar {\n margin-top: 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 10px;\n letter-spacing: 2px;\n color: var(--dim-green);\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .status-dot {\n display: inline-block;\n width: 8px;\n height: 8px;\n background: var(--green);\n border-radius: 50%;\n margin-right: 6px;\n box-shadow: 0 0 6px var(--green);\n animation: pulse 2s infinite;\n }\n\n \/* COMPLETE STATE *\/\n .complete-state {\n text-align: center;\n padding: 60px 32px;\n animation: cardIn 0.6s ease;\n }\n\n .complete-state h2 {\n font-family: 'Orbitron', monospace;\n font-size: 28px;\n color: var(--green);\n text-shadow: var(--glow-strong);\n margin-bottom: 16px;\n letter-spacing: 4px;\n }\n\n .complete-state p {\n color: #aaffcc;\n font-size: 13px;\n line-height: 1.8;\n max-width: 500px;\n margin: 0 auto 32px;\n }\n\n .ascii-art {\n font-size: 11px;\n line-height: 1.4;\n color: var(--dim-green);\n margin-bottom: 32px;\n text-shadow: 0 0 4px #00ff8844;\n }\n\n @media (max-width: 600px) {\n .dossier-card { padding: 20px; }\n .btn-row { flex-direction: column; }\n .btn { text-align: center; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"header\">\n <div class=\"header-label\">\u25b6 Geheime Operatie \u25c0<\/div>\n <h1>IT DOSSIER<\/h1>\n <div class=\"header-sub\">\/\/ VERTROUWELIJK \u2014 NIVEAU 5 TOEGANG VEREIST \/\/<\/div>\n <hr class=\"divider\">\n <\/div>\n\n <div class=\"progress-label\" id=\"progressLabel\">DOSSIER 1 VAN 8 GEOPEND<\/div>\n <div class=\"progress-bar-wrap\">\n <div class=\"progress-bar-fill\" id=\"progressFill\" style=\"width:12.5%\"><\/div>\n <\/div>\n\n <div id=\"mainCard\"><\/div>\n\n <div class=\"status-bar\">\n <span><span class=\"status-dot\"><\/span>VERBINDING ACTIEF<\/span>\n <span id=\"timestamp\"><\/span>\n <span>ENCRYPTIE: AES-256<\/span>\n <\/div>\n<\/div>\n\n<script>\nconst facts = [\n {\n category: \"HARDWARE INTEL\",\n title: \"De eerste 1GB harde schijf woog 250 kilogram\",\n body: \"In 1980 bracht IBM de IBM 3380 uit \u2014 's werelds eerste harde schijf met 1 gigabyte opslagcapaciteit. Het apparaat was zo groot als een koelkast, woog ongeveer 250 kg en kostte omgerekend meer dan \u20ac80.000. Je kon hem letterlijk niet mee naar huis nemen. Vandaag passen er 2.000 gigabyte in een USB-stick die je kwijtraaktin je zak.\",\n year: \"1980\",\n tag: \"GEVERIFIEERD\",\n wow: 8,\n source: \"IBM Archives\"\n },\n {\n category: \"INTERNET ARCHEOLOGIE\",\n title: \"E-mail is ouder dan het internet\",\n body: \"Het World Wide Web bestaat pas sinds 1991. Maar e-mail? Die bestaat al sinds 1971 \u2014 20 jaar eerder. Ray Tomlinson stuurde de allereerste e-mail naar zichzelf, van de ene computer naar de andere die naast elkaar stonden. De inhoud? Hij weet het zelf niet meer. Waarschijnlijk iets als 'qwertyuiop'. Zo begon digitale communicatie.\",\n year: \"1971\",\n tag: \"HISTORISCH\",\n wow: 7,\n source: \"BBN Technologies \/ RFC History\"\n },\n {\n category: \"BUGS & EXPLOITS\",\n title: \"De eerste computerbug was een echte kever\",\n body: \"Op 9 september 1947 werkte de Harvard Mark II computer niet. Technica Grace Hopper onderzocht het apparaat en vond een echte mot vastgeklemd in een elektromagnetisch relais. Ze plakte de mot in haar logboek met de notitie: 'First actual case of bug being found.' Dit is letterlijk de oorsprong van de term 'bug' in software.\",\n year: \"1947\",\n tag: \"OORSPRONG\",\n wow: 9,\n source: \"Smithsonian Institution\"\n },\n {\n category: \"SECURITY PARADOX\",\n title: \"Het wachtwoord '123456' beschermt ~3 miljoen accounts tegelijk\",\n body: \"Bij elke grote datalek-analyse staat '123456' op nummer \u00e9\u00e9n. Na grote lekken zoals RockYou (2009) bleek dat meer dan 300.000 mensen hetzelfde wachtwoord gebruikten in \u00e9\u00e9n database. Schaal dat op naar alle platforms wereldwijd, en je beschermt met dit ene wachtwoord collectief toegang tot miljoenen accounts. Cybercriminelen proberen het standaard als eerste.\",\n year: \"2024\",\n tag: \"ACTUEEL GEVAAR\",\n wow: 8,\n source: \"HaveIBeenPwned \/ NordPass Reports\"\n },\n {\n category: \"OORSPRONG\",\n title: \"Het QWERTY-toetsenbord werd ontworpen om langzamer te typen\",\n body: \"Christopher Sholes ontwierp QWERTY in 1873 specifiek om te voorkomen dat typemachines vastliepen. Snelle typisten lieten de metalen hamers botsen, dus werden veelgebruikte lettercombo's bewust ver uiteen geplaatst. We zijn nu 150 jaar verder, typemachines bestaan niet meer \u2014 maar we zitten nog steeds vast aan een lay-out gebouwd om ons te vertragen.\",\n year: \"1873\",\n tag: \"DESIGN FOUT\",\n wow: 9,\n source: \"Smithsonian Magazine\"\n },\n {\n category: \"CLOUD & INFRA\",\n title: \"De eerste Google-server was gebouwd van LEGO\",\n body: \"In 1996 bouwden Larry Page en Sergey Brin hun eerste zoekmachine-server in de Stanford universiteitscomputer. De harde schijven zaten in een behuizing gebouwd van LEGO-blokjes \u2014 omdat LEGO goedkoop, modulair en makkelijk uit te breiden was. Het originele prototype met 10 harde schijven staat nu in het Computer History Museum in Mountain View.\",\n year: \"1996\",\n tag: \"SILICON VALLEY\",\n wow: 10,\n source: \"Computer History Museum\"\n },\n {\n category: \"NETWERK MYTHES\",\n title: \"Het internet is ontworpen om een nucleaire aanval te overleven\",\n body: \"Deels waar, maar genuanceerder dan de mythe. ARPANET (de voorloper van het internet) werd in de jaren '60 door DARPA ontwikkeld met decentralisatie als kernprincipe. Als \u00e9\u00e9n knooppunt uitvalt, routeert het netwerk automatisch om. Dit maakte het robuust tegen storingen \u2014 ook nucleaire. Maar het originele doel was wetenschappelijk samenwerken, niet oorlogsvoering.\",\n year: \"1969\",\n tag: \"MYTHE GECHECKT\",\n wow: 7,\n source: \"DARPA \/ ARPANET History\"\n },\n {\n category: \"AI & TOEKOMST\",\n title: \"Er wordt meer data aangemaakt in 2 dagen dan in alle jaren v\u00f3\u00f3r 2003\",\n body: \"Eric Schmidt (toenmalig CEO Google) stelde al in 2010 dat de mensheid elke twee dagen evenveel data produceert als van het begin van de beschaving tot 2003. In 2024 is die cyclus gekrompen naar uren. Elke dag sturen we 330 miljard e-mails, 500 uur video per minuut ge\u00fcpload naar YouTube, en genereren AI-systemen terabytes aan synthetische data. We verdrinken in data \u2014 maar weten nog niet wat we meeste ermee moeten.\",\n year: \"2024\",\n tag: \"DATA EXPLOSIE\",\n wow: 10,\n source: \"IDC Global DataSphere \/ Google\"\n }\n];\n\nlet current = 0;\nlet typing = false;\n\nfunction updateTimestamp() {\n const now = new Date();\n document.getElementById('timestamp').textContent =\n now.toISOString().replace('T', ' ').substring(0, 19) + ' UTC';\n}\nsetInterval(updateTimestamp, 1000);\nupdateTimestamp();\n\nfunction wowDots(score) {\n let html = '<div class=\"wow-meter\"><div class=\"wow-label\">WOW-FACTOR<\/div><div class=\"wow-dots\">';\n for (let i = 1; i <= 10; i++) {\n html += `<div class=\"wow-dot ${i <= score ? 'active' : ''}\"><\/div>`;\n }\n html += '<\/div><\/div>';\n return html;\n}\n\nfunction typeText(element, text, speed = 18) {\n return new Promise(resolve => {\n typing = true;\n let i = 0;\n const cursor = '<span class=\"typed-cursor\"><\/span>';\n element.innerHTML = cursor;\n\n const interval = setInterval(() => {\n if (i < text.length) {\n element.innerHTML = text.substring(0, ++i) + cursor;\n } else {\n element.innerHTML = text;\n typing = false;\n clearInterval(interval);\n resolve();\n }\n }, speed);\n });\n}\n\nfunction renderFact(index) {\n if (index >= facts.length) {\n renderComplete();\n return;\n }\n\n const f = facts[index];\n const card = document.getElementById('mainCard');\n\n document.getElementById('progressLabel').textContent =\n `DOSSIER ${index + 1} VAN ${facts.length} GEOPEND`;\n document.getElementById('progressFill').style.width =\n `${((index + 1) \/ facts.length) * 100}%`;\n\n card.innerHTML = `\n <div class=\"dossier-card\" id=\"card-${index}\">\n <div class=\"card-header\">\n <div class=\"fact-number\">DOSSIER #${String(index + 1).padStart(3, '0')}<\/div>\n <div class=\"classification\">\u2b1b VERTROUWELIJK<\/div>\n <\/div>\n <div class=\"fact-category\">${f.category}<\/div>\n <div class=\"fact-title\">${f.title}<\/div>\n <div class=\"fact-body\" id=\"factBody\"><\/div>\n ${wowDots(f.wow)}\n <div class=\"fact-meta\">\n <span>JAAR: ${f.year}<\/span>\n <span>STATUS: ${f.tag}<\/span>\n <span>BRON: ${f.source}<\/span>\n <\/div>\n <div class=\"btn-row\">\n <button class=\"btn\" id=\"nextBtn\" onclick=\"nextFact()\">\n ${index < facts.length - 1 ? '\u25b6 VOLGEND DOSSIER' : '\u25b6 AFSLUITEN'}\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"skipTyping()\" id=\"skipBtn\">\n \/\/ SKIP ANIMATIE\n <\/button>\n <\/div>\n <\/div>`;\n\n const bodyEl = document.getElementById('factBody');\n typeText(bodyEl, f.body, 16).then(() => {\n document.getElementById('skipBtn').style.display = 'none';\n });\n}\n\nfunction skipTyping() {\n if (typing) {\n const f = facts[current];\n document.getElementById('factBody').innerHTML = f.body;\n typing = false;\n document.getElementById('skipBtn').style.display = 'none';\n }\n}\n\nfunction nextFact() {\n if (typing) { skipTyping(); return; }\n current++;\n renderFact(current);\n}\n\nfunction renderComplete() {\n document.getElementById('progressLabel').textContent = 'ALLE DOSSIERS GEOPEND \u2014 CLEARANCE VOLTOOID';\n document.getElementById('progressFill').style.width = '100%';\n\n document.getElementById('mainCard').innerHTML = `\n <div class=\"dossier-card complete-state\">\n <div class=\"ascii-art\">\n\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557 \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557<br>\n\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255d<br>\n\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557 <br>\n\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2551\u255a\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255d <br>\n\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255d\u255a\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255d\u2588\u2588\u2551 \u255a\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557<br>\n\u255a\u2550\u2550\u2550\u2550\u2550\u255d \u255a\u2550\u2550\u2550\u2550\u2550\u255d \u255a\u2550\u255d \u255a\u2550\u2550\u2550\u255d\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u255d\n <\/div>\n <h2>ALLE 8 DOSSIERS GELEZEN<\/h2>\n <p>\n Je hebt zojuist 8 verrassende IT-feiten ontdekt die de meeste technici niet kennen.\n Van een 250kg harde schijf tot LEGO-servers \u2014 de IT-wereld is vreemder dan fiction.<br><br>\n <span style=\"color: var(--amber)\">\/\/ Deel je wow-factor met collega's. Ze zullen het niet geloven.<\/span>\n <\/p>\n <div class=\"btn-row\" style=\"justify-content:center\">\n <button class=\"btn\" onclick=\"restart()\">\u25b6 HERSTART DOSSIER<\/button>\n <\/div>\n <\/div>`;\n}\n\nfunction restart() {\n current = 0;\n renderFact(0);\n}\n\nrenderFact(0);\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IT DOSSIER \u2014 VERTROUWELIJK \u25b6 Geheime Operatie \u25c0 IT DOSSIER \/\/ VERTROUWELIJK \u2014 NIVEAU 5 TOEGANG VEREIST \/\/ DOSSIER 1 VAN 8 GEOPEND VERBINDING ACTIEF ENCRYPTIE: AES-256<\/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-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":5,"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/damian-van-zeelt.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}