{"id":92,"date":"2025-09-30T13:13:15","date_gmt":"2025-09-30T13:13:15","guid":{"rendered":"http:\/\/mikaelagardner.com\/?page_id=92"},"modified":"2025-11-15T19:06:03","modified_gmt":"2025-11-15T19:06:03","slug":"interstice","status":"publish","type":"page","link":"https:\/\/mikaelagardner.com\/index.php\/interstice\/","title":{"rendered":"Interstice"},"content":{"rendered":"\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inconsolata:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        .text-section {\n            background-color: transparent;\n            padding: 30px;\n            max-width: 900px;\n            margin: 0;\n        }\n        .text-content {\n            color: white;\n            font-family: 'League Spartan', sans-serif;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n        .highlight {\n            font-style: italic;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"text-section\">\n        <div class=\"text-content\">\n            <p><span class=\"highlight\">Interstice<\/span> is comprised of an oil painting series and poem that reflects <br>\n            on beauty encountered at our feet within urban landscapes.<\/p>\n            <p>A hand-bound book of 32 pages<br>\n            Text printed on Japanese paper<br>\n            Oil paintings risograph printed<\/p>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        .horizontal-gallery {\n            width: 100%;\n            overflow-x: auto;\n            overflow-y: hidden;\n            white-space: nowrap;\n            padding: 20px 0;\n            background: transparent;\n        }\n        \n        .horizontal-gallery::-webkit-scrollbar {\n            height: 8px;\n        }\n        \n        .horizontal-gallery::-webkit-scrollbar-track {\n            background: #e0e0e0;\n            border-radius: 10px;\n        }\n        \n        .horizontal-gallery::-webkit-scrollbar-thumb {\n            background: #888;\n            border-radius: 10px;\n        }\n        \n        .horizontal-gallery::-webkit-scrollbar-thumb:hover {\n            background: #555;\n        }\n        \n        .gallery-container {\n            display: inline-flex;\n            gap: 15px;\n            padding: 0 20px;\n        }\n        \n        .gallery-item {\n            flex-shrink: 0;\n            width: 300px;\n            height: 300px;\n            border-radius: 0;\n            overflow: hidden;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n            cursor: pointer;\n        }\n        \n        .gallery-item:hover {\n            transform: scale(1.05);\n        }\n        \n        .gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n        \n        .modal {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.9);\n            z-index: 1000;\n            justify-content: center;\n            align-items: center;\n        }\n        \n        .modal.active {\n            display: flex;\n        }\n        \n        .modal-wrapper {\n            position: relative;\n            max-width: 90%;\n            max-height: 90%;\n        }\n        \n        .modal-content {\n            display: block;\n            max-width: 100%;\n            max-height: 90vh;\n            object-fit: contain;\n        }\n        \n        .close-btn {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            color: black;\n            background: white;\n            font-size: 24px;\n            font-weight: normal;\n            cursor: pointer;\n            border: none;\n            outline: none;\n            padding: 5px 10px;\n            line-height: 1;\n            border-radius: 0;\n            box-shadow: none;\n        }\n        \n        .close-btn:focus,\n        .close-btn:active,\n        .close-btn:hover {\n            outline: none;\n            box-shadow: none;\n            border: none;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"horizontal-gallery\">\n        <div class=\"gallery-container\">\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/IMG_4779-scaled.jpg\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/IMG_4690-scaled.jpg\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/IMG_4689-scaled.jpg\" alt=\"Nature scene\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/IMG_4694-scaled.jpg\" alt=\"Forest path\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/IMG_4691-scaled.jpg\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/IMG_4698-scaled.jpg\">\n            <\/div>\n            \n        <\/div>\n    <\/div>\n\n    <div class=\"modal\" id=\"imageModal\">\n        <div class=\"modal-wrapper\">\n            <button class=\"close-btn\" id=\"closeBtn\">&times;<\/button>\n            <img class=\"modal-content\" id=\"modalImg\" alt=\"Enlarged view\">\n        <\/div>\n    <\/div>\n\n    <script>\n        const modal = document.getElementById('imageModal');\n        const modalImg = document.getElementById('modalImg');\n        const closeBtn = document.getElementById('closeBtn');\n        const galleryItems = document.querySelectorAll('.gallery-item img');\n\n        galleryItems.forEach(img => {\n            img.addEventListener('click', function() {\n                modal.classList.add('active');\n                modalImg.src = this.src;\n                modalImg.alt = this.alt;\n            });\n        });\n\n        closeBtn.addEventListener('click', function() {\n            modal.classList.remove('active');\n        });\n\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal) {\n                modal.classList.remove('active');\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Interstice is comprised of an oil painting series and poem that reflects on beauty encountered at our feet within urban landscapes. A hand-bound book of 32 pages Text printed on Japanese paper Oil paintings risograph printed &times;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":26,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":402,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions\/402"}],"wp:attachment":[{"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}