{"id":296,"date":"2025-09-30T21:26:36","date_gmt":"2025-09-30T21:26:36","guid":{"rendered":"http:\/\/mikaelagardner.com\/?page_id=296"},"modified":"2025-10-15T00:28:02","modified_gmt":"2025-10-15T00:28:02","slug":"5-yr-old-on-dreams","status":"publish","type":"page","link":"https:\/\/mikaelagardner.com\/index.php\/5-yr-old-on-dreams\/","title":{"rendered":"5 yr old on dreams"},"content":{"rendered":"\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\">J. Piaget interviews a five year old on the topic of dreams<\/span><\/p>\n            <p>This zine features text from Piaget&#8217;s <span class=\"highlight\">The Child&#8217;s Conception of the World<\/span> (1929) and cameraless photos made via light sensitive paper, a film canister with a hole and the sun.<\/p>\n            <p>Printed on recycled paper.<\/p>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\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\/10\/piaget_photo3-1-scaled.jpg\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/10\/piaget_photo2-1-scaled.jpg\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/10\/piaget_photo1-2-scaled.jpg\">\n            <\/div>\n          \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>J. Piaget interviews a five year old on the topic of dreams This zine features text from Piaget&#8217;s The Child&#8217;s Conception of the World (1929) and cameraless photos made via light sensitive paper, a film canister with a hole and the sun. Printed on recycled paper. &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-296","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/296","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=296"}],"version-history":[{"count":12,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/296\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/296\/revisions\/361"}],"wp:attachment":[{"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/categories?post=296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}