{"id":1732,"date":"2026-04-22T17:00:45","date_gmt":"2026-04-22T17:00:45","guid":{"rendered":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/?page_id=1732"},"modified":"2026-04-22T20:12:53","modified_gmt":"2026-04-22T20:12:53","slug":"formulier-telefoon","status":"publish","type":"page","link":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/","title":{"rendered":"Formulier"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier-1024x1024.png\" alt=\"\" class=\"wp-image-644\" style=\"width:269px;height:auto\" srcset=\"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier-1024x1024.png 1024w, https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier-300x300.png 300w, https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier-150x150.png 150w, https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier-768x768.png 768w, https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Onmogelijk-formulier_2026-01-08T17_16_16_Hope-upbeat-and-clear_pvc_sp96_s50_sb75_se0_b_m2.mp3\"><\/audio><\/figure>\n\n\n\n<div class=\"md-chaos-app\" role=\"region\" aria-label=\"Simulatieformulier baantje starten\">\n  <div class=\"md-chaos-top\">\n    <div class=\"md-chaos-timer-wrap\">\n      <div class=\"md-chaos-label\">Tijd<\/div>\n      <div class=\"md-chaos-timer\" aria-live=\"polite\" aria-atomic=\"true\">2:00<\/div>\n      <div class=\"md-chaos-unit\">min<\/div>\n    <\/div>\n\n    <div class=\"md-chaos-buttons\">\n      <button type=\"button\" class=\"md-chaos-btn md-chaos-btn-start\" id=\"mdStartBtn\">Start<\/button>\n      <button type=\"button\" class=\"md-chaos-btn md-chaos-btn-reset\" id=\"mdResetBtn\">Herstart<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"md-chaos-card\">\n    <div class=\"md-chaos-card-head\">\n      <div class=\"md-chaos-badge\">Intake<\/div>\n      <div class=\"md-chaos-title\">Start je baantje<\/div>\n      <div class=\"md-chaos-subtitle\">Volg alle stappen precies op<\/div>\n    <\/div>\n\n    <div id=\"mdChaosFormArea\"><\/div>\n\n    <div class=\"md-chaos-footer\">\n      <button type=\"button\" class=\"md-chaos-submit\" id=\"mdFakeSubmit\">Verder<\/button>\n      <div class=\"md-chaos-note\" id=\"mdChaosNote\">Controleer eerst vak 7, 2 en daarna 11.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"md-chaos-back-wrap\">\n    <a\n      class=\"md-chaos-btn md-chaos-btn-back\"\n      href=\"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/\"\n    >\n      \u2190 Terug naar vorige pagina\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n  .md-chaos-app,\n  .md-chaos-app *{\n    box-sizing:border-box;\n  }\n\n  .md-chaos-app{\n    font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n    color:#111;\n    background:#f7efe3;\n    border:2px solid #1f1f1f;\n    border-radius:18px;\n    padding:14px;\n    box-shadow:0 4px 0 #1f1f1f, 0 10px 24px rgba(0,0,0,.12);\n    max-width:820px;\n    width:100%;\n    margin:0 auto;\n    overflow-x:hidden;\n  }\n\n  .md-chaos-top,\n  .md-chaos-card,\n  .md-chaos-card-head,\n  .md-chaos-form,\n  .md-chaos-grid,\n  .md-chaos-field,\n  .md-chaos-row,\n  .md-chaos-checks,\n  .md-chaos-footer,\n  .md-chaos-buttons,\n  .md-chaos-note,\n  .md-chaos-warning,\n  .md-chaos-status{\n    min-width:0;\n    max-width:100%;\n  }\n\n  .md-chaos-top{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-start;\n    gap:14px;\n    flex-wrap:wrap;\n    margin-bottom:14px;\n  }\n\n  .md-chaos-timer-wrap{\n    display:grid;\n    gap:4px;\n    min-width:0;\n    width:auto;\n    max-width:100%;\n  }\n\n  .md-chaos-label,\n  .md-chaos-unit{\n    font-size:12px;\n    font-weight:800;\n    text-transform:uppercase;\n    letter-spacing:.08em;\n    color:#5a4a2f;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n  }\n\n  .md-chaos-timer{\n    display:inline-block;\n    min-width:92px;\n    max-width:100%;\n    text-align:center;\n    font-size:30px;\n    font-weight:900;\n    line-height:1;\n    padding:12px 14px;\n    border:2px solid #1f1f1f;\n    border-radius:14px;\n    background:#fff;\n    box-shadow:inset 0 -2px 0 rgba(0,0,0,.08);\n  }\n\n  .md-chaos-timer.is-finished{\n    animation:mdChaosPulse .7s ease-in-out 3;\n    background:#ffe7a8;\n  }\n\n  @keyframes mdChaosPulse{\n    0%{transform:scale(1);}\n    50%{transform:scale(1.04);}\n    100%{transform:scale(1);}\n  }\n\n  .md-chaos-buttons{\n    display:flex;\n    gap:10px;\n    flex-wrap:wrap;\n    width:auto;\n  }\n\n  .md-chaos-btn,\n  .md-chaos-submit{\n    appearance:none;\n    -webkit-appearance:none;\n    border:2px solid #1f1f1f;\n    border-radius:12px;\n    padding:12px 16px;\n    min-height:46px;\n    font-size:16px;\n    font-weight:800;\n    line-height:1.2;\n    cursor:pointer;\n    color:#111;\n    background:#fff;\n    box-shadow:0 3px 0 #1f1f1f;\n    transition:transform .08s ease, box-shadow .08s ease, background .15s ease;\n    text-decoration:none;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    max-width:100%;\n    touch-action:manipulation;\n  }\n\n  .md-chaos-btn:active,\n  .md-chaos-submit:active{\n    transform:translateY(2px);\n    box-shadow:0 1px 0 #1f1f1f;\n  }\n\n  .md-chaos-btn:disabled,\n  .md-chaos-submit:disabled{\n    opacity:.55;\n    cursor:not-allowed;\n    transform:none;\n  }\n\n  .md-chaos-btn-start{ background:#f6d66b; }\n  .md-chaos-btn-reset{ background:#e8e1cf; }\n  .md-chaos-btn-back{\n    background:#e8e1cf;\n    width:100%;\n  }\n  .md-chaos-submit{ background:#d9ecff; }\n\n  .md-chaos-card{\n    border:2px solid #1f1f1f;\n    border-radius:16px;\n    background:#fffdf8;\n    padding:14px;\n    overflow:hidden;\n  }\n\n  .md-chaos-card-head{\n    margin-bottom:14px;\n  }\n\n  .md-chaos-badge{\n    display:inline-block;\n    padding:5px 9px;\n    border:2px solid #1f1f1f;\n    border-radius:999px;\n    background:#fff1bd;\n    font-size:12px;\n    font-weight:800;\n    margin-bottom:8px;\n    max-width:100%;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n  }\n\n  .md-chaos-title{\n    font-size:24px;\n    font-weight:900;\n    line-height:1.15;\n    margin-bottom:4px;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  .md-chaos-subtitle{\n    font-size:14px;\n    color:#5b5b5b;\n    font-weight:600;\n    line-height:1.35;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  .md-chaos-form{\n    display:grid;\n    gap:12px;\n  }\n\n  .md-chaos-grid{\n    display:grid;\n    grid-template-columns:repeat(2, minmax(0,1fr));\n    gap:12px;\n  }\n\n  .md-chaos-field{\n    display:grid;\n    gap:6px;\n  }\n\n  .md-chaos-field.full{\n    grid-column:1 \/ -1;\n  }\n\n  .md-chaos-field label{\n    display:block;\n    font-size:14px;\n    font-weight:800;\n    line-height:1.3;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  .md-chaos-field input,\n  .md-chaos-field select{\n    width:100%;\n    min-width:0;\n    max-width:100%;\n    border:2px solid #1f1f1f;\n    border-radius:12px;\n    background:#fff;\n    color:#111;\n    padding:12px;\n    min-height:46px;\n    font-size:16px; \/* voorkomt zoom op iPhone *\/\n    line-height:1.2;\n  }\n\n  .md-chaos-mini{\n    font-size:12px;\n    color:#6a6a6a;\n    font-weight:700;\n    line-height:1.35;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  .md-chaos-row{\n    display:grid;\n    grid-template-columns:repeat(2, minmax(0,1fr));\n    gap:10px;\n  }\n\n  .md-chaos-chip{\n    display:flex;\n    align-items:flex-start;\n    gap:8px;\n    border:2px solid #1f1f1f;\n    border-radius:14px;\n    padding:10px 11px;\n    background:#f5f0e6;\n    font-size:13px;\n    font-weight:700;\n    line-height:1.35;\n    width:100%;\n    max-width:100%;\n    min-width:0;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n  }\n\n  .md-chaos-chip input[type=\"checkbox\"]{\n    flex:0 0 auto;\n    margin:2px 0 0 0;\n    transform:scale(1.1);\n  }\n\n  .md-chaos-chip span{\n    flex:1 1 auto;\n    min-width:0;\n    max-width:100%;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  .md-chaos-checks{\n    display:grid;\n    grid-template-columns:repeat(2, minmax(0,1fr));\n    gap:10px 12px;\n  }\n\n  .md-chaos-checks label{\n    display:flex;\n    gap:8px;\n    align-items:flex-start;\n    width:100%;\n    min-width:0;\n    max-width:100%;\n    font-size:14px;\n    font-weight:700;\n    line-height:1.35;\n    white-space:normal;\n  }\n\n  .md-chaos-checks input[type=\"checkbox\"]{\n    margin:2px 0 0 0;\n    transform:scale(1.1);\n    flex:0 0 auto;\n  }\n\n  .md-chaos-checks label > span{\n    flex:1 1 auto;\n    min-width:0;\n    max-width:100%;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  .md-chaos-warning{\n    border:2px dashed #1f1f1f;\n    border-radius:14px;\n    background:#fff7d8;\n    padding:12px;\n    font-size:14px;\n    font-weight:700;\n    line-height:1.45;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  .md-chaos-footer{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-start;\n    gap:12px;\n    flex-wrap:wrap;\n    margin-top:16px;\n  }\n\n  .md-chaos-note{\n    font-size:13px;\n    font-weight:800;\n    color:#6a5a37;\n    line-height:1.4;\n    flex:1 1 220px;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  .md-chaos-back-wrap{\n    margin-top:12px;\n  }\n\n  .md-chaos-lock{\n    opacity:.75;\n    pointer-events:none;\n  }\n\n  .md-chaos-status{\n    margin-top:12px;\n    padding:10px 12px;\n    border:2px solid #1f1f1f;\n    border-radius:12px;\n    background:#eef7ff;\n    font-weight:800;\n    font-size:13px;\n    line-height:1.4;\n    white-space:normal;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n\n  \/* iPhone 13 en vergelijkbare schermen *\/\n  @media (max-width: 430px){\n    .md-chaos-app{\n      padding:12px;\n      border-radius:16px;\n      margin:0 8px;\n    }\n\n    .md-chaos-top{\n      flex-direction:column;\n      align-items:stretch;\n    }\n\n    .md-chaos-timer-wrap,\n    .md-chaos-timer,\n    .md-chaos-buttons,\n    .md-chaos-btn,\n    .md-chaos-submit,\n    .md-chaos-note{\n      width:100%;\n    }\n\n    .md-chaos-timer{\n      min-width:0;\n      font-size:28px;\n      padding:14px 12px;\n    }\n\n    .md-chaos-buttons{\n      display:grid;\n      grid-template-columns:1fr;\n      gap:10px;\n    }\n\n    .md-chaos-card{\n      padding:12px;\n    }\n\n    .md-chaos-title{\n      font-size:20px;\n    }\n\n    .md-chaos-subtitle,\n    .md-chaos-field label,\n    .md-chaos-checks label,\n    .md-chaos-warning,\n    .md-chaos-chip,\n    .md-chaos-note,\n    .md-chaos-status{\n      font-size:13px;\n    }\n\n    .md-chaos-grid,\n    .md-chaos-checks,\n    .md-chaos-row{\n      grid-template-columns:1fr;\n    }\n\n    .md-chaos-footer{\n      flex-direction:column;\n      align-items:stretch;\n    }\n\n    .md-chaos-chip{\n      border-radius:14px;\n    }\n  }\n<\/style>\n\n<script>\n(() => {\n  const DURATION_SECONDS = 2 * 60;\n\n  const app = document.querySelector(\".md-chaos-app\");\n  if (!app) return;\n\n  const timerEl = app.querySelector(\".md-chaos-timer\");\n  const formArea = app.querySelector(\"#mdChaosFormArea\");\n  const noteEl = app.querySelector(\"#mdChaosNote\");\n  const startBtn = app.querySelector(\"#mdStartBtn\");\n  const resetBtn = app.querySelector(\"#mdResetBtn\");\n  const fakeSubmitBtn = app.querySelector(\"#mdFakeSubmit\");\n\n  if (!timerEl || !formArea || !noteEl || !startBtn || !resetBtn || !fakeSubmitBtn) return;\n\n  let remaining = DURATION_SECONDS;\n  let intervalId = null;\n  let currentFormIndex = -1;\n\n  const forms = [\n    {\n      note: \"Begin bij vak 4. Vul daarna alleen ronde dingen in.\",\n      html: `\n        <div class=\"md-chaos-form\">\n          <div class=\"md-chaos-warning\">\n            Let op: gebruik eerst stap B, behalve wanneer stap A groter is dan links.\n          <\/div>\n\n          <div class=\"md-chaos-grid\">\n            <div class=\"md-chaos-field\">\n              <label>1. \u25ef\u2197 Werknaam<\/label>\n              <input type=\"text\" placeholder=\"____________\">\n              <div class=\"md-chaos-mini\">niet je echte naam tenzij wel<\/div>\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>4. Kies jouw maandagkleur v\u00f3\u00f3r dinsdag<\/label>\n              <select>\n                <option>Blauw<\/option>\n                <option>Half<\/option>\n                <option>Werk<\/option>\n                <option>Andersom<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"md-chaos-field full\">\n              <label>2. Zet hier je startdatum in woorden of tekens, maar niet volledig<\/label>\n              <input type=\"text\" placeholder=\"bv. maandag \/ \/\/\/ \/ vroeg\">\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>7. Hoeveel benen heeft jouw rooster?<\/label>\n              <select>\n                <option>2<\/option>\n                <option>4<\/option>\n                <option>Later<\/option>\n                <option>Niet van toepassing maar toch wel<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>3. Nummer van je lunchrichting<\/label>\n              <input type=\"text\" placeholder=\"\u21ba 12B\">\n            <\/div>\n          <\/div>\n\n          <div class=\"md-chaos-row\">\n            <div class=\"md-chaos-chip\"><span>\u2615 ochtendbewijs<\/span><\/div>\n            <div class=\"md-chaos-chip\"><span>\ud83d\ude8c routecode<\/span><\/div>\n            <div class=\"md-chaos-chip\"><span>\ud83d\udd14 ja\/nee-stempel<\/span><\/div>\n          <\/div>\n\n          <div class=\"md-chaos-checks\">\n            <label><input type=\"checkbox\"><span>Ik ben beschikbaar op dagen die ik nog niet weet.<\/span><\/label>\n            <label><input type=\"checkbox\"><span>Ik heb mijn handtekening mondeling meegenomen.<\/span><\/label>\n            <label><input type=\"checkbox\"><span>Ik kan starten v\u00f3\u00f3r de vorige stap.<\/span><\/label>\n            <label><input type=\"checkbox\"><span>Ik begrijp vak 7 zonder vak 2.<\/span><\/label>\n          <\/div>\n        <\/div>\n      `\n    },\n    {\n      note: \"Kies eerst iets wat niet past. Corrigeer dat daarna niet.\",\n      html: `\n        <div class=\"md-chaos-form\">\n          <div class=\"md-chaos-grid\">\n            <div class=\"md-chaos-field\">\n              <label>6. Functievolume<\/label>\n              <select>\n                <option>Klein fulltime<\/option>\n                <option>Groot parttime<\/option>\n                <option>Onzichtbaar<\/option>\n                <option>Ja, maar op papier<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>1. Voorletters van je toekomstige collega links van jou<\/label>\n              <input type=\"text\" placeholder=\"A? B? C?\">\n            <\/div>\n\n            <div class=\"md-chaos-field full\">\n              <label>9. Beschrijf je beschikbaarheid zonder tijd te noemen<\/label>\n              <input type=\"text\" placeholder=\"vroeg \/ later \/ als het moet \/ soms\">\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>2. Selecteer je contractrichting<\/label>\n              <select>\n                <option>Omhoog<\/option>\n                <option>Beneden<\/option>\n                <option>Naar binnen<\/option>\n                <option>Wisselend<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>8. Herhaal hier stap 2, maar anders<\/label>\n              <input type=\"text\" placeholder=\"zelfde maar niet hetzelfde\">\n            <\/div>\n\n            <div class=\"md-chaos-field full\">\n              <label>3. Kruis de juiste volgorde aan<\/label>\n              <div class=\"md-chaos-checks\">\n                <label><input type=\"checkbox\"><span>eerst bevestigen dan lezen dan beginnen<\/span><\/label>\n                <label><input type=\"checkbox\"><span>eerst beginnen dan wachten dan terug<\/span><\/label>\n                <label><input type=\"checkbox\"><span>eerst niets dan alles dan iets<\/span><\/label>\n                <label><input type=\"checkbox\"><span>eerst stap 5 ook als die ontbreekt<\/span><\/label>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"md-chaos-warning\">\n            Voor je verder gaat: vergelijk je antwoord met het vak dat hier niet staat.\n          <\/div>\n        <\/div>\n      `\n    },\n    {\n      note: \"Sla geen stappen over, behalve 1, 3 en 5.\",\n      html: `\n        <div class=\"md-chaos-form\">\n          <div class=\"md-chaos-grid\">\n            <div class=\"md-chaos-field\">\n              <label>5. Werktempo in vorm<\/label>\n              <select>\n                <option>\u25a1<\/option>\n                <option>\u25b3<\/option>\n                <option>\u2b2d<\/option>\n                <option>\u21bb<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>1. Schrijf je naam zoals je die niet gebruikt<\/label>\n              <input type=\"text\" placeholder=\"________________\">\n            <\/div>\n\n            <div class=\"md-chaos-field full\">\n              <label>2. Welke van deze dingen neem je mee naar je eerste werkdag?<\/label>\n              <div class=\"md-chaos-row\">\n                <label class=\"md-chaos-chip\"><input type=\"checkbox\"><span>\ud83e\uddfe stilte<\/span><\/label>\n                <label class=\"md-chaos-chip\"><input type=\"checkbox\"><span>\ud83e\udeaa misschien-ID<\/span><\/label>\n                <label class=\"md-chaos-chip\"><input type=\"checkbox\"><span>\ud83d\udd52 reserve-maandag<\/span><\/label>\n                <label class=\"md-chaos-chip\"><input type=\"checkbox\"><span>\u2601 toestemming<\/span><\/label>\n              <\/div>\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>7. Vul hier de kleur van loon in<\/label>\n              <input type=\"text\" placeholder=\"rood? ochtend? zwaar?\">\n            <\/div>\n\n            <div class=\"md-chaos-field\">\n              <label>4. Aantal uren per week per richting<\/label>\n              <select>\n                <option>7 links<\/option>\n                <option>11 boven<\/option>\n                <option>20 stil<\/option>\n                <option>0 voorlopig<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"md-chaos-field full\">\n              <label>10. Bevestig dat je dit formulier niet mondeling wilt invullen tenzij nodig<\/label>\n              <select>\n                <option>Bevestigd<\/option>\n                <option>Niet bevestigd<\/option>\n                <option>Alleen op woensdagvorm<\/option>\n                <option>Terug naar 5<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"md-chaos-warning\">\n            Let op: onvolledig ingevulde velden kunnen alleen volledig worden verwerkt.\n          <\/div>\n        <\/div>\n      `\n    }\n  ];\n\n  function format(sec) {\n    const m = Math.floor(sec \/ 60);\n    const s = sec % 60;\n    return `${m}:${String(s).padStart(2, \"0\")}`;\n  }\n\n  function renderTimer() {\n    timerEl.textContent = format(remaining);\n  }\n\n  function stopTimer() {\n    if (intervalId) {\n      clearInterval(intervalId);\n      intervalId = null;\n    }\n    startBtn.disabled = false;\n  }\n\n  function disableForm(disabled) {\n    const inputs = formArea.querySelectorAll(\"input, select, button\");\n    inputs.forEach((el) => {\n      el.disabled = disabled;\n    });\n    fakeSubmitBtn.disabled = disabled;\n    if (disabled) {\n      formArea.classList.add(\"md-chaos-lock\");\n    } else {\n      formArea.classList.remove(\"md-chaos-lock\");\n    }\n  }\n\n  function finishEffect() {\n    timerEl.classList.remove(\"is-finished\");\n    void timerEl.offsetWidth;\n    timerEl.classList.add(\"is-finished\");\n  }\n\n  function pickNextFormIndex() {\n    let next = Math.floor(Math.random() * forms.length);\n    if (forms.length > 1) {\n      while (next === currentFormIndex) {\n        next = Math.floor(Math.random() * forms.length);\n      }\n    }\n    return next;\n  }\n\n  function renderForm() {\n    currentFormIndex = pickNextFormIndex();\n    const form = forms[currentFormIndex];\n    formArea.innerHTML = form.html;\n    noteEl.textContent = form.note;\n  }\n\n  function showStatus(message) {\n    let status = app.querySelector(\".md-chaos-status\");\n    if (!status) {\n      status = document.createElement(\"div\");\n      status.className = \"md-chaos-status\";\n      app.querySelector(\".md-chaos-card\").appendChild(status);\n    }\n    status.textContent = message;\n  }\n\n  function tick() {\n    remaining -= 1;\n\n    if (remaining <= 0) {\n      remaining = 0;\n      renderTimer();\n      stopTimer();\n      disableForm(true);\n      finishEffect();\n      showStatus(\"Tijd op. Het formulier is verlopen voordat je wist wat er precies gevraagd werd.\");\n      return;\n    }\n\n    renderTimer();\n  }\n\n  function startTimer() {\n    if (intervalId) return;\n    timerEl.classList.remove(\"is-finished\");\n    startBtn.disabled = true;\n    disableForm(false);\n    showStatus(\"De tijd loopt. Probeer het formulier in te vullen.\");\n    intervalId = setInterval(tick, 1000);\n  }\n\n  function resetAll() {\n    stopTimer();\n    remaining = DURATION_SECONDS;\n    renderTimer();\n    renderForm();\n    disableForm(false);\n    timerEl.classList.remove(\"is-finished\");\n    showStatus(\"Nieuw formulier geladen.\");\n  }\n\n  fakeSubmitBtn.addEventListener(\"click\", function() {\n    showStatus(\"Formulier niet verwerkt. Controleer eerst veld 2, 7 en de stap die ontbreekt.\");\n  });\n\n  startBtn.addEventListener(\"click\", startTimer);\n  resetBtn.addEventListener(\"click\", resetAll);\n\n  renderTimer();\n  renderForm();\n  showStatus(\"Druk op Start om te beginnen.\");\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Tijd 2:00 min Start Herstart Intake Start je baantje Volg alle stappen precies op Verder Controleer eerst vak 7, 2 en daarna 11. \u2190 Terug naar vorige pagina<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":1719,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1732","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Formulier - Tanja Ubert - Master Design Research<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formulier - Tanja Ubert - Master Design Research\" \/>\n<meta property=\"og:description\" content=\"Tijd 2:00 min Start Herstart Intake Start je baantje Volg alle stappen precies op Verder Controleer eerst vak 7, 2 en daarna 11. \u2190 Terug naar vorige pagina\" \/>\n<meta property=\"og:url\" content=\"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/\" \/>\n<meta property=\"og:site_name\" content=\"Tanja Ubert - Master Design Research\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-22T20:12:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/formulier-telefoon\\\/\",\"url\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/formulier-telefoon\\\/\",\"name\":\"Formulier - Tanja Ubert - Master Design Research\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/formulier-telefoon\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/formulier-telefoon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Formulier-1024x1024.png\",\"datePublished\":\"2026-04-22T17:00:45+00:00\",\"dateModified\":\"2026-04-22T20:12:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/formulier-telefoon\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/formulier-telefoon\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/formulier-telefoon\\\/#primaryimage\",\"url\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Formulier.png\",\"contentUrl\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Formulier.png\",\"width\":1080,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/formulier-telefoon\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Master Design Research\",\"item\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Spel leven zonder letters (b)\",\"item\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/index.php\\\/master-design\\\/spel-leven-zonder-letters-v12-telefoon\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Formulier\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/#website\",\"url\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/\",\"name\":\"Tanja Ubert - Master Design Research\",\"description\":\"What makes you weird is what makes you special - Meryl Streep\",\"publisher\":{\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/#organization\",\"name\":\"Tanja Ubert - Master Design Research\",\"url\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Helping-1-e1749551471217.png\",\"contentUrl\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Helping-1-e1749551471217.png\",\"width\":2054,\"height\":2054,\"caption\":\"Tanja Ubert - Master Design Research\"},\"image\":{\"@id\":\"https:\\\/\\\/masterdesign.ubertconcepts.nl\\\/livingatlas\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formulier - Tanja Ubert - Master Design Research","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/","og_locale":"en_GB","og_type":"article","og_title":"Formulier - Tanja Ubert - Master Design Research","og_description":"Tijd 2:00 min Start Herstart Intake Start je baantje Volg alle stappen precies op Verder Controleer eerst vak 7, 2 en daarna 11. \u2190 Terug naar vorige pagina","og_url":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/","og_site_name":"Tanja Ubert - Master Design Research","article_modified_time":"2026-04-22T20:12:53+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/","url":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/","name":"Formulier - Tanja Ubert - Master Design Research","isPartOf":{"@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/#website"},"primaryImageOfPage":{"@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/#primaryimage"},"image":{"@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/#primaryimage"},"thumbnailUrl":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier-1024x1024.png","datePublished":"2026-04-22T17:00:45+00:00","dateModified":"2026-04-22T20:12:53+00:00","breadcrumb":{"@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/#primaryimage","url":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier.png","contentUrl":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2026\/01\/Formulier.png","width":1080,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/formulier-telefoon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/"},{"@type":"ListItem","position":2,"name":"Master Design Research","item":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/"},{"@type":"ListItem","position":3,"name":"Spel leven zonder letters (b)","item":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/master-design\/spel-leven-zonder-letters-v12-telefoon\/"},{"@type":"ListItem","position":4,"name":"Formulier"}]},{"@type":"WebSite","@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/#website","url":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/","name":"Tanja Ubert - Master Design Research","description":"What makes you weird is what makes you special - Meryl Streep","publisher":{"@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/#organization","name":"Tanja Ubert - Master Design Research","url":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/#\/schema\/logo\/image\/","url":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2024\/06\/Helping-1-e1749551471217.png","contentUrl":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/wp-content\/uploads\/2024\/06\/Helping-1-e1749551471217.png","width":2054,"height":2054,"caption":"Tanja Ubert - Master Design Research"},"image":{"@id":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/pages\/1732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/comments?post=1732"}],"version-history":[{"count":14,"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/pages\/1732\/revisions"}],"predecessor-version":[{"id":1772,"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/pages\/1732\/revisions\/1772"}],"up":[{"embeddable":true,"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/pages\/1719"}],"wp:attachment":[{"href":"https:\/\/masterdesign.ubertconcepts.nl\/livingatlas\/index.php\/wp-json\/wp\/v2\/media?parent=1732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}