{"id":10,"date":"2025-03-31T15:09:05","date_gmt":"2025-03-31T15:09:05","guid":{"rendered":"https:\/\/carplayarnhem.nl\/?page_id=10"},"modified":"2025-06-05T23:05:42","modified_gmt":"2025-06-05T23:05:42","slug":"home","status":"publish","type":"page","link":"https:\/\/carplayarnhem.nl\/","title":{"rendered":"CarPlay in je dash: alsof je auto een upgrade naar business class kreeg."},"content":{"rendered":"\n<style>\n\/* Algemeen voor de hele pagina *\/\nbody {\n  font-family: sans-serif;  \/* Zorg voor een algemeen lettertype voor de body *\/\n}\n\n\/* Titel voor de browser-tab *\/\nhead title {\n  font-family: 'Kenteken', sans-serif !important;  \/* Het lettertype van de titel in de tab *\/\n}\n\n\/* Stijl voor de h2-kopteksten *\/\nh2 {\n  font-family: 'Kenteken', sans-serif !important; \/* Zet het Kenteken lettertype *\/\n  text-align: center;  \/* Centreer de tekst *\/\n  font-size: 36px;  \/* Pas het lettertype formaat aan *\/\n  font-weight: bold;  \/* Maak de tekst vetgedrukt *\/\n  color: #003399;  \/* Pas de kleur van de tekst aan *\/\n  text-transform: uppercase; \/* Zet de tekst in hoofdletters *\/\n}\n\n\/* Spaties in h2 krijgen een ander lettertype *\/\nh2 .spatie {\n  font-family: Arial, sans-serif !important;  \/* Andere font voor spaties *\/\n  color: #999;  \/* Pas de kleur van de spaties aan, bijvoorbeeld grijs *\/\n}\n\n\/* Zet de titel in het Kenteken-lettertype en maak de kleur wit *\/\nh1.site-title a {\n    font-family: 'Kenteken', sans-serif !important;\n    text-transform: uppercase !important;\n    letter-spacing: 3px !important;\n    font-size: 20px !important;\n    color: white !important; \/* Zet de tekstkleur op wit *\/\n}\n\n\/* Zorg ervoor dat de spatie in Arial blijft *\/\nh1.site-title a .spatie {\n    font-family: Arial, sans-serif !important;\n    color: white !important;  \/* Zorg ervoor dat de spatie ook wit is *\/\n}\n\n\/* Verander de kleur van de titel als je op de link hovert (indien gewenst) *\/\nh1.site-title a:hover {\n    color: white !important;  \/* Maak hoverkleur wit, of pas deze aan naar wens *\/\n}\n\n<\/style>\n\n\n\n<style>\n\/* Beginpositie van de titel (buiten het scherm) *\/\n.entry-title {\n    position: relative;\n    left: 100%; \/* Zet het element buiten het scherm *\/\n    opacity: 0;\n    transition: all 1s ease; \/* Zorgt voor de vloeiende overgang *\/\n}\n\n\/* Wanneer de titel in beeld komt, voeg de animatie toe *\/\n.entry-title.slide-in {\n    left: 0;\n    opacity: 1;\n}\n\n\/* Voor schermen kleiner dan of gelijk aan 768px (iPad en kleiner), schakelen we de animatie uit *\/\n@media (max-width: 768px) {\n    .entry-title {\n        position: relative;\n        left: 0; \/* Zet de titel direct in het zicht *\/\n        opacity: 1; \/* Zorgt ervoor dat de titel altijd zichtbaar is *\/\n        transition: none; \/* Geen overgang op kleinere schermen *\/\n    }\n}\n\n<\/style>\n\n\n\n<p>Binnen ongeveer een uurtje installeren we een <strong>CarPlay-systeem<\/strong> dat perfect past bij <strong>jouw auto<\/strong>. Sit back and relax, wij brengen je dashboard weer helemaal up-to-date. Voor elk automerk hebben we een passende oplossing.<\/p>\n\n\n\n<style>\n\n.entry-title {\n    font-size: 1.2em !important; \/* Verhoogt de lettergrootte met !important *\/\n}\n.kentekenuitslag {\n    font-size: 2em !important;  \/* Verhoogt de lettergrootte *\/\n    color: green !important;    \/* Zet de tekstkleur op groen *\/\n    font-weight: bold !important;  \/* Maakt de tekst dikgedrukt *\/\n}\n\/* Stijl voor het pijltje *\/\n.scroll-indicator {\n    position: fixed;\n    bottom: 20px; \/* Plaats het pijltje aan de onderkant van het scherm *\/\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 40px; \/* Pijltje grootte *\/\n    opacity: 0; \/* Begin met het pijltje verborgen *\/\n    animation: bounce 1.5s infinite; \/* Zorgt voor de animatie van het pijltje *\/\n    z-index: 1000; \/* Zorgt ervoor dat het pijltje bovenop de andere inhoud verschijnt *\/\n}\n\n\/* Animatie van het pijltje (wiebelen) *\/\n@keyframes bounce {\n    0% {\n        transform: translate(-50%, 0); \/* Beginpositie *\/\n        opacity: 0; \/* Pijltje is onzichtbaar *\/\n    }\n    50% {\n        transform: translate(-50%, -20px); \/* Beweeg naar boven *\/\n        opacity: 1; \/* Pijltje wordt zichtbaar *\/\n    }\n    100% {\n        transform: translate(-50%, 0); \/* Keer terug naar de beginpositie *\/\n        opacity: 0; \/* Pijltje verdwijnt weer *\/\n    }\n}\n<\/style>\n\n\n\n<div class=\"scroll-indicator\">\n    <span>\u2193<\/span>\n<\/div>\n\n\n\n<script>\n\/\/ Zorg ervoor dat het pijltje zichtbaar wordt na 1 seconde\nwindow.addEventListener('load', function () {\n    setTimeout(function () {\n        \/\/ Zoek het pijltje en maak het zichtbaar\n        const scrollIndicator = document.querySelector('.scroll-indicator');\n        if (scrollIndicator) {\n            scrollIndicator.style.opacity = '1'; \/\/ Zorgt ervoor dat het pijltje zichtbaar wordt\n        }\n    }, 500); \/\/ Wacht 1 seconde na het laden van de pagina\n\n    \/\/ Verberg het pijltje na 4 seconden\n    setTimeout(function () {\n        const scrollIndicator = document.querySelector('.scroll-indicator');\n        if (scrollIndicator) {\n            scrollIndicator.style.opacity = '0'; \/\/ Verberg het pijltje na 4 seconden\n        }\n    }, 4000); \/\/ Pijltje verdwijnt na 4 seconden\n});\n\n<\/script>\n\n\n\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n  \/\/ Selecteer alle h2-elementen\n  var headings = document.querySelectorAll('h2');\n\n  headings.forEach(function(heading) {\n    \/\/ Verkrijg de tekstinhoud van het h2 element\n    var text = heading.innerHTML;\n\n    \/\/ Vervang de spaties door een <span> met een speciale klasse voor de spaties\n    var newText = text.replace(\/ \/g, '<span class=\"spatie\"> <\/span>');\n\n    \/\/ Zet de gewijzigde tekst terug in het h2 element\n    heading.innerHTML = newText;\n  });\n});\n\n<\/script>\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Maak een nieuwe IntersectionObserver\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            \/\/ Als de entry in beeld komt (gezien wordt)\n            if (entry.isIntersecting) {\n                entry.target.classList.add('slide-in'); \/\/ Voeg de 'slide-in' class toe\n                observer.unobserve(entry.target); \/\/ Stop met het observeren van dit element\n            }\n        });\n    }, {\n        threshold: 0.5 \/\/ Wanneer 50% van het element in beeld komt\n    });\n\n    \/\/ Zoek alle .entry-title elementen en voeg ze toe aan de observer\n    const titles = document.querySelectorAll('.entry-title');\n    titles.forEach(title => {\n        observer.observe(title);\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Binnen ongeveer een uurtje installeren we een CarPlay-systeem dat perfect past bij jouw auto. Sit back and relax, wij brengen je dashboard weer helemaal up-to-date. Voor elk automerk hebben we een passende oplossing. \u2193<\/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-10","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CarPlay in je dash: alsof je auto een upgrade naar business class kreeg. - CarPlay.Arnhem<\/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:\/\/carplayarnhem.nl\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CarPlay in je dash: alsof je auto een upgrade naar business class kreeg. - CarPlay.Arnhem\" \/>\n<meta property=\"og:description\" content=\"Binnen ongeveer een uurtje installeren we een CarPlay-systeem dat perfect past bij jouw auto. Sit back and relax, wij brengen je dashboard weer helemaal up-to-date. Voor elk automerk hebben we een passende oplossing. \u2193\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carplayarnhem.nl\/\" \/>\n<meta property=\"og:site_name\" content=\"CarPlay.Arnhem\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-05T23:05:42+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carplayarnhem.nl\/\",\"url\":\"https:\/\/carplayarnhem.nl\/\",\"name\":\"CarPlay in je dash: alsof je auto een upgrade naar business class kreeg. - CarPlay.Arnhem\",\"isPartOf\":{\"@id\":\"https:\/\/carplayarnhem.nl\/#website\"},\"datePublished\":\"2025-03-31T15:09:05+00:00\",\"dateModified\":\"2025-06-05T23:05:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/carplayarnhem.nl\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carplayarnhem.nl\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carplayarnhem.nl\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carplayarnhem.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CarPlay in je dash: alsof je auto een upgrade naar business class kreeg.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carplayarnhem.nl\/#website\",\"url\":\"https:\/\/carplayarnhem.nl\/\",\"name\":\"CarPlay.Arnhem\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carplayarnhem.nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CarPlay in je dash: alsof je auto een upgrade naar business class kreeg. - CarPlay.Arnhem","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:\/\/carplayarnhem.nl\/","og_locale":"nl_NL","og_type":"article","og_title":"CarPlay in je dash: alsof je auto een upgrade naar business class kreeg. - CarPlay.Arnhem","og_description":"Binnen ongeveer een uurtje installeren we een CarPlay-systeem dat perfect past bij jouw auto. Sit back and relax, wij brengen je dashboard weer helemaal up-to-date. Voor elk automerk hebben we een passende oplossing. \u2193","og_url":"https:\/\/carplayarnhem.nl\/","og_site_name":"CarPlay.Arnhem","article_modified_time":"2025-06-05T23:05:42+00:00","twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carplayarnhem.nl\/","url":"https:\/\/carplayarnhem.nl\/","name":"CarPlay in je dash: alsof je auto een upgrade naar business class kreeg. - CarPlay.Arnhem","isPartOf":{"@id":"https:\/\/carplayarnhem.nl\/#website"},"datePublished":"2025-03-31T15:09:05+00:00","dateModified":"2025-06-05T23:05:42+00:00","breadcrumb":{"@id":"https:\/\/carplayarnhem.nl\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carplayarnhem.nl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carplayarnhem.nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carplayarnhem.nl\/"},{"@type":"ListItem","position":2,"name":"CarPlay in je dash: alsof je auto een upgrade naar business class kreeg."}]},{"@type":"WebSite","@id":"https:\/\/carplayarnhem.nl\/#website","url":"https:\/\/carplayarnhem.nl\/","name":"CarPlay.Arnhem","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carplayarnhem.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/carplayarnhem.nl\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carplayarnhem.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carplayarnhem.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carplayarnhem.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carplayarnhem.nl\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":45,"href":"https:\/\/carplayarnhem.nl\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/carplayarnhem.nl\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/carplayarnhem.nl\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}