https://elypha.com/categories/city/ Recent content in City on Elypha viator Grey Hugo -- gohugo.io en-gb Elypha. All rights reserved. Wed, 18 Oct 2023 21:12:39 +0900 https://elypha.com/posts/2023-10-shimokitazawa/ Wed, 18 Oct 2023 21:12:39 +0900 https://elypha.com/posts/2023-10-shimokitazawa/ <img src="https://elypha.com/posts/2023-10-shimokitazawa/cover.7493054aebfaf7670c48885dd49c8ee3.jpg" alt="Featured image of post Shimokitazawa" /><h2 id="18-september-2023">18 September 2023 </h2> <div class="gallery pswp-gallery elypha-gallery"> <a href="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04346.webp" target="_blank" class="elypha-gallery-line" data-pswp-width="1441" data-pswp-height="2160" data-pswp-tile-type="deepzoom" data-pswp-tile-url="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04346.webp_files/{z}/{x}_{y}.webp" data-pswp-max-width="4471" data-pswp-max-height="6702" > <img class="gallery-image" src="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04346.webp" /> </a> <a href="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04318.webp" target="_blank" class="elypha-gallery-line" data-pswp-width="1843" data-pswp-height="2160" data-pswp-tile-type="deepzoom" data-pswp-tile-url="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04318.webp_files/{z}/{x}_{y}.webp" data-pswp-max-width="4862" data-pswp-max-height="5697" > <img class="gallery-image" src="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04318.webp" /> </a> </div> <div class="gallery pswp-gallery elypha-gallery"> <a href="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04302.webp" target="_blank" class="elypha-gallery-line" data-pswp-width="2160" data-pswp-height="1441" data-pswp-tile-type="deepzoom" data-pswp-tile-url="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04302.webp_files/{z}/{x}_{y}.webp" data-pswp-max-width="7952" data-pswp-max-height="5304" > <img class="gallery-image" src="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04302.webp" /> </a> </div> <div class="gallery pswp-gallery elypha-gallery"> <a href="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04313.webp" target="_blank" class="elypha-gallery-line" data-pswp-width="2160" data-pswp-height="1670" data-pswp-tile-type="deepzoom" data-pswp-tile-url="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04313.webp_files/{z}/{x}_{y}.webp" data-pswp-max-width="5149" data-pswp-max-height="3981" > <img class="gallery-image" src="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04313.webp" /> </a> <a href="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04294.webp" target="_blank" class="elypha-gallery-line" data-pswp-width="1441" data-pswp-height="2160" data-pswp-tile-type="deepzoom" data-pswp-tile-url="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04294.webp_files/{z}/{x}_{y}.webp" data-pswp-max-width="5160" data-pswp-max-height="7737" > <img class="gallery-image" src="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04294.webp" /> </a> </div> <div class="gallery pswp-gallery elypha-gallery"> <a href="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04349.webp" target="_blank" class="elypha-gallery-line" data-pswp-width="1441" data-pswp-height="2160" data-pswp-tile-type="deepzoom" data-pswp-tile-url="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04349.webp_files/{z}/{x}_{y}.webp" data-pswp-max-width="3117" data-pswp-max-height="4673" > <img class="gallery-image" src="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04349.webp" /> </a> <a href="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04330.webp" target="_blank" class="elypha-gallery-line" data-pswp-width="1441" data-pswp-height="2160" data-pswp-tile-type="deepzoom" data-pswp-tile-url="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04330.webp_files/{z}/{x}_{y}.webp" data-pswp-max-width="5149" data-pswp-max-height="7720" > <img class="gallery-image" src="https://cdn.elypha.com/posts/2023-10-shimokitazawa/ELY04330.webp" /> </a> </div> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@5.4.3/dist/photoswipe.css" integrity="sha256-sOqq4LneBk0l4vGFF7kBGlJtmyFCN24cD+vQls66ufM=" crossorigin="anonymous" /> <script type="module"> import PhotoSwipeLightbox from 'https://cdn.jsdelivr.net/npm/photoswipe@5.4.3/dist/photoswipe-lightbox.esm.js'; import PhotoSwipe from 'https://cdn.jsdelivr.net/npm/photoswipe@5.4.3/dist/photoswipe.esm.js'; import PhotoSwipeDeepZoom from 'https://cdn.jsdelivr.net/npm/photoswipe-deep-zoom-plugin@1.1.2/photoswipe-deep-zoom-plugin.esm.js'; const lightbox = new PhotoSwipeLightbox({ gallery: '.gallery', children: 'a', showHideAnimationType: 'fade', pswpModule: PhotoSwipe, allowPanToNext: false, allowMouseDrag: true, wheelToZoom: true, zoom: false, }); lightbox.on('uiRegister', function() { lightbox.pswp.ui.registerElement({ name: 'zoom-level-indicator', order: 9, onInit: (el, pswp) => { pswp.on('zoomPanUpdate', (e) => { if (e.slide === pswp.currSlide) { el.innerText = 'Zoom: ' + Math.round(pswp.currSlide.currZoomLevel * 100) + '%'; } }); } }); }); const deepZoomPlugin = new PhotoSwipeDeepZoom(lightbox, { tileSize: 256, }); const galleries = document.querySelectorAll("div.elypha-gallery"); galleries.forEach(gallery => { const a_nodes = gallery.childNodes const ratios = [] let smallestRatio = Infinity a_nodes.forEach(a_node => { if (a_node.nodeName !== "A") return const width = a_node.getAttribute('data-pswp-width'); const height = a_node.getAttribute('data-pswp-height'); const ratio = width / height ratios.push(ratio) if (smallestRatio > ratio) smallestRatio = ratio }) const columnsString = ratios.map(ratio => `${ratio / smallestRatio}fr`).join(" ") gallery.style.setProperty("grid-template-columns", columnsString) }) lightbox.init(); </script> <link rel="stylesheet" href="https://elypha.com/css/pswp.min.5fd3bc94fca39cf1a7edccdf08138c4d1e2f1a042877863451e2a4e2a7a61dbc.css" integrity="sha256-X9O8lPyjnPGn7czfCBOMTR4vGgQod4Y0UeKk4qemHbw=" crossorigin="anonymous" />