{"id":24487,"date":"2026-09-07T16:31:53","date_gmt":"2026-09-07T14:31:53","guid":{"rendered":"https:\/\/jamhoreca.nl\/?post_type=onboarding&#038;p=24487"},"modified":"2026-10-01T11:18:48","modified_gmt":"2026-10-01T09:18:48","slug":"myjam-rondleiding","status":"publish","type":"onboarding","link":"https:\/\/jamhoreca.nl\/en\/dashboard\/werknemer\/myjam-rondleiding\/","title":{"rendered":"MyJAM rondleiding"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"24487\" class=\"elementor elementor-24487\" data-elementor-post-type=\"onboarding\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1759c79 e-con-full e-flex e-con e-parent\" data-id=\"1759c79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2042b77 elementor-widget elementor-widget-html\" data-id=\"2042b77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<title>MyJAM! Rondleiding<\/title>\n<style>\n\/* ==========================================================================\n   MyJAM! rondleiding \u2014 voor plaatsing in een Elementor HTML-widget.\n   Geen font-imports: \"Stack Sans Headline\", \"Space Grotesk\" en \"Geist\"\n   worden al door jamhoreca.nl geladen. Alle CSS is gescope onder .jam-tool.\n   ========================================================================== *\/\n\n.jam-tool{\n  \/* kleuren *\/\n  --jt-ink:#11102B;\n  --jt-ink-2:#0B0A20;\n  --jt-panel:#1A1846;\n  --jt-orange:#ED6A14;\n  --jt-orange-lift:#FF8A3D;\n  --jt-brick:#BE4D3F;\n  --jt-text:#EFEDF8;\n  --jt-muted:#A19DC6;\n  --jt-rule:rgba(255,255,255,.09);\n  --jt-rule-2:rgba(255,255,255,.16);\n  --jt-warn:#EE560A;\n  --jt-shadow:0 24px 60px -20px rgba(0,0,0,.75);\n  \/* typografie *\/\n  --jt-headline:\"Stack Sans Headline\",sans-serif;\n  --jt-sub:\"Space Grotesk\",sans-serif;\n  --jt-body:\"Geist\",sans-serif;\n\n  font-family:var(--jt-body)!important;\n  font-weight:400;\n  font-size:16px;\n  line-height:1.62;\n  color:var(--jt-text);\n  -webkit-font-smoothing:antialiased;\n  background:var(--jt-ink);\n  background-image:\n    radial-gradient(1100px 620px at 78% -12%, rgba(237,106,20,.16), transparent 62%),\n    radial-gradient(900px 700px at 4% 108%, rgba(52,44,140,.42), transparent 60%);\n}\n\/* de overlay-wrappers (stappenlijst, vergroot beeld) krijgen geen vlak *\/\n.jam-tool.jt-overlay{ background:none; min-height:0 }\n\n\/* ---- verplichte font-mapping ---- *\/\n.jam-tool h1,\n.jam-tool h2,\n.jam-tool .headline{ font-family:var(--jt-headline)!important }\n\n.jam-tool h3,\n.jam-tool h4,\n.jam-tool .subheading{ font-family:var(--jt-sub)!important }\n\n.jam-tool p,\n.jam-tool span,\n.jam-tool li,\n.jam-tool input,\n.jam-tool textarea,\n.jam-tool select{ font-family:var(--jt-body)!important }\n\n.jam-tool button,\n.jam-tool .button{ font-family:var(--jt-sub)!important }\n\n\/* .subheading wint van de generieke span\/li-regel *\/\n.jam-tool span.subheading,\n.jam-tool li.subheading,\n.jam-tool h2.subheading{ font-family:var(--jt-sub)!important }\n\n.jam-tool,\n.jam-tool *{ box-sizing:border-box }\n\n\/* schild tegen kleur- en knopstijlen van de site *\/\n.jam-tool p,\n.jam-tool span,\n.jam-tool li,\n.jam-tool em,\n.jam-tool b,\n.jam-tool strong{ color:inherit }\n.jam-tool h1,\n.jam-tool h2,\n.jam-tool h3,\n.jam-tool h4{ color:var(--jt-text) }\n.jam-tool button{\n  margin:0;padding:0;border:0;background:none;border-radius:0;\n  color:inherit;font-size:inherit;line-height:inherit;text-transform:none;\n}\n.jam-tool [hidden]{ display:none!important }\n.jam-tool img{ max-width:100% }\n\n\/* ---------- shell ---------- *\/\n.jam-tool .shell{\n  max-width:1360px;margin:0 auto;min-height:680px;\n  padding:24px clamp(16px,3vw,34px) 30px;\n  display:flex;flex-direction:column;gap:22px;\n}\n\n\/* ---------- topbalk ---------- *\/\n.jam-tool .top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}\n.jam-tool .brand{display:flex;align-items:center;gap:12px;min-width:0}\n.jam-tool .mark{\n  background:#fff;border-radius:9px;padding:8px 13px;line-height:1;\n  display:inline-flex;align-items:center;flex:none;\n}\n.jam-tool .mark img{display:block;height:36px;width:auto}\n\/* terugval als het logo niet geladen kan worden (bv. buiten de website) *\/\n.jam-tool .mark.txt{padding:6px 10px 7px}\n.jam-tool .mark .wordmark{\n  font-family:var(--jt-headline)!important;font-weight:800;font-size:21px;\n  letter-spacing:-.02em;color:#1A1846;line-height:1;display:inline-flex;align-items:baseline;gap:1px;\n}\n.jam-tool .mark .wordmark i{font-style:normal;color:var(--jt-orange);font-size:24px;line-height:1}\n.jam-tool .brand-txt{display:flex;flex-direction:column;gap:1px;min-width:0}\n.jam-tool .brand-txt b{font-family:var(--jt-sub)!important;font-weight:600;font-size:15px;letter-spacing:.01em;color:var(--jt-text)}\n.jam-tool .brand-txt .sub{font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--jt-muted)}\n\n.jam-tool .top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}\n.jam-tool .lang{display:flex;background:rgba(255,255,255,.06);border:1px solid var(--jt-rule);border-radius:999px;padding:3px}\n.jam-tool .lang button{\n  font-size:11.5px;font-weight:600;letter-spacing:.1em;\n  background:none;border:0;color:var(--jt-muted);padding:6px 13px;border-radius:999px;cursor:pointer;\n  transition:background .18s,color .18s;\n}\n.jam-tool .lang button[aria-pressed=\"true\"]{background:var(--jt-orange);color:#fff}\n.jam-tool .lang button:hover:not([aria-pressed=\"true\"]),\n.jam-tool .lang button:focus-visible:not([aria-pressed=\"true\"]){background:rgba(255,255,255,.08);color:var(--jt-text)}\n\n.jam-tool .ghost{\n  font-size:13.5px;font-weight:500;\n  display:inline-flex;align-items:center;gap:8px;\n  background:rgba(255,255,255,.05);border:1px solid var(--jt-rule);color:var(--jt-text);\n  padding:8px 15px;border-radius:999px;cursor:pointer;transition:border-color .18s,background .18s;\n}\n.jam-tool .ghost:hover{background:rgba(255,255,255,.1);border-color:var(--jt-rule-2);color:var(--jt-text)}\n.jam-tool .ghost svg{width:14px;height:14px;flex:none}\n\n\/* ---------- voortgang per deel ---------- *\/\n.jam-tool .track{display:flex;gap:10px;align-items:stretch}\n.jam-tool .seg{flex:1 1 0;min-width:0;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit}\n.jam-tool .seg .bar{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}\n.jam-tool .seg .bar i{display:block;height:100%;width:0;background:var(--jt-orange);border-radius:99px;transition:width .45s cubic-bezier(.4,0,.2,1)}\n.jam-tool .seg .lab{\n  display:block;margin-top:9px;font-size:10.5px;font-weight:600;\n  letter-spacing:.11em;text-transform:uppercase;color:var(--jt-muted);\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s;\n}\n.jam-tool .seg[data-on=\"1\"] .lab{color:var(--jt-text)}\n.jam-tool .seg:hover .lab{color:var(--jt-orange-lift)}\n\n.jam-tool .chapnow{\n  display:none;font-size:10.5px;font-weight:600;\n  letter-spacing:.12em;text-transform:uppercase;color:var(--jt-text);\n}\n.jam-tool .chapnow span{color:var(--jt-muted)}\n\n\/* ---------- stage ---------- *\/\n.jam-tool .stage{\n  flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.32fr);\n  gap:clamp(20px,3vw,42px);align-items:center;\n}\n.jam-tool .copy{display:flex;flex-direction:column;gap:16px}\n.jam-tool .eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}\n.jam-tool .count{font-size:12px;font-weight:600;color:var(--jt-orange);font-variant-numeric:tabular-nums;letter-spacing:.04em}\n.jam-tool .count em{font-style:normal;color:var(--jt-muted)}\n.jam-tool .where{\n  font-size:10.5px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;\n  color:var(--jt-muted);border-left:1px solid var(--jt-rule-2);padding-left:10px;\n}\n.jam-tool h1,\n.jam-tool .headline.h1{\n  color:var(--jt-text);font-weight:700;font-size:clamp(28px,3.4vw,42px);line-height:1.06;\n  letter-spacing:-.02em;margin:0;text-wrap:balance;\n}\n.jam-tool .copy p{margin:0;max-width:60ch;color:#DCD9EE}\n.jam-tool .copy p strong{color:#fff;font-weight:600}\n.jam-tool .copy .lede{font-size:17.5px;color:var(--jt-text)}\n\n.jam-tool .note{\n  display:flex;gap:12px;padding:14px 16px;border-radius:12px;\n  background:rgba(255,255,255,.045);border:1px solid var(--jt-rule);\n  border-left:3px solid var(--jt-orange);\n}\n.jam-tool .note.warn{border-left-color:var(--jt-warn);background:rgba(238,86,10,.09)}\n.jam-tool .note .ic{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--jt-orange);flex:none;padding-top:3px}\n.jam-tool .note.warn .ic{color:var(--jt-warn)}\n.jam-tool .note p{font-size:14.5px;line-height:1.55;max-width:52ch}\n\n.jam-tool .chips{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}\n.jam-tool .chips li{\n  font-size:12.5px;font-weight:500;\n  background:rgba(190,77,63,.18);border:1px solid rgba(190,77,63,.45);color:#FFD9D2;\n  padding:5px 11px;border-radius:6px;\n}\n\n\/* ---------- schermbeeld ---------- *\/\n.jam-tool .screen{position:relative}\n.jam-tool .frame{\n  border-radius:14px;overflow:hidden;background:var(--jt-panel);\n  border:1px solid var(--jt-rule-2);box-shadow:var(--jt-shadow);\n}\n.jam-tool .chrome{\n  display:flex;align-items:center;gap:9px;padding:9px 13px;\n  background:linear-gradient(#211F52,#1A1846);border-bottom:1px solid var(--jt-rule);\n}\n.jam-tool .dots{display:flex;gap:5px;flex:none}\n.jam-tool .dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.2)}\n.jam-tool .dots i:first-child{background:var(--jt-brick)}\n.jam-tool .url{\n  font-size:11.5px;color:var(--jt-muted);letter-spacing:.02em;\n  background:rgba(0,0,0,.28);border-radius:5px;padding:3px 10px;\n  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n}\n.jam-tool .shot{\n  display:block;width:100%;aspect-ratio:1680\/866;\n  background:#0E0D22;cursor:zoom-in;border:0;padding:0;\n}\n.jam-tool .shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}\n.jam-tool .pending{\n  aspect-ratio:1680\/866;display:flex;align-items:center;justify-content:center;\n  background:repeating-linear-gradient(135deg,#191741,#191741 12px,#1D1B4B 12px,#1D1B4B 24px);\n  color:var(--jt-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;\n}\n.jam-tool .zoomhint{\n  margin-top:10px;display:flex;align-items:center;gap:7px;\n  font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--jt-muted);\n}\n.jam-tool .zoomhint svg{width:13px;height:13px}\n\n.jam-tool .fade{animation:jt-fade .42s cubic-bezier(.22,1,.36,1) both}\n@keyframes jt-fade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}\n\n\/* ---------- onderbalk ---------- *\/\n.jam-tool .foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--jt-rule);padding-top:18px}\n.jam-tool .nav{display:flex;gap:10px}\n.jam-tool .btn{\n  font-size:14.5px;font-weight:600;\n  display:inline-flex;align-items:center;gap:9px;\n  padding:11px 20px;border-radius:999px;border:1px solid transparent;cursor:pointer;\n  transition:transform .16s,background .18s,border-color .18s,opacity .18s;\n}\n.jam-tool .btn svg{width:15px;height:15px;flex:none}\n.jam-tool .btn.prim{background:var(--jt-orange);color:#fff}\n.jam-tool .btn.prim:hover,\n.jam-tool .btn.prim:focus-visible{background:var(--jt-orange-lift);color:#fff;transform:translateY(-1px)}\n.jam-tool .btn.sec{background:rgba(255,255,255,.05);border-color:var(--jt-rule);color:var(--jt-text)}\n.jam-tool .btn.sec:hover,\n.jam-tool .btn.sec:focus-visible{background:rgba(255,255,255,.1);border-color:var(--jt-rule-2);color:var(--jt-text)}\n.jam-tool .btn:disabled{opacity:.32;cursor:default;transform:none}\n.jam-tool .keys{margin-left:auto;font-size:11px;letter-spacing:.06em;color:var(--jt-muted);display:flex;align-items:center;gap:7px}\n.jam-tool kbd{\n  font-family:var(--jt-sub)!important;font-size:10.5px;background:rgba(255,255,255,.08);\n  border:1px solid var(--jt-rule-2);border-bottom-width:2px;border-radius:5px;padding:2px 6px;color:var(--jt-text);\n}\n\n\/* ---------- stappenlijst ---------- *\/\n.jam-tool .scrim{position:fixed;inset:0;background:rgba(6,5,20,.72);z-index:99998;animation:jt-fade .2s both}\n.jam-tool .drawer{\n  position:fixed;top:0;right:0;bottom:0;width:min(430px,92vw);z-index:99999;\n  background:var(--jt-ink-2);border-left:1px solid var(--jt-rule-2);\n  display:flex;flex-direction:column;animation:jt-slide .3s cubic-bezier(.22,1,.36,1) both;\n}\n@keyframes jt-slide{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}\n.jam-tool .drawer header{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--jt-rule)}\n.jam-tool .drawer header h2{font-weight:600;font-size:17px;margin:0;letter-spacing:.01em;color:var(--jt-text)}\n.jam-tool .drawer header button{margin-left:auto;background:none;border:0;color:var(--jt-muted);cursor:pointer;font-size:22px;line-height:1;padding:2px 8px;border-radius:6px}\n.jam-tool .drawer header button:hover{color:var(--jt-text);background:rgba(255,255,255,.07)}\n.jam-tool .list{overflow-y:auto;padding:14px 14px 28px;display:flex;flex-direction:column;gap:3px}\n.jam-tool .list .grp{\n  font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;\n  color:var(--jt-muted);padding:16px 10px 7px;\n}\n.jam-tool .list button.item{\n  display:flex;gap:12px;align-items:baseline;text-align:left;width:100%;\n  background:none;border:0;color:#D6D2EC;font-size:14.5px;\n  padding:9px 11px;border-radius:9px;cursor:pointer;transition:background .16s,color .16s;\n}\n.jam-tool .list button.item:hover{background:rgba(255,255,255,.06);color:#fff}\n.jam-tool .list button.item[aria-current=\"true\"]{background:rgba(237,106,20,.16);color:#fff}\n.jam-tool .list button.item[aria-current=\"true\"] em{color:var(--jt-orange)}\n.jam-tool .list button.item em{font-family:var(--jt-sub)!important;font-style:normal;font-size:11.5px;color:var(--jt-muted);flex:none;font-variant-numeric:tabular-nums}\n\n\/* ---------- vergroot beeld ---------- *\/\n.jam-tool .lb{position:fixed;inset:0;z-index:100000;background:rgba(6,5,20,.93);display:flex;align-items:center;justify-content:center;padding:2.5vh 2.5vw;animation:jt-fade .2s both;cursor:zoom-out}\n.jam-tool .lb img{max-width:100%;max-height:95vh;border-radius:10px;box-shadow:var(--jt-shadow);border:1px solid var(--jt-rule-2)}\n.jam-tool .lb .close{position:absolute;top:16px;right:20px;padding:0;background:rgba(255,255,255,.1);border:1px solid var(--jt-rule-2);color:#fff;border-radius:999px;width:38px;height:38px;font-size:19px;line-height:1;cursor:pointer}\n\n.jam-tool :focus-visible{outline:2px solid var(--jt-orange-lift);outline-offset:3px;border-radius:6px}\n\n@media (max-width:900px){\n  .jam-tool .stage{grid-template-columns:1fr;gap:24px}\n  .jam-tool .screen{order:-1}\n  .jam-tool .keys{display:none}\n  .jam-tool .seg .lab{display:none}\n  .jam-tool .chapnow{display:block;margin-top:-8px}\n  .jam-tool .shell{gap:18px}\n  .jam-tool .nav{width:100%}\n  .jam-tool .btn{flex:1;justify-content:center}\n}\n@media (prefers-reduced-motion:reduce){\n  .jam-tool *{animation-duration:.001s!important;transition-duration:.001s!important}\n}\n<\/style>\n\n<div class=\"jam-tool\">\n<div class=\"shell\">\n  <div class=\"top\">\n    <div class=\"brand\">\n      <span class=\"mark\"><img decoding=\"async\" src=\"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2026\/03\/JAM-Horeca-Payroll-Logo-kleur-2026.png\" alt=\"JAM! Horeca payroll\" onerror=\"jamLogoFail(this)\"><\/span>\n      <span class=\"brand-txt\">\n        <b class=\"subheading\" id=\"brandTitle\">MyJAM! rondleiding<\/b>\n        <span class=\"sub subheading\" id=\"brandSub\">Voor nieuwe medewerkers<\/span>\n      <\/span>\n    <\/div>\n    <div class=\"top-actions\">\n      <div class=\"lang\" role=\"group\" aria-label=\"Taal \/ Language\">\n        <button id=\"btnNL\" aria-pressed=\"true\">NL<\/button>\n        <button id=\"btnEN\" aria-pressed=\"false\">EN<\/button>\n      <\/div>\n      <button class=\"ghost\" id=\"btnIndex\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M2 4h12M2 8h12M2 12h12\"\/><\/svg>\n        <span id=\"lblIndex\">Alle stappen<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"track\" id=\"track\"><\/div>\n  <div class=\"chapnow subheading\" id=\"chapnow\"><\/div>\n\n  <div class=\"stage\">\n    <div class=\"copy\" id=\"copy\"><\/div>\n    <div class=\"screen\">\n      <div class=\"frame\" id=\"frame\"><\/div>\n      <div class=\"zoomhint\" id=\"zoomHint\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"7\" cy=\"7\" r=\"4.5\"\/><path d=\"M10.5 10.5 14 14M7 5.2v3.6M5.2 7h3.6\"\/><\/svg>\n        <span class=\"subheading\" id=\"lblZoom\">Klik op het beeld om te vergroten<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"foot\">\n    <div class=\"nav\">\n      <button class=\"btn sec\" id=\"btnPrev\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9.5 3.5 5 8l4.5 4.5\"\/><\/svg>\n        <span id=\"lblPrev\">Vorige<\/span>\n      <\/button>\n      <button class=\"btn prim\" id=\"btnNext\">\n        <span id=\"lblNext\">Volgende<\/span>\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6.5 3.5 11 8l-4.5 4.5\"\/><\/svg>\n      <\/button>\n    <\/div>\n    <div class=\"keys\"><span class=\"subheading\" id=\"lblKeys\">Navigeer met<\/span> <kbd>&larr;<\/kbd> <kbd>&rarr;<\/kbd><\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n\/* Bestandsnamen van de screenshots. Bij de losse versie staat hier de\n   volledige afbeelding; bij de Elementor-versie alleen de bestandsnaam. *\/\nconst IMG_BASE = \"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2026\/09\/\";\nconst IMG = {\n\"nl1\": \"1-1.png\",\n\"nl2\": \"2-1.png\",\n\"nl3\": \"3-1.png\",\n\"nl4\": \"4-1.png\",\n\"nl5\": \"5-1.png\",\n\"nl6\": \"6-1.png\",\n\"nl7\": \"7-1.png\",\n\"nl8\": \"8-1.png\",\n\"nl9\": \"9-1.png\",\n\"nl10\": \"10-1.png\",\n\"nl11\": \"11-1.png\",\n\"nl12\": \"12-1.png\",\n\"nl13\": \"13-1.png\",\n\"nl14\": \"14-1.png\",\n\"nl15\": \"15-1.png\",\n\"nl16\": \"16-1.png\",\n\"nl17\": \"17-1.png\",\n\"nl18\": \"18-1.png\",\n\"nl19\": \"19-1.png\",\n\"nl20\": \"20-1.png\",\n\"nl21\": \"21-1.png\",\n\"en1\": \"22-1.png\",\n\"en2\": \"23-1.png\",\n\"en3\": \"24-1.png\",\n\"en4\": \"25-1.png\",\n\"en5\": \"26-1.png\",\n\"en6\": \"27-1.png\",\n\"en7\": \"28-1.png\",\n\"en8\": \"29-1.png\",\n\"en9\": \"30-1.png\",\n\"en10\": \"31-1.png\",\n\"en11\": \"32-1.png\",\n\"en12\": \"33-1.png\",\n\"en13\": \"34-1.png\",\n\"en14\": \"35-1.png\",\n\"en15\": \"36-1.png\",\n\"en16\": \"37.png\",\n\"en17\": \"38.png\"\n};\nconst srcOf = k => {\n  const v = IMG[k];\n  if(!v) return null;\n  return \/^(data:|https?:|\\\/)\/.test(v) ? v : IMG_BASE + v;\n};\n\nconst CH = {\n  nl:[\"Welkom\",\"Menu rechtsboven\",\"De tegels\",\"Menubalk links\"],\n  en:[\"Welcome\",\"Top-right menu\",\"The tiles\",\"Left menu bar\"]\n};\n\nconst TOUR = {\nnl:[\n{ ch:0, img:\"nl1\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Startpagina\", t:\"Welkom in MyJAM!\",\n  lede:\"In deze app vind je alle belangrijke documenten en informatie over jouw werk terug.\",\n  p:[\"In deze rondleiding klik je stap voor stap door MyJAM! heen, zodat je precies weet waar je alles kunt vinden. We beginnen bij het menu met de rode icoontjes rechtsboven.\"]},\n\n{ ch:1, img:\"nl2\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Rechtsboven \u00b7 1e icoon\", t:\"Zoeken en recente activiteit\",\n  p:[\"Dit is het in- en uitvouwknopje voor de zoekfunctie. Je ziet daar een rij met alle <strong>recente activiteiten<\/strong> in MyJAM! \u2014 bijvoorbeeld documenten die net zijn toegevoegd.\"]},\n\n{ ch:1, img:\"nl3\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Rechtsboven \u00b7 2e icoon\", t:\"Switchen tussen accounts\",\n  p:[\"Sommige medewerkers hebben meerdere accounts bij JAM!. Bijvoorbeeld wanneer iemand zowel stagiair als medewerker bij dezelfde opdrachtgever is, of juist als iemand bij meerdere opdrachtgevers in dienst is. Via deze knop wisselen zij tussen hun accounts.\"]},\n\n{ ch:1, img:\"nl4\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Rechtsboven \u00b7 3e icoon\", t:\"Taal veranderen\",\n  p:[\"Bij het vlaggetje kun je de taal veranderen. Je kunt kiezen tussen <strong>Nederlands<\/strong> en <strong>Engels<\/strong>.\"]},\n\n{ ch:1, img:\"nl5\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Rechtsboven \u00b7 4e icoon\", t:\"Jouw persoonlijke gegevens\",\n  p:[\"Het poppetje leidt je naar je persoonlijke gegevens.\"]},\n\n{ ch:1, img:\"nl6\", url:\"myjam.jamhoreca.nl  \u203a  Gebruiker\", w:\"Gebruikerspagina\", t:\"Wat je hier kunt aanpassen\",\n  p:[\"Hier zie je jouw persoonlijke gegevens terug. Bovenin staan drie knoppen: <strong>Bewerken<\/strong>, <strong>Wachtwoord veranderen<\/strong> en <strong>Pincode veranderen<\/strong>.\",\n     \"Bij <strong>Bewerken<\/strong> pas je de taal van MyJAM! aan en kun je een profielfoto uploaden. Wil je je gegevens wijzigen? Dat gaat via de tegel \u2018Nieuwe wijziging doorgeven\u2019 \u2014 daarover straks meer.\",\n     \"<strong>Wachtwoord veranderen<\/strong> spreekt voor zich. Bij <strong>Pincode veranderen<\/strong> stel je een kortere code van 5 tekens in, waarmee inloggen sneller gaat.\"],\n  note:{k:\"warn\", ic:\"Let op\", t:\"Bij <strong>Overig<\/strong> kun je gewoon uitloggen, of definitief uitloggen. Definitief uitloggen betekent dat je account bij JAM! wordt vergeten en je dus nooit meer kunt inloggen.\"}},\n\n{ ch:2, img:\"nl7\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tegel \u00b7 JAM!Helpt\", t:\"JAM!Helpt\",\n  lede:\"Dan gaan we naar de tegels.\",\n  p:[\"De tegel <strong>JAM!Helpt<\/strong> klik je aan als je niet lekker in je vel zit, behoefte hebt aan hulp of aan een gesprek \u2014 bij zowel mentale als fysieke uitdagingen.\",\n     \"Wij zijn er om geheel vrijblijvend jouw verhaal aan te horen en samen naar een passende oplossing te zoeken. Kijk rustig op de website en neem contact met ons op als iets je aanspreekt.\"]},\n\n{ ch:2, img:\"nl8\", url:\"jamhelpt.nl\", w:\"Tegel \u00b7 JAM!Helpt\", t:\"Zo ziet JAM!Helpt eruit\",\n  p:[\"De tegel brengt je naar de website van JAM!Helpt. Daar vind je onder andere hulp bij verslaving, hulp bij financi\u00eble problemen, coaching en een vertrouwenspersoon.\"]},\n\n{ ch:2, img:\"nl9\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tegel \u00b7 Nieuwe wijziging doorgeven\", t:\"Nieuwe wijziging doorgeven\",\n  p:[\"De tegel <strong>Nieuwe wijziging doorgeven<\/strong> klik je aan als je een van je persoonlijke gegevens moet wijzigen.\"]},\n\n{ ch:2, img:\"nl10\", url:\"myjam.jamhoreca.nl  \u203a  Nieuwe wijziging doorgeven\", w:\"Tegel \u00b7 Nieuwe wijziging doorgeven\", t:\"Wat je zelf kunt wijzigen\",\n  p:[\"Kies bovenin het type wijziging. Deze vijf wijzigingen geef je door via MyJAM!:\"],\n  chips:[\"Loonheffing\",\"Bankrekening\",\"Adres\",\"E-mailadres\",\"Telefoonnummer\"],\n  note:{k:\"warn\", ic:\"Let op\", t:\"Als je de wijziging hebt doorgegeven, is deze niet gelijk zichtbaar in jouw MyJAM!. Dat komt omdat de wijziging eerst naar JAM! wordt gestuurd ter controle. Daarna verwerken wij hem pas in het systeem.\"}},\n\n{ ch:2, img:\"nl11\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tegel \u00b7 Reserveringen\", t:\"Reserveringen\",\n  p:[\"Bij de tegel <strong>Reserveringen<\/strong> staat de huidige stand van jouw vakantiegeld, vakantie-uren en eventueel tijd-voor-tijd, als dat op jou van toepassing is.\"],\n  note:{k:\"tip\", ic:\"Tip\", t:\"Deze reserveringen staan ook onderaan jouw loonstroken.\"}},\n\n{ ch:2, img:\"nl12\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tegel \u00b7 JAM! Academy\", t:\"Horecatraining: JAM! Academy\",\n  p:[\"De tegel <strong>Horecatraining: JAM! Academy<\/strong> is de start van het uitbreiden van jouw horecakennis. Je kunt hier <strong>45+ gratis cursussen<\/strong> volgen, gemaakt door SVH \u2014 d\u00e9 opleider voor de horeca. Kwaliteit gegarandeerd!\"]},\n\n{ ch:2, img:\"nl13\", url:\"JAM! x SVH Academy  \u203a  Bibliotheek\", w:\"Tegel \u00b7 JAM! Academy\", t:\"Een kijkje in de Academy\",\n  p:[\"In de bibliotheek staan de cursussen per thema: hygi\u00ebne en veiligheid, warenkennis, bereidingstechnieken, leidinggeven en meer. Je ziet per thema hoe ver je bent.\"]},\n\n{ ch:2, img:\"nl14\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tegel \u00b7 Nieuwste loonstrook\", t:\"Nieuwste loonstrook\",\n  p:[\"Bij <strong>Nieuwste loonstrook<\/strong> vind je jouw meest recente loonstrook terug.\"]},\n\n{ ch:2, img:\"nl15\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tegel \u00b7 Verzuimprotocol\", t:\"Verzuimprotocol\",\n  p:[\"Bij <strong>Verzuimprotocol<\/strong> vind je alle regels die gelden tijdens een ziekmelding. Lees dit goed door, zodat je weet wat je moet doen als je ziek wordt.\"]},\n\n{ ch:2, img:\"nl16\", url:\"Verzuimprotocol 2026.pdf\", w:\"Tegel \u00b7 Verzuimprotocol\", t:\"Het protocol openen\",\n  p:[\"De tegel opent het verzuimprotocol als pdf. Je kunt het downloaden en bewaren, zodat je het ook bij de hand hebt als je je ziek moet melden.\"]},\n\n{ ch:2, img:\"nl17\", url:\"Verzuimprotocol 2026.pdf  \u203a  Inhoudsopgave\", w:\"Tegel \u00b7 Verzuimprotocol\", t:\"Wat staat er in?\",\n  p:[\"De inhoudsopgave laat zien wat het protocol allemaal behandelt: ziek- en betermelden, betaling tijdens ziekte, langdurig verzuim en re-integratie, preventie en de contactgegevens.\"],\n  note:{k:\"tip\", ic:\"Tip\", t:\"Kijk vooral naar hoofdstuk 2 \u2014 daar staat precies hoe en wanneer je je ziek en beter meldt.\"}},\n\n{ ch:2, img:\"nl18\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tegel \u00b7 Een contract bij JAM!\", t:\"Een contract bij JAM!\",\n  p:[\"De tegel <strong>Een contract bij JAM!<\/strong> bevat een handige, korte uitlegvideo over hoe het werkt nu jouw contract via JAM! verloopt.\"]},\n\n{ ch:3, img:\"nl19\", url:\"myjam.jamhoreca.nl  \u203a  Overzicht wijzigingen\", w:\"Menubalk links \u00b7 1\", t:\"Overzicht wijzigingen\",\n  lede:\"Nu de zwarte balk aan de linkerkant.\",\n  p:[\"Bovenaan staat <strong>Overzicht wijzigingen<\/strong>, met een rood 1\u2019tje erbij. Dat betekent dat er een actie van jou wordt verwacht. Onderdelen met een rode 1 staan altijd bovenaan \u2014 klik die dus altijd aan om te kijken wat er moet gebeuren.\",\n     \"Hier zie je de status van je doorgegeven wijzigingen. Ben je een wijziging begonnen maar niet afgemaakt? Dan zie je daar een rode 1.\"],\n  note:{k:\"tip\", ic:\"Tip\", t:\"Je kunt ook remindermails ontvangen met de vraag om je wijziging af te maken.\"}},\n\n{ ch:3, img:\"nl20\", url:\"myjam.jamhoreca.nl  \u203a  Urenbriefjes\", w:\"Menubalk links \u00b7 2\", t:\"Urenbriefjes\",\n  p:[\"Bij <strong>Urenbriefjes<\/strong> kunnen medewerkers een overzicht van al hun gewerkte uren per periode vinden.\"],\n  note:[\n    {k:\"warn\", ic:\"Let op\", t:\"Niet alle opdrachtgevers werken met urenbriefjes. Het kan zijn dat jij hier dus niets ziet staan omdat jouw opdrachtgever dat niet doet.\"},\n    {k:\"warn\", ic:\"Let op\", t:\"Klopt er iets niet of heb je hier vragen over? Dan moet je bij jouw leidinggevende zijn.\"}\n  ]},\n\n{ ch:3, img:\"nl21\", url:\"myjam.jamhoreca.nl  \u203a  Documenten\", w:\"Menubalk links \u00b7 3\", t:\"Documenten\",\n  p:[\"Bij <strong>Documenten<\/strong> vind je alle relevante documenten over jouw werk terug: je jaaropgave, je contract, de huisregels, je loonheffingsformulier, het verzuimprotocol, de horeca-cao en de WAZO-regelingen rond zwangerschap en ouderschapsverlof.\"],\n  note:{k:\"tip\", ic:\"Klaar!\", t:\"Dat was de rondleiding. Je weet nu waar je alles kunt vinden. Kom hier gerust terug als je iets wilt opzoeken.\"}}\n],\n\nen:[\n{ ch:0, img:\"en1\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Home screen\", t:\"Welcome to MyJAM!\",\n  lede:\"This app holds all the important documents and information about your job.\",\n  p:[\"In this tour you click through MyJAM! step by step, so you know exactly where to find everything. We'll start with the red icons in the top-right corner.\"]},\n\n{ ch:1, img:\"en2\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Top-right \u00b7 1st icon\", t:\"Search and recent activity\",\n  p:[\"This button folds the search panel in and out. It shows a list of all your <strong>recent activity<\/strong> in MyJAM! \u2014 for example documents that were just added.\"]},\n\n{ ch:1, img:\"en3\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Top-right \u00b7 2nd icon\", t:\"Switching between accounts\",\n  p:[\"Some employees have more than one account at JAM!. For example when someone is both a trainee and an employee at the same business, or when someone works for several businesses. This button lets them switch between their accounts.\"]},\n\n{ ch:1, img:\"en4\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Top-right \u00b7 3rd icon\", t:\"Change the language\",\n  p:[\"The little flag lets you change the language. You can choose between <strong>Dutch<\/strong> and <strong>English<\/strong>.\"]},\n\n{ ch:1, img:\"en5\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Top-right \u00b7 4th icon\", t:\"Your personal details\",\n  p:[\"The person icon takes you to your personal details.\"]},\n\n{ ch:1, img:\"en6\", url:\"myjam.jamhoreca.nl  \u203a  User\", w:\"User page\", t:\"What you can change here\",\n  p:[\"This is where your personal details live. At the top you'll find three buttons: <strong>Edit<\/strong>, <strong>Change password<\/strong> and <strong>Change PIN<\/strong>.\",\n     \"Under <strong>Edit<\/strong> you set the language of MyJAM! and upload a profile photo. Want to change your details? That goes through the \u2018Change personal details\u2019 tile \u2014 more on that shortly.\",\n     \"<strong>Change password<\/strong> speaks for itself. Under <strong>Change PIN<\/strong> you set a shorter 5-character code, which makes logging in faster.\"],\n  note:{k:\"warn\", ic:\"Careful\", t:\"Under <strong>Other<\/strong> you can log out normally, or log out permanently. Logging out permanently means JAM! forgets your account, so you can never log in again.\"}},\n\n{ ch:2, img:\"en7\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tile \u00b7 JAM!Helps\", t:\"JAM!Helps\",\n  lede:\"Now let's look at the tiles.\",\n  p:[\"Click the <strong>JAM!Helps<\/strong> tile when you're not feeling great, need help, or just want to talk \u2014 about mental as well as physical challenges.\",\n     \"We're here to listen to your story with no strings attached and to look for a solution together. Have a look around the website and get in touch if something speaks to you.\"]},\n\n{ ch:2, img:\"en8\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tile \u00b7 Change personal details\", t:\"Change personal details\",\n  p:[\"Click the <strong>Change personal details<\/strong> tile when one of your personal details needs updating.\"]},\n\n{ ch:2, img:\"en9\", url:\"myjam.jamhoreca.nl  \u203a  Change personal details\", w:\"Tile \u00b7 Change personal details\", t:\"What you can change yourself\",\n  p:[\"Pick the type of change at the top. These five changes go through MyJAM!:\"],\n  chips:[\"Payroll tax credit\",\"Bank account\",\"Address\",\"Email address\",\"Phone number\"],\n  note:{k:\"warn\", ic:\"Careful\", t:\"Once you've submitted a change, it won't show up in your MyJAM! straight away. The change first goes to JAM! to be checked. Only after that do we process it in the system.\"}},\n\n{ ch:2, img:\"en10\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tile \u00b7 Reservations\", t:\"Reservations\",\n  p:[\"The <strong>Reservations<\/strong> tile shows the current balance of your holiday pay, holiday hours and \u2014 if it applies to you \u2014 time-for-time.\"],\n  note:{k:\"tip\", ic:\"Tip\", t:\"These balances also appear at the bottom of your payslips.\"}},\n\n{ ch:2, img:\"en11\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tile \u00b7 JAM! Academy\", t:\"Hospitality training: JAM! Academy\",\n  p:[\"The <strong>JAM! Academy<\/strong> tile is where you start building or expanding your hospitality knowledge. You get <strong>five free English courses<\/strong>, made by SVH, the training institute for the hospitality industry. Quality guaranteed!\"]},\n\n{ ch:2, img:\"en12\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tile \u00b7 New payslip\", t:\"New payslip\",\n  p:[\"<strong>New payslip<\/strong> is where you find your most recent payslip.\"]},\n\n{ ch:2, img:\"en13\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tile \u00b7 Absenteeism protocol\", t:\"Absenteeism protocol\",\n  p:[\"<strong>Absenteeism protocol<\/strong> holds all the rules that apply when you call in sick. Read it carefully, so you know what to do when you fall ill.\"]},\n\n{ ch:2, img:\"en14\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Tile \u00b7 An employment contract at JAM!\", t:\"An employment contract at JAM!\",\n  p:[\"The <strong>An employment contract at JAM!<\/strong> tile holds a short, handy explainer video about how things work now that your contract runs through JAM!.\"]},\n\n{ ch:3, img:\"en15\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Left menu bar \u00b7 1\", t:\"Overview adjustments\",\n  lede:\"Now for the black bar on the left.\",\n  p:[\"At the top sits <strong>Overview adjustments<\/strong>, with a small red 1 next to it. That means something is waiting for you. Items with a red 1 always move to the top \u2014 so always open them to see what needs doing.\",\n     \"Here you see the status of the changes you reported. Started a change but never finished it? Then a red 1 shows up here.\"],\n  note:{k:\"tip\", ic:\"Tip\", t:\"You may also get reminder emails asking you to finish your change.\"}},\n\n{ ch:3, img:\"en16\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Left menu bar \u00b7 2\", t:\"Timecards\",\n  p:[\"<strong>Timecards<\/strong> is where employees find an overview of all the hours they worked, per period.\"],\n  note:[\n    {k:\"warn\", ic:\"Careful\", t:\"Not every hospitality business works with timecards. So you may see nothing here at all, simply because the business you work at doesn't use them.\"},\n    {k:\"warn\", ic:\"Careful\", t:\"Something not right, or a question about your hours? Then your manager is the one to ask.\"}\n  ]},\n\n{ ch:3, img:\"en17\", url:\"myjam.jamhoreca.nl  \u203a  MyJAM!\", w:\"Left menu bar \u00b7 3\", t:\"Documents\",\n  p:[\"<strong>Documents<\/strong> holds every relevant document about your job: your annual statement, your contract, the house rules, your payroll tax form, the absenteeism protocol, the hospitality collective agreement and the WAZO schemes for pregnancy and parental leave.\"],\n  note:{k:\"tip\", ic:\"Done!\", t:\"That's the whole tour. You now know where to find everything. Come back any time you need to look something up.\"}}\n]\n};\n\nconst T = {\n  nl:{ brand:\"MyJAM! rondleiding\", sub:\"Voor nieuwe medewerkers\", index:\"Alle stappen\",\n       prev:\"Vorige\", next:\"Volgende\", restart:\"Opnieuw beginnen\", keys:\"Navigeer met\",\n       zoom:\"Klik op het beeld om te vergroten\", of:\"van\", pending:\"Screenshot volgt\", close:\"Sluiten\" },\n  en:{ brand:\"MyJAM! tour\", sub:\"For new team members\", index:\"All steps\",\n       prev:\"Back\", next:\"Next\", restart:\"Start over\", keys:\"Navigate with\",\n       zoom:\"Click the image to enlarge\", of:\"of\", pending:\"Screenshot coming\", close:\"Close\" }\n};\n\nconst ROOT = document.currentScript.parentNode.querySelector(\".jam-tool\")\n          || document.querySelector(\".jam-tool\");\nconst $ = id => ROOT.querySelector(\"#\" + id) || document.getElementById(id);\n\nlet lang = \"nl\", i = 0, STEPS = TOUR.nl;\ntry{\n  const s = localStorage.getItem(\"myjam-tour\");\n  if(s){ const o = JSON.parse(s); if(o.lang===\"en\"||o.lang===\"nl\") lang=o.lang;\n         if(Number.isInteger(o.i) && o.i>=0) i=o.i; }\n}catch(e){}\nconst save = () => { try{ localStorage.setItem(\"myjam-tour\", JSON.stringify({lang,i})); }catch(e){} };\n\nfunction buildTrack(){\n  $(\"track\").innerHTML = CH[lang].map((c,ci)=>{\n    const first = STEPS.findIndex(s=>s.ch===ci);\n    return `<button class=\"seg\" data-go=\"${first}\" title=\"${c}\">\n      <span class=\"bar\"><i data-ch=\"${ci}\"><\/i><\/span>\n      <span class=\"lab subheading\">${c}<\/span><\/button>`;\n  }).join(\"\");\n  $(\"track\").querySelectorAll(\"[data-go]\").forEach(b=>b.onclick=()=>go(+b.dataset.go));\n}\n\nfunction paintTrack(){\n  const cur = STEPS[i].ch;\n  CH[lang].forEach((_,ci)=>{\n    const inCh = STEPS.filter(s=>s.ch===ci).length;\n    const first = STEPS.findIndex(s=>s.ch===ci);\n    const pct = ci<cur ? 100 : ci>cur ? 0 : Math.round((i-first+1)\/inCh*100);\n    $(\"track\").querySelector(`i[data-ch=\"${ci}\"]`).style.width = pct+\"%\";\n    $(\"track\").querySelectorAll(\".seg\")[ci].dataset.on = ci===cur ? \"1\" : \"0\";\n  });\n  $(\"chapnow\").innerHTML = `${CH[lang][cur]} <span>\u00b7 ${lang===\"nl\"?\"deel\":\"part\"} ${cur+1}\/${CH[lang].length}<\/span>`;\n}\n\nfunction render(){\n  const d = STEPS[i], t = T[lang];\n\n  let html = `<div class=\"eyebrow\">\n      <span class=\"count subheading\">${String(i+1).padStart(2,\"0\")} <em>${t.of}<\/em> ${STEPS.length}<\/span>\n      <span class=\"where subheading\">${d.w}<\/span><\/div>\n    <h1 class=\"headline h1\">${d.t}<\/h1>`;\n  if(d.lede) html += `<p class=\"lede\">${d.lede}<\/p>`;\n  html += d.p.map(p=>`<p>${p}<\/p>`).join(\"\");\n  if(d.chips) html += `<ul class=\"chips\">${d.chips.map(c=>`<li>${c}<\/li>`).join(\"\")}<\/ul>`;\n  if(d.note) [].concat(d.note).forEach(n => { html += `<div class=\"note ${n.k===\"warn\"?\"warn\":\"\"}\"><span class=\"ic subheading\">${n.ic}<\/span><p>${n.t}<\/p><\/div>`; });\n  const copy = $(\"copy\");\n  copy.className = \"copy fade\"; copy.innerHTML = html;\n\n  const src = srcOf(d.img);\n  $(\"frame\").innerHTML = `<div class=\"chrome\"><span class=\"dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"url subheading\">${d.url}<\/span><\/div>`\n    + (src\n      ? `<button class=\"shot\" id=\"shotBtn\" aria-label=\"${t.zoom}\"><img decoding=\"async\" src=\"${src}\" alt=\"${d.t}\" onerror=\"jamImgFail(this)\"><\/button>`\n      : `<div class=\"pending subheading\">${t.pending}<\/div>`);\n  const sb = $(\"shotBtn\"); if(sb) sb.onclick = () => lightbox(src, d.t);\n  $(\"zoomHint\").hidden = !src;\n\n  $(\"btnPrev\").disabled = i===0;\n  $(\"lblNext\").textContent = i===STEPS.length-1 ? t.restart : t.next;\n  paintTrack();\n  if(drawerOpen) fillList();\n  save();\n}\n\n\nfunction jamLogoFail(img){\n  const box = img.parentNode;\n  box.classList.add(\"txt\");\n  box.innerHTML = '<span class=\"wordmark\">JAM<i>!<\/i><\/span>';\n}\nwindow.jamLogoFail = jamLogoFail;\n\nfunction jamImgFail(img){\n  const box = img.closest(\".frame\");\n  if(box) box.querySelector(\".shot\").outerHTML =\n    `<div class=\"pending subheading\" style=\"flex-direction:column;gap:6px;text-align:center;padding:20px\">\n       <span>Afbeelding niet gevonden<\/span>\n       <span style=\"text-transform:none;letter-spacing:0;font-size:11px;opacity:.75;word-break:break-all\">${img.getAttribute(\"src\")}<\/span>\n     <\/div>`;\n}\nwindow.jamImgFail = jamImgFail;\n\nfunction go(n){\n  i = (n+STEPS.length)%STEPS.length;\n  render();\n  const top = ROOT.getBoundingClientRect().top + window.pageYOffset - 12;\n  if(window.pageYOffset > top) window.scrollTo({top, behavior:\"smooth\"});\n}\n\nfunction setLang(l){\n  lang = l;\n  STEPS = TOUR[l];\n  if(i >= STEPS.length) i = STEPS.length - 1;\n  $(\"btnNL\").setAttribute(\"aria-pressed\", l===\"nl\");\n  $(\"btnEN\").setAttribute(\"aria-pressed\", l===\"en\");\n  const t = T[l];\n  $(\"brandTitle\").textContent = t.brand; $(\"brandSub\").textContent = t.sub;\n  $(\"lblIndex\").textContent = t.index;   $(\"lblPrev\").textContent = t.prev;\n  $(\"lblKeys\").textContent = t.keys;     $(\"lblZoom\").textContent = t.zoom;\n  buildTrack(); render();\n}\n\n\/* ---- stappenlijst ---- *\/\nlet drawerOpen = false;\nfunction fillList(){\n  const box = document.getElementById(\"drawerList\"); if(!box) return;\n  let html = \"\";\n  CH[lang].forEach((c,ci)=>{\n    html += `<span class=\"grp subheading\">${c}<\/span>`;\n    STEPS.forEach((s,si)=>{ if(s.ch!==ci) return;\n      html += `<button class=\"item\" data-i=\"${si}\" aria-current=\"${si===i}\"><em>${String(si+1).padStart(2,\"0\")}<\/em><span>${s.t}<\/span><\/button>`;\n    });\n  });\n  box.innerHTML = html;\n  box.querySelectorAll(\"[data-i]\").forEach(b=>b.onclick=()=>{ closeDrawer(); go(+b.dataset.i); });\n}\nfunction openDrawer(){\n  drawerOpen = true;\n  const wrap = document.createElement(\"div\");\n  wrap.id = \"drawerWrap\";\n  wrap.className = \"jam-tool jt-overlay\";\n  wrap.innerHTML = `<div class=\"scrim\" id=\"scrim\"><\/div>\n    <aside class=\"drawer\" role=\"dialog\" aria-modal=\"true\" aria-label=\"${T[lang].index}\">\n      <header><h2 class=\"subheading\">${T[lang].index}<\/h2><button id=\"drawerX\" aria-label=\"${T[lang].close}\">&times;<\/button><\/header>\n      <div class=\"list\" id=\"drawerList\"><\/div><\/aside>`;\n  document.body.appendChild(wrap);\n  fillList();\n  document.getElementById(\"scrim\").onclick = closeDrawer;\n  document.getElementById(\"drawerX\").onclick = closeDrawer;\n}\nfunction closeDrawer(){\n  drawerOpen=false;\n  const w=document.getElementById(\"drawerWrap\"); if(w) w.remove();\n  $(\"btnIndex\").focus();\n}\n\n\/* ---- vergroot beeld ---- *\/\nfunction lightbox(src, alt){\n  const wrap = document.createElement(\"div\");\n  wrap.className = \"jam-tool jt-overlay\";\n  wrap.id = \"lbWrap\";\n  wrap.innerHTML = `<div class=\"lb\"><button class=\"close\" aria-label=\"${T[lang].close}\">&times;<\/button><img decoding=\"async\" src=\"${src}\" alt=\"${alt}\"><\/div>`;\n  wrap.onclick = () => wrap.remove();\n  document.body.appendChild(wrap);\n}\n\n$(\"btnNL\").onclick = () => setLang(\"nl\");\n$(\"btnEN\").onclick = () => setLang(\"en\");\n$(\"btnPrev\").onclick = () => go(i-1);\n$(\"btnNext\").onclick = () => go(i+1);\n$(\"btnIndex\").onclick = () => drawerOpen ? closeDrawer() : openDrawer();\n\ndocument.addEventListener(\"keydown\", e=>{\n  if(e.key===\"Escape\"){\n    const lb=document.getElementById(\"lbWrap\"); if(lb){lb.remove();return;}\n    if(drawerOpen) closeDrawer(); return;\n  }\n  if(document.getElementById(\"lbWrap\")) return;\n  const tag = (e.target.tagName||\"\").toLowerCase();\n  if(tag===\"input\"||tag===\"textarea\"||tag===\"select\") return;\n  if(e.key===\"ArrowRight\"){ e.preventDefault(); go(i+1); }\n  if(e.key===\"ArrowLeft\"){ e.preventDefault(); go(i-1); }\n});\n\nsetLang(lang);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":0,"parent":24137,"menu_order":0,"template":"elementor_canvas","meta":{"_acf_changed":false,"content-type":""},"categories":[],"class_list":["post-24487","onboarding","type-onboarding","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MyJAM rondleiding - JAM! Horeca<\/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:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MyJAM rondleiding - JAM! Horeca\" \/>\n<meta property=\"og:description\" content=\"MyJAM! Rondleiding MyJAM! rondleiding Voor nieuwe medewerkers NL EN Alle stappen Klik op het beeld om te vergroten Vorige Volgende Navigeer met &larr; &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/\" \/>\n<meta property=\"og:site_name\" content=\"JAM! Horeca\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-01T09:18:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2026\/03\/JAM-Horeca-Payroll-Logo-kleur-2026.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. 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:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/myjam-rondleiding\\\/\",\"url\":\"https:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/myjam-rondleiding\\\/\",\"name\":\"MyJAM rondleiding - JAM! Horeca\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/myjam-rondleiding\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/myjam-rondleiding\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jamhoreca.nl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/JAM-Horeca-Payroll-Logo-kleur-2026.png\",\"datePublished\":\"2026-09-07T14:31:53+00:00\",\"dateModified\":\"2026-10-01T09:18:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/myjam-rondleiding\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/myjam-rondleiding\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/myjam-rondleiding\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jamhoreca.nl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/JAM-Horeca-Payroll-Logo-kleur-2026.png\",\"contentUrl\":\"https:\\\/\\\/jamhoreca.nl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/JAM-Horeca-Payroll-Logo-kleur-2026.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/myjam-rondleiding\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"JAM!\",\"item\":\"https:\\\/\\\/jamhoreca.nl\\\/en\\\/home2-0\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Werknemer\",\"item\":\"https:\\\/\\\/jamhoreca.nl\\\/dashboard\\\/werknemer\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"MyJAM rondleiding\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/#website\",\"url\":\"https:\\\/\\\/jamhoreca.nl\\\/\",\"name\":\"JAM! Horeca\",\"description\":\"De specialist in horecapersoneel.\",\"publisher\":{\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jamhoreca.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/#organization\",\"name\":\"JAM! B.V.\",\"url\":\"https:\\\/\\\/jamhoreca.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jamhoreca.nl\\\/wp-content\\\/uploads\\\/2018\\\/06\\\/jam-final-semi-zwart.png\",\"contentUrl\":\"https:\\\/\\\/jamhoreca.nl\\\/wp-content\\\/uploads\\\/2018\\\/06\\\/jam-final-semi-zwart.png\",\"width\":1307,\"height\":572,\"caption\":\"JAM! B.V.\"},\"image\":{\"@id\":\"https:\\\/\\\/jamhoreca.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MyJAM rondleiding - JAM! Horeca","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:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/","og_locale":"en_US","og_type":"article","og_title":"MyJAM rondleiding - JAM! Horeca","og_description":"MyJAM! Rondleiding MyJAM! rondleiding Voor nieuwe medewerkers NL EN Alle stappen Klik op het beeld om te vergroten Vorige Volgende Navigeer met &larr; &rarr;","og_url":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/","og_site_name":"JAM! Horeca","article_modified_time":"2026-10-01T09:18:48+00:00","og_image":[{"url":"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2026\/03\/JAM-Horeca-Payroll-Logo-kleur-2026.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/","url":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/","name":"MyJAM rondleiding - JAM! Horeca","isPartOf":{"@id":"https:\/\/jamhoreca.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/#primaryimage"},"image":{"@id":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/#primaryimage"},"thumbnailUrl":"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2026\/03\/JAM-Horeca-Payroll-Logo-kleur-2026.png","datePublished":"2026-09-07T14:31:53+00:00","dateModified":"2026-10-01T09:18:48+00:00","breadcrumb":{"@id":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/#primaryimage","url":"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2026\/03\/JAM-Horeca-Payroll-Logo-kleur-2026.png","contentUrl":"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2026\/03\/JAM-Horeca-Payroll-Logo-kleur-2026.png"},{"@type":"BreadcrumbList","@id":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/myjam-rondleiding\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"JAM!","item":"https:\/\/jamhoreca.nl\/en\/home2-0\/"},{"@type":"ListItem","position":2,"name":"Werknemer","item":"https:\/\/jamhoreca.nl\/dashboard\/werknemer\/"},{"@type":"ListItem","position":3,"name":"MyJAM rondleiding"}]},{"@type":"WebSite","@id":"https:\/\/jamhoreca.nl\/#website","url":"https:\/\/jamhoreca.nl\/","name":"JAM! Horeca","description":"De specialist in horecapersoneel.","publisher":{"@id":"https:\/\/jamhoreca.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jamhoreca.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jamhoreca.nl\/#organization","name":"JAM! B.V.","url":"https:\/\/jamhoreca.nl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jamhoreca.nl\/#\/schema\/logo\/image\/","url":"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2018\/06\/jam-final-semi-zwart.png","contentUrl":"https:\/\/jamhoreca.nl\/wp-content\/uploads\/2018\/06\/jam-final-semi-zwart.png","width":1307,"height":572,"caption":"JAM! B.V."},"image":{"@id":"https:\/\/jamhoreca.nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/jamhoreca.nl\/en\/wp-json\/wp\/v2\/onboarding\/24487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jamhoreca.nl\/en\/wp-json\/wp\/v2\/onboarding"}],"about":[{"href":"https:\/\/jamhoreca.nl\/en\/wp-json\/wp\/v2\/types\/onboarding"}],"version-history":[{"count":30,"href":"https:\/\/jamhoreca.nl\/en\/wp-json\/wp\/v2\/onboarding\/24487\/revisions"}],"predecessor-version":[{"id":24778,"href":"https:\/\/jamhoreca.nl\/en\/wp-json\/wp\/v2\/onboarding\/24487\/revisions\/24778"}],"up":[{"embeddable":true,"href":"https:\/\/jamhoreca.nl\/en\/wp-json\/wp\/v2\/onboarding\/24137"}],"wp:attachment":[{"href":"https:\/\/jamhoreca.nl\/en\/wp-json\/wp\/v2\/media?parent=24487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jamhoreca.nl\/en\/wp-json\/wp\/v2\/categories?post=24487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}