{"id":10,"date":"2025-03-31T15:09:05","date_gmt":"2025-03-31T15:09:05","guid":{"rendered":"https:\/\/carplayamersfoort.nl\/?page_id=10"},"modified":"2025-06-05T14:55:20","modified_gmt":"2025-06-05T14:55:20","slug":"home","status":"publish","type":"page","link":"https:\/\/carplayamersfoort.nl\/","title":{"rendered":"Maak het jezelf makkelijk, met CarPlay achter het stuur."},"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>Terwijl jij ontspannen geniet van een kop koffie en iets lekkers, installeren wij in 60 tot 90 minuten een volledig werkend <strong>CarPlay-systeem<\/strong>. Op maat voor jouw auto, met een module die perfect past bij jouw model.<\/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>Terwijl jij ontspannen geniet van een kop koffie en iets lekkers, installeren wij in 60 tot 90 minuten een volledig werkend CarPlay-systeem. Op maat voor jouw auto, met een module die perfect past bij jouw model. \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>Maak het jezelf makkelijk, met CarPlay achter het stuur. - CarPlay.Amersfoort<\/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:\/\/carplayamersfoort.nl\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Maak het jezelf makkelijk, met CarPlay achter het stuur. - CarPlay.Amersfoort\" \/>\n<meta property=\"og:description\" content=\"Terwijl jij ontspannen geniet van een kop koffie en iets lekkers, installeren wij in 60 tot 90 minuten een volledig werkend CarPlay-systeem. Op maat voor jouw auto, met een module die perfect past bij jouw model. \u2193\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carplayamersfoort.nl\/\" \/>\n<meta property=\"og:site_name\" content=\"CarPlay.Amersfoort\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-05T14:55:20+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:\/\/carplayamersfoort.nl\/\",\"url\":\"https:\/\/carplayamersfoort.nl\/\",\"name\":\"Maak het jezelf makkelijk, met CarPlay achter het stuur. - CarPlay.Amersfoort\",\"isPartOf\":{\"@id\":\"https:\/\/carplayamersfoort.nl\/#website\"},\"datePublished\":\"2025-03-31T15:09:05+00:00\",\"dateModified\":\"2025-06-05T14:55:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/carplayamersfoort.nl\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carplayamersfoort.nl\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carplayamersfoort.nl\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carplayamersfoort.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Maak het jezelf makkelijk, met CarPlay achter het stuur.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carplayamersfoort.nl\/#website\",\"url\":\"https:\/\/carplayamersfoort.nl\/\",\"name\":\"CarPlay.Amersfoort\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carplayamersfoort.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":"Maak het jezelf makkelijk, met CarPlay achter het stuur. - CarPlay.Amersfoort","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:\/\/carplayamersfoort.nl\/","og_locale":"nl_NL","og_type":"article","og_title":"Maak het jezelf makkelijk, met CarPlay achter het stuur. - CarPlay.Amersfoort","og_description":"Terwijl jij ontspannen geniet van een kop koffie en iets lekkers, installeren wij in 60 tot 90 minuten een volledig werkend CarPlay-systeem. Op maat voor jouw auto, met een module die perfect past bij jouw model. \u2193","og_url":"https:\/\/carplayamersfoort.nl\/","og_site_name":"CarPlay.Amersfoort","article_modified_time":"2025-06-05T14:55:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carplayamersfoort.nl\/","url":"https:\/\/carplayamersfoort.nl\/","name":"Maak het jezelf makkelijk, met CarPlay achter het stuur. - CarPlay.Amersfoort","isPartOf":{"@id":"https:\/\/carplayamersfoort.nl\/#website"},"datePublished":"2025-03-31T15:09:05+00:00","dateModified":"2025-06-05T14:55:20+00:00","breadcrumb":{"@id":"https:\/\/carplayamersfoort.nl\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carplayamersfoort.nl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carplayamersfoort.nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carplayamersfoort.nl\/"},{"@type":"ListItem","position":2,"name":"Maak het jezelf makkelijk, met CarPlay achter het stuur."}]},{"@type":"WebSite","@id":"https:\/\/carplayamersfoort.nl\/#website","url":"https:\/\/carplayamersfoort.nl\/","name":"CarPlay.Amersfoort","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carplayamersfoort.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/carplayamersfoort.nl\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carplayamersfoort.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carplayamersfoort.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carplayamersfoort.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carplayamersfoort.nl\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":43,"href":"https:\/\/carplayamersfoort.nl\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":281,"href":"https:\/\/carplayamersfoort.nl\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/281"}],"wp:attachment":[{"href":"https:\/\/carplayamersfoort.nl\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}