{"id":8,"date":"2026-06-01T08:30:58","date_gmt":"2026-06-01T08:30:58","guid":{"rendered":"https:\/\/www.photomatique.be\/?page_id=8"},"modified":"2026-06-01T10:37:56","modified_gmt":"2026-06-01T10:37:56","slug":"8-2","status":"publish","type":"page","link":"https:\/\/www.photomatique.be\/","title":{"rendered":""},"content":{"rendered":"\n<style>\nhtml, body {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    min-height: 100%;\n    background: #f4f4f1;\n    overflow-x: hidden;\n    overflow-y: hidden;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n}\n\n.site-content,\n.entry-content,\n.ct-container,\nmain {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n}\n\n#gallery {\n    width: 100%;\n    height: calc(100vh - 30px);\n    box-sizing: border-box;\n    padding: 2vw 3.5vw 1vw 3.5vw;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-template-rows: repeat(2, 1fr) auto;\n    gap: 1.8vw;\n    background: #f4f4f1;\n}\n\n.gallery-item {\n    overflow: hidden;\n    cursor: zoom-in;\n    background: #f4f4f1;\n    border-radius: 6px;\n    opacity: 0;\n    filter: blur(6px);\n    animation: galleryFadeIn 1.4s cubic-bezier(.16,.84,.44,1) forwards;\n}\n\n@keyframes galleryFadeIn {\n    from {\n        opacity: 0;\n        filter: blur(6px);\n    }\n\n    to {\n        opacity: 1;\n        filter: blur(0);\n    }\n}\n\n.gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    border-radius: 6px;\n    transform: scale(1);\n    transition:\n        transform 0.35s ease,\n        opacity 0.35s ease;\n}\n\n.gallery-item:hover img {\n    transform: scale(1.02);\n    opacity: 0.94;\n}\n\n#contact {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    font-family: \"Avenir Next\", Avenir, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #444;\n    align-self: center;\n    padding-top: 6px;\n    padding-bottom: 8px;\n}\n\n#contact a {\n    color: #444;\n    text-decoration: none;\n    transition:\n        opacity 0.25s ease,\n        color 0.25s ease;\n}\n\n#contact a:hover {\n    color: #111;\n}\n\n#contact span {\n    margin: 0 10px;\n    opacity: 0.55;\n}\n\n#lightbox {\n    position: fixed !important;\n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    left: 0 !important;\n\n    width: auto !important;\n    height: auto !important;\n    min-width: 100vw !important;\n    min-height: 100vh !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n\n    background: rgba(0,0,0,0.94);\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    opacity: 0;\n    pointer-events: none;\n\n    transition: opacity 0.35s ease;\n\n    z-index: 2147483647 !important;\n\n    overflow: hidden !important;\n\n    cursor: zoom-out;\n}\n\n#lightbox.visible {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n#lightbox img {\n    max-width: 94vw;\n    max-height: 94vh;\n    object-fit: contain;\n    display: block;\n}\n\n@media (max-width: 768px) {\n\n    html, body {\n        overflow-y: auto;\n    }\n\n    #gallery {\n        height: auto !important;\n        min-height: 0 !important;\n\n        padding: 3vw;\n\n        display: flex !important;\n        flex-wrap: wrap !important;\n\n        column-gap: 3vw;\n        row-gap: 3vw;\n\n        align-content: flex-start !important;\n        align-items: flex-start !important;\n\n        background: #f4f4f1;\n    }\n\n    #contact {\n        order: -1;\n        width: 100%;\n\n        font-size: 9px;\n        letter-spacing: 2px;\n\n        padding-top: 4px;\n        padding-bottom: 12px;\n    }\n\n    .gallery-item {\n        width: calc(50% - 1.5vw);\n        height: auto !important;\n        aspect-ratio: auto !important;\n    }\n\n    .gallery-item img {\n        width: 100%;\n        height: auto !important;\n        aspect-ratio: 1 \/ 1;\n        object-fit: cover;\n    }\n\n    .gallery-item:hover img {\n        transform: none;\n        opacity: 1;\n    }\n}\n<\/style>\n\n<section id=\"gallery\">\n\n    <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/31-scaled.jpg\" data-full=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/21-scaled.jpg\">\n    <\/div>\n\n    <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/32-scaled.jpg\" data-full=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/22-scaled.jpg\">\n    <\/div>\n\n    <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/33-scaled.jpg\" data-full=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/23-scaled.jpg\">\n    <\/div>\n\n    <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/34-scaled.jpg\" data-full=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/24-scaled.jpg\">\n    <\/div>\n\n    <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/35-scaled.jpg\" data-full=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/25-scaled.jpg\">\n    <\/div>\n\n    <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/36-scaled.jpg\" data-full=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/26-scaled.jpg\">\n    <\/div>\n\n    <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/37-scaled.jpg\" data-full=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/27-scaled.jpg\">\n    <\/div>\n\n    <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/38-scaled.jpg\" data-full=\"http:\/\/www.photomatique.be\/wp-content\/uploads\/2026\/06\/28-scaled.jpg\">\n    <\/div>\n\n    <div id=\"contact\">\n        <a href=\"https:\/\/www.instagram.com\/photomatique.be\/\" target=\"_blank\">\n            PHOTOMATIQUE.BE\n        <\/a>\n\n        <span>\u00b7<\/span>\n\n        <a href=\"mailto:info@photomatique.be\">\n            INFO@PHOTOMATIQUE.BE\n        <\/a>\n    <\/div>\n\n<\/section>\n\n<div id=\"lightbox\">\n    <img decoding=\"async\" id=\"lightbox-img\" src=\"\">\n<\/div>\n\n<script>\nconst lightbox = document.getElementById('lightbox');\nconst lightboxImg = document.getElementById('lightbox-img');\n\ndocument.querySelectorAll('.gallery-item img').forEach(img => {\n\n    img.addEventListener('click', () => {\n\n        lightboxImg.src = img.dataset.full;\n        lightbox.classList.add('visible');\n\n        document.documentElement.style.overflow = 'hidden';\n        document.body.style.overflow = 'hidden';\n        document.body.style.paddingRight = '0px';\n\n    });\n\n});\n\nfunction closeLightbox() {\n\n    lightbox.classList.remove('visible');\n\n    document.documentElement.style.overflow = '';\n    document.body.style.overflow = '';\n    document.body.style.paddingRight = '';\n\n    setTimeout(() => {\n        lightboxImg.src = '';\n    }, 350);\n}\n\nlightbox.addEventListener('click', closeLightbox);\n\ndocument.addEventListener('keydown', event => {\n    if (event.key === 'Escape') {\n        closeLightbox();\n    }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>PHOTOMATIQUE.BE \u00b7 INFO@PHOTOMATIQUE.BE<\/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-8","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"disable_featured_image":"yes","disable_share_box":"yes","disable_header":"yes","disable_footer":"yes","content_style_source":"inherit","vertical_spacing_source":"custom","content_area_spacing":"none","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home","__id":"F7nHfzo2eSa1JNMINXaRo"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"M6A0K9eE46CZ05W5iXlSR"},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true},"__id":"Z0NLBgWlSYk3A9fD5vqCo"},{"id":"breadcrumbs","enabled":false,"__id":"oi91e7blAQQ3rknAMQ_dp"}]},"_links":{"self":[{"href":"https:\/\/www.photomatique.be\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photomatique.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.photomatique.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.photomatique.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photomatique.be\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":24,"href":"https:\/\/www.photomatique.be\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/www.photomatique.be\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/www.photomatique.be\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}