{"id":22,"date":"2025-09-25T00:49:18","date_gmt":"2025-09-25T00:49:18","guid":{"rendered":"http:\/\/mikaelagardner.com\/?page_id=22"},"modified":"2025-10-03T18:44:29","modified_gmt":"2025-10-03T18:44:29","slug":"thelocalarchive","status":"publish","type":"page","link":"https:\/\/mikaelagardner.com\/index.php\/thelocalarchive\/","title":{"rendered":"The Local Archive"},"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        .org-section {\n            display: flex;\n            align-items: center;\n            gap: 30px;\n            background-color: transparent;\n            padding: 30px;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .logo-container {\n            flex-shrink: 0;\n            width: 150px;\n            height: 150px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            overflow: hidden;\n        }\n\n        .logo-container img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n        }\n\n        .text-container {\n            flex: 1;\n            color: white;\n            font-family: 'League Spartan', sans-serif;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n\n        @media (max-width: 768px) {\n            .org-section {\n                flex-direction: column;\n                text-align: center;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"org-section\">\n        <div class=\"logo-container\">\n            <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-30-at-3.35.27-PM-modified.png\">\n        <\/div>\n        <div class=\"text-container\">\n            <p>The Local Archive collects and catalogues thoughts, images, questions, hopes, disappointments, and hypotheses from the neighbourhood into a zine publication. This publication was founded as a way to share locally, outside of the usual virtual and algorithm-controlled spheres. We accept all sincere submissions. Write to us at local.archive[at]gmail[dot]com.<\/p>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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\/Dreams_webimage1_cover-scaled.jpg\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/intro_dream_zine-scaled.jpg\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/dreams_webimage1-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\/dream_webimage2-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\/Dreams_webimage5_content-scaled.jpg\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/mikaelagardner.com\/wp-content\/uploads\/2025\/09\/Dreams_webimage6_content-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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Local Archive collects and catalogues thoughts, images, questions, hopes, disappointments, and hypotheses from the neighbourhood into a zine publication. This publication was founded as a way to share locally, outside of the usual virtual and algorithm-controlled spheres. We accept all sincere submissions. Write to us at local.archive[at]gmail[dot]com. &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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/22","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=22"}],"version-history":[{"count":54,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":328,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/328"}],"wp:attachment":[{"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/categories?post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mikaelagardner.com\/index.php\/wp-json\/wp\/v2\/tags?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}