{"id":7135,"date":"2026-03-14T14:04:12","date_gmt":"2026-03-14T12:04:12","guid":{"rendered":"https:\/\/dimopoulos.gr\/?page_id=7135"},"modified":"2026-03-14T15:09:18","modified_gmt":"2026-03-14T13:09:18","slug":"missoni","status":"publish","type":"page","link":"https:\/\/dimopoulos.gr\/en\/projects\/missoni\/","title":{"rendered":"\u039cissoni"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u039cissoni <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Location<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Golden Hall<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

2024<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Category<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Stores<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Architect: Design Team \u2013 Nikos Theodorakopoulos<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\nVanilla JavaScript Gallery Slider Demo<\/title>\n<title>Vanilla JavaScript Gallery Slider Demo<\/title>\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/normalize\/5.0.0\/normalize.min.css\" rel=\"stylesheet\" type=\"text\/css\">\n<style class=\"cp-pen-styles\">\n* {\n box-sizing: border-box;\n}\n\n\n\nh1,\nh2,\nh3,\nh4 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n}\n.col-2{\n width:100%;\n margin-bottom: 20px;\n padding-right: 10px;\n padding-left: 10px;\n}\n.col-2 img{\n width:100%;\n}\n\n.col-1{\n width:50%;\n float: left;\n margin-bottom: 20px;\n padding-right: 10px;\n padding-left: 10px;\n}\n\n.col-1 img{\n width:100%;\n min-height: 450px;\n object-fit: cover;\n}\n\n.gallery {\n \/*max-width: calc((150px*2) + 1em);*\/\n max-width:100%;\n padding: 0;\n color: #333;\n}\n@media (min-width: 768px) {\n .gallery {\n \/* max-width: calc((150px*4) + 3em); *\/\n max-width: 100%;\n margin: auto;\n }\n}\n.gallery__title {\n font-size: 2em;\n padding-bottom: 0.25em;\n border-bottom: 1px solid #666;\n}\n.gallery__intro {\n margin: 0;\n}\n.gallery__intro p {\n line-height: 1.5em;\n}\n.gallery ul {\n list-style: none;\n margin: 0;\n padding: 0;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.gallery li {\n margin-bottom: 1em;\n border-radius: 3px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n.gallery li:hover {\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n}\n.gallery img {\n display: block;\n border-radius: 3px;\n}\n\n.m-lightbox {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(255, 255, 255, 0.9);\n z-index: 1;\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;\n transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;\n transition: opacity 0.3s ease-out, transform 0.3s ease-out;\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;\n pointer-events: none;\n}\n.m-lightbox.is-active {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n z-index: 101;\n pointer-events: auto;\n}\n.m-lightbox__slider {\n list-style: none;\n margin: 0;\n padding: 0;\n width: 100vw;\n height: 100vh;\n}\n.m-lightbox__slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.m-lightbox__slide img {\n display: block;\n max-width: calc(100vw - 2em);\n max-height: 90vh;\n opacity: 0;\n -webkit-transition: opacity 0.3s ease;\n transition: opacity 0.3s ease;\n}\n@media (min-width: 768px) {\n .m-lightbox__slide img {\n max-width: calc(100vw - 116px);\n max-height: 90vh;\n }\n}\n.m-lightbox__slide.is-loaded.is-active img {\n opacity: 1;\n}\n.m-lightbox__slide.is-loaded.is-active .spinner {\n display: none;\n}\n.m-lightbox button {\n position: absolute;\n margin: 0;\n padding: 0;\n \n right: 50px;\n \n background: transparent;\n border: none;\n cursor: pointer;\n}\n.m-lightbox__close {\n top: 1em;\n right: 1em;\n top: 50px;\n z-index: 1000;\n}\n.m-lightbox__nextPrev:hover{\n background-color: transparent !important;\n z-index: 102;\n}\n.m-lightbox__nextPrev.is-active{\n background-color: transparent !important;\n z-index: 102;\n}\n.m-lightbox__nextPrev--prev:hover {\n cursor: url('\/wp-content\/uploads\/2021\/06\/rarr-right.png') , ew-resize !important;\n}\n.m-lightbox__nextPrev--next:hover{\n \n cursor: url('\/wp-content\/uploads\/2021\/06\/rarr.png') , ew-resize !important;\n}\n}\n\n.m-lightbox__close {\n top: 1em;\n right: 1em;\n top: 50px;\n z-index: 1000;\n}\n.m-lightbox__nextPrev {\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n width: 42px;\n height: 42px;\n visibility: hidden;\n opacity: 0;\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;\n transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;\n transition: opacity 0.3s ease-out, transform 0.3s ease-out;\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;\n}\n.m-lightbox__nextPrev.is-active {\n visibility: hidden;\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n}\n@media (min-width: 1024px) {\n .m-lightbox__nextPrev.is-active {\n visibility: visible;\n }\n}\n.m-lightbox__nextPrev svg {\n display: block;\n width: 100%;\n height: auto;\n}\n.m-lightbox__nextPrev--next {\n right: 1em;\n width: 50%;\n height: 100vh;\n top: 0;\n}\n\n.m-lightbox__nextPrev--next svg{\n display: none;\n}\n\n\n.m-lightbox__nextPrev--prev {\n left: 1em;\n width: 50%;\n height: 100vh;\n top: 0;\n}\n\n.m-lightbox__nextPrev--prev svg{\n display: none;\n}\n.m-lightbox__nextPrev:hover {\n cursor: pointer;\n}\n.m-lightbox__counter {\n position: absolute;\n bottom: 1em;\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n color: #333;\n font-weight: 700;\n}\n\n.spinner {\n width: 40px;\n height: 40px;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translateY(-50%) translateX(-50%);\n transform: translateY(-50%) translateX(-50%);\n}\n.spinner::before, .spinner::after {\n content: '';\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n.spinner::after {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% {\n -webkit-transform: scale(0);\n transform: scale(0);\n }\n 50% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes sk-bounce {\n 0%, 100% {\n -webkit-transform: scale(0);\n transform: scale(0);\n }\n 50% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n<\/style>\n<\/head>\n\n<body>\n <div class=\"gallery\">\n <div class=\"gallery__intro\">\n \n <div class=\"css-script-ads\" align=\"center\">\n <script type=\"text\/javascript\"><!--\ngoogle_ad_client = \"ca-pub-2783044520727903\";\n\/* CSSScript Demo Page *\/\ngoogle_ad_slot = \"3025259193\";\ngoogle_ad_width = 728;\ngoogle_ad_height = 90;\n\/\/-->\n<\/script>\n <script type=\"text\/javascript\"\nsrc=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\n<\/script><\/div>\n <\/div>\n \n \n \n <div class=\"gallery__item col-2\"><a class=\"gallery__itemLink\" href=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-5.jpg\" data-rel=\"aiLightbox\"><img decoding=\"async\" class=\"gallery__itemThumb\" src=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-5.jpg\"\/><\/a><\/div>\n\n\n <div class=\"gallery__item col-1\"><a class=\"gallery__itemLink\" href=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-8.jpg\" data-rel=\"aiLightbox\"><img decoding=\"async\" class=\"gallery__itemThumb\" src=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-8.jpg\"\/><\/a><\/div>\n\n\n \n <div class=\"gallery__item col-1\"><a class=\"gallery__itemLink\" href=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-10.jpg\" data-rel=\"aiLightbox\"><img decoding=\"async\" class=\"gallery__itemThumb\" src=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-10.jpg\"\/><\/a><\/div>\n \n <div class=\"gallery__item col-1\"><a class=\"gallery__itemLink\" href=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-11.jpg\" data-rel=\"aiLightbox\"><img decoding=\"async\" class=\"gallery__itemThumb\" src=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-11.jpg\"\/><\/a><\/div>\n <div class=\"gallery__item col-1\"><a class=\"gallery__itemLink\" href=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-19.jpg\" data-rel=\"aiLightbox\"><img decoding=\"async\" class=\"gallery__itemThumb\" src=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2024\/12\/Missoni-for-web-19.jpg\"\/><\/a><\/div>\n\n\n\n \n \n \n\n\n \n \n<\/div>\n<script src=\"Swipe.js\"><\/script>\n<script >'use strict';\nfunction Swipe(elem, callback) {\n\tvar self = this;\n\tthis.callback = callback;\n\n\tfunction handleEvent(e) {\n\t\tself.touchHandler(e);\n\t}\n\n\telem.addEventListener('touchstart', handleEvent, false);\n\telem.addEventListener('touchmove', handleEvent, false);\n\telem.addEventListener('touchend', handleEvent, false);\n}\nSwipe.prototype.touches = {\n\t\"touchstart\": {\"x\":-1, \"y\":-1},\n\t\"touchmove\" : {\"x\":-1, \"y\":-1},\n\t\"touchend\" : false,\n\t\"direction\" : \"undetermined\"\n};\nSwipe.prototype.touchHandler = function (event) {\n\tvar touch;\n\tif (typeof event !== 'undefined'){\n\t\tif (typeof event.touches !== 'undefined') {\n\t\t\ttouch = event.touches[0];\n\t\t\tswitch (event.type) {\n\t\t\t\tcase 'touchstart':\n\t\t\t\tcase 'touchmove':\n\t\t\t\t\tthis.touches[event.type].x = touch.pageX;\n\t\t\t\t\tthis.touches[event.type].y = touch.pageY;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'touchend':\n\t\t\t\t\tthis.touches[event.type] = true;\n\t\t\t\t\tvar x = (this.touches.touchstart.x - this.touches.touchmove.x),\n\t\t\t\t\t\ty = (this.touches.touchstart.y - this.touches.touchmove.y);\n\t\t\t\t\tif (x < 0) x \/= -1;\n\t\t\t\t\tif (y < 0) y \/= -1;\n\t\t\t\t\tif (x > y)\n\t\t\t\t\t\tthis.touches.direction = this.touches.touchstart.x < this.touches.touchmove.x ? \"right\" : \"left\";\n\t\t\t\t\telse\n\t\t\t\t\t\tthis.touches.direction = this.touches.touchstart.y < this.touches.touchmove.y ? \"down\" : \"up\";\n\t\t\t\t\tthis.callback(event, this.touches.direction);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n};\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol ? \"symbol\" : typeof obj; };\n\nvar _class, _temp, _initialiseProps;\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) {if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; }\n return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar Lightbox = (_temp = _class = function Lightbox(_ref) {\n var _ref$lazyload = _ref.lazyload;\n var lazyload = _ref$lazyload === undefined ? true : _ref$lazyload;\n var _ref$counter = _ref.counter;\n var counter = _ref$counter === undefined ? true : _ref$counter;\n var _ref$arrows = _ref.arrows;\n var arrows = _ref$arrows === undefined ? true : _ref$arrows;\n var _ref$slideSpeed = _ref.slideSpeed;\n var slideSpeed = _ref$slideSpeed === undefined ? 400 : _ref$slideSpeed;\n\n var options = _objectWithoutProperties(_ref, ['lazyload', 'counter', 'arrows', 'slideSpeed']);\n\n _classCallCheck(this, Lightbox);\n\n _initialiseProps.call(this);\n\n if (!options.selector) {\n console.error('Please add a valid css selector with the option \"selector:\"');\n } else if (typeof options.selector !== 'string') {\n console.error(options.selector, 'is not a string but a(n) ' + _typeof(options.selector));\n } else {\n this.selector = options.selector;\n this.lazyload = lazyload;\n this.counter = counter;\n this.arrows = arrows;\n this.slideSpeed = slideSpeed;\n\n this.links = Array.from(document.querySelectorAll('a' + options.selector));\n this.offsets = [];\n this.nodes = {};\n this.imageIndex = null;\n if (this.links.length > 0) {\n this.createLightbox();\n this.createNodes();\n this.eventListeners(this.links);\n } else {\n console.error('The selector \\'' + this.selector + '\\' did not yield results. Please make sure the selector is applied on an \\'a\\' element.');\n }\n }\n}, _initialiseProps = function _initialiseProps() {\n var _this = this;\n\n this.goTo = function (num, event) {\n var _nodes = _this.nodes;\n var items = _nodes.items;\n var counter = _nodes.counter;\n var lightboxNode = _nodes.lightboxNode;\n\n if (_this.counter) {\n counter.innerHTML = num + 1 + '\/' + _this.links.length;\n }\n var spinner = '<div class=\"spinner\"><\/div>';\n var img = items[num].querySelector('img');\n if (_this.lazyload) {\n var src = img.getAttribute('data-src');\n items[num].insertAdjacentHTML('beforeend', spinner);\n \/\/ Set image attribute\n img.setAttribute('src', src);\n\n \/\/ Add class to slide item when image is completely loaded. Must be in this order.\n var imgLoad = new Image();\n imgLoad.onload = function () {\n items[num].classList.add('is-active');\n items[num].classList.add('is-loaded');\n };\n imgLoad.src = src;\n } else {\n items[num].classList.add('is-active');\n items[num].classList.add('is-loaded');\n }\n\n \/\/ Change the offset for each slide based on its index and the current index.\n for (var i = 0; i < _this.offsets.length; i++) {\n var offset = _this.offsets[i] - num * 100;\n\n items[i].style.transform = 'translateX(' + offset + 'vw)';\n\n \/\/ Add transition type based on which event was triggered\n if (event) {\n if (event.target.className === 'gallery__itemThumb') {\n items[i].style.transition = 'opacity 0.4s ease';\n } else {\n items[i].style.transition = 'transform ' + _this.slideSpeed + 'ms ease-out';\n }\n }\n }\n\n };\n\n this.createNodes = function (links) {\n \/\/ Find all the lightbox nodes and add them to an object\n Object.assign(_this.nodes, {\n lightboxNode: document.querySelector('.m-lightbox'),\n items: Array.from(document.querySelectorAll('.m-lightbox__slide')),\n next: document.querySelector('.m-lightbox__nextPrev--next'),\n prev: document.querySelector('.m-lightbox__nextPrev--prev'),\n close: document.querySelector('.m-lightbox__close')\n\n });\n\n Object.assign(_this.nodes, {\n counter: document.querySelector('.m-lightbox__counter')\n });\n };\n\n this.eventListeners = function (links) {\n var _nodes2 = _this.nodes;\n var lightboxNode = _nodes2.lightboxNode;\n var items = _nodes2.items;\n var next = _nodes2.next;\n var prev = _nodes2.prev;\n var close = _nodes2.close;\n\n links.forEach(function (item, index) {\n item.addEventListener('click', function (e) {\n e.preventDefault();\n lightboxNode.classList.add('is-active');\n document.body.style.overflow = 'hidden';\n _this.imageIndex = index;\n _this.goTo(index, e);\n _this.setNav(index);\n });\n });\n\n next.addEventListener('click', function (e) {\n _this.goToNext(e);\n });\n\n prev.addEventListener('click', function (e) {\n _this.goToPrev(e);\n });\n\n close.addEventListener('click', function () {\n _this.closeBox();\n });\n\n document.onkeydown = function (e) {\n switch (e.keyCode) {\n case 37:\n _this.goToPrev(e);\n break;\n case 39:\n _this.goToNext(e);\n break;\n case 27:\n _this.closeBox();\n break;\n };\n };\n\n items.forEach(function (item) {\n \/\/ https:\/\/gist.github.com\/Tam\/d44c87b3daeb07b15984ddc6127d4e34\n new Swipe(item.querySelector('img'), function (e, direction) {\n e.preventDefault();\n switch (direction) {\n case \"up\":\n \/\/ Handle Swipe Up\n break;\n case \"down\":\n \/\/ Handle Swipe Down\n break;\n case \"left\":\n _this.goToNext(e);\n break;\n case \"right\":\n _this.goToPrev(e);\n break;\n }\n });\n });\n };\n\n this.setNav = function (index) {\n if (_this.arrows) {\n var _nodes3 = _this.nodes;\n var next = _nodes3.next;\n var prev = _nodes3.prev;\n\n if (index < _this.links.length - 1) {\n next.classList.add('is-active');\n }\n if (index >= _this.links.length - 1) {\n next.classList.remove('is-active');\n }\n if (index > 0) {\n prev.classList.add('is-active');\n }\n if (index <= 0) {\n prev.classList.remove('is-active');\n }\n }\n };\n\n this.goToNext = function (e) {\n var items = _this.nodes.items;\n\n if (_this.imageIndex < items.length - 1) {\n _this.goTo(_this.imageIndex + 1, e);\n setTimeout(function () {\n items[_this.imageIndex - 1].classList.remove('is-active');\n }, _this.slideSpeed);\n _this.imageIndex += 1;\n _this.setNav(_this.imageIndex);\n }\n };\n\n this.goToPrev = function (e) {\n var items = _this.nodes.items;\n\n if (_this.imageIndex > 0) {\n _this.goTo(_this.imageIndex - 1, e);\n setTimeout(function () {\n items[_this.imageIndex + 1].classList.remove('is-active');\n }, _this.slideSpeed);\n _this.imageIndex -= 1;\n _this.setNav(_this.imageIndex);\n }\n };\n\n this.closeBox = function () {\n var _nodes4 = _this.nodes;\n var lightboxNode = _nodes4.lightboxNode;\n var items = _nodes4.items;\n\n lightboxNode.classList.remove('is-active');\n document.body.style.overflow = 'auto';\n setTimeout(function () {\n items.forEach(function (item) {\n return item.classList.remove('is-active');\n });\n }, _this.slideSpeed);\n };\n\n this.renderImages = function (images) {\n var imagesLinks = images.map(function (item, index) {\n var offset = index * 100;\n _this.offsets.push(offset);\n var imageSrc = item.getAttribute('href');\n return '\\n <li class=\\'m-lightbox__slide\\' style=\\'transform: translateX(' + offset + 'vw)\\'>\\n ' + (_this.lazyload ? '\\n <img data-src=\\'' + imageSrc + '\\'\/>\\n ' : '\\n <img src=\\'' + imageSrc + '\\'\/>\\n ') + '\\n <\/li>\\n ';\n });\n return imagesLinks;\n };\n\n this.createLightbox = function () {\n var lightbox = '\\n <div class=\\'m-lightbox\\'>\\n <div class=\\'m-lightbox__controls\\'>\\n <button class=\\'m-lightbox__close\\'>\\n <svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\\n <path d=\"M0 0h24v24H0z\" fill=\"none\"\/>\\n <\/svg>\\n <\/button>\\n <button class=\\'m-lightbox__nextPrev m-lightbox__nextPrev--prev\\'>\\n <svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n <path d=\"M0 0h24v24H0z\" fill=\"none\"\/>\\n <path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\"\/>\\n <\/svg>\\n <\/button>\\n <button class=\\'m-lightbox__nextPrev m-lightbox__nextPrev--next\\'>\\n <svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n <path d=\"M0 0h24v24H0z\" fill=\"none\"\/>\\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\\n <\/svg>\\n <\/button>\\n <\/div>\\n <ul class=\\'m-lightBox__slider\\'>\\n ' + _this.renderImages(_this.links).join('') + '\\n <\/ul>\\n <div class=\\'m-lightbox__counter\\'>\\n <\/div>\\n <\/div>\\n ';\n document.body.insertAdjacentHTML('beforeend', lightbox);\n };\n}, _temp);\n\nvar lb = new Lightbox({\n selector: '[data-rel=\"aiLightbox\"]', \/\/ string\n lazyload: true, \/\/ boolean\n arrows: true, \/\/ boolean\n counter: true, \/\/ boolean\n slideSpeed: 500 });\n<\/script>\n<script>\n (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n })(window,document,'script','\/\/www.google-analytics.com\/analytics.js','ga');\n\n ga('create', 'UA-46156385-1', 'cssscript.com');\n ga('send', 'pageview');\n\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2b6083b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"2b6083b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-db26542\" data-id=\"db26542\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-949e9ad elementor-widget elementor-widget-image\" data-id=\"949e9ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dimopoulos.gr\/en\/projects\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"30\" height=\"30\" src=\"https:\/\/dimopoulos.gr\/wp-content\/uploads\/2021\/07\/all-projects-icon.png\" class=\"attachment-large size-large wp-image-1876\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0bb8bf3\" data-id=\"0bb8bf3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1782c2c elementor-widget elementor-widget-text-editor\" data-id=\"1782c2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/dimopoulos.gr\/en\/projects\/\">All Projects<\/a> \u00a0|\u00a0 Other Projects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7fbe5e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"7fbe5e7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42a6bf3\" data-id=\"42a6bf3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u039cissoni Location Golden Hall Year 2024 Category Stores Architect: Design Team \u2013 Nikos Theodorakopoulos Vanilla JavaScript Gallery Slider Demo Vanilla JavaScript Gallery Slider Demo All Projects \u00a0|\u00a0 Other Projects Residence <a class=\"moretag\" href=\"https:\/\/dimopoulos.gr\/en\/projects\/missoni\/\">[Read More]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11677,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7135","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/pages\/7135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/comments?post=7135"}],"version-history":[{"count":13,"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/pages\/7135\/revisions"}],"predecessor-version":[{"id":12225,"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/pages\/7135\/revisions\/12225"}],"up":[{"embeddable":true,"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/pages\/11677"}],"wp:attachment":[{"href":"https:\/\/dimopoulos.gr\/en\/wp-json\/wp\/v2\/media?parent=7135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}