{"id":567,"date":"2026-01-29T21:25:52","date_gmt":"2026-01-29T21:25:52","guid":{"rendered":"https:\/\/user28.delovna.finki.ukim.mk\/?p=567"},"modified":"2026-02-12T00:51:56","modified_gmt":"2026-02-12T00:51:56","slug":"%d0%b3%d0%be%d1%81%d1%82%d1%83%d0%b2%d0%b0%d1%9a%d0%b5-%d0%b2%d0%be-%d1%81%d0%bf%d0%bb%d0%b8%d1%82","status":"publish","type":"post","link":"https:\/\/user28.delovna.finki.ukim.mk\/en\/%d0%b3%d0%be%d1%81%d1%82%d1%83%d0%b2%d0%b0%d1%9a%d0%b5-%d0%b2%d0%be-%d1%81%d0%bf%d0%bb%d0%b8%d1%82\/","title":{"rendered":"Visit in Split"},"content":{"rendered":"<!-- Event Text Block - Premium Modern -->\n<div class=\"event-text-block\">\n\n  <div class=\"glow-border\"><\/div>\n\n  <h2 class=\"event-title\">\n    Guest performance by the Theatre \u201cJordan Hadzi Konstantinov \u2013 D\u017einot\u201d in Split\n  <\/h2>\n\n  <div class=\"event-description\">\n    <p>On November 17, the \"Jordan Hadzi Konstantinov Dzinot\" Theater from Veles visited Split, Croatia with the play \"The Blue Orange\", based on a text by John Penhall and directed by Aleksandar Ivanovski. The event was organized at the invitation of the Macedonian Cultural Association \"Macedonia\" from Split, which, with its dedication, enabled Macedonian theater art to be presented to the local audience and Macedonians living in Croatia.<\/p>\n\n    <p>The roles in the play are played by Faik Mefailovski, Zharko Spasovski and Blagojcho Stojanov, who with their masterful acting brought this powerful drama to life and left a strong impression on the audience. The audience had the opportunity to enjoy an emotional and engaging performance that raised important questions about human relationships, trust and the boundaries between reason and emotion.<\/p>\n\n    <p>The visit was part of the event \"Macedonian Cultural Autumn in Split\" and represented a significant step in the promotion of Macedonian culture beyond the borders of the country. The event once again confirmed that theater is a living bridge between people, which brings cultures closer together and builds friendships through art.<\/p>\n\n    <p>With this guest performance, the Theatre \u201cD\u017einot\u201d strengthened its role as an ambassador of Macedonian theatrical art and emphasized the importance of such cultural exchanges, which enrich the international stage and maintain the connection with the Macedonian diaspora. The event demonstrated that Macedonian theatre has much to offer beyond the country\u2019s borders, and each such performance affirms its value and significance.<\/p>\n\n    <p>These guest performances are of exceptional importance as they bring the Macedonian diaspora closer to their homeland\u2019s culture, promote Macedonian theatrical creativity on the international stage, and serve as a reminder that art is a universal language that builds friendships and understanding.<\/p>\n  <\/div>\n\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@300;400;600;700;800&display=swap');\n\n.event-text-block {\n  position: relative;\n  background: linear-gradient(145deg, #1b1d2b, #25283a);\n  padding: 50px;\n  border-radius: 25px;\n  max-width: 950px;\n  margin: 70px auto;\n  font-family: 'Mulish', sans-serif;\n  overflow: hidden;\n  box-shadow: 0 30px 60px rgba(0,0,0,0.45);\n  transition: 0.4s ease;\n}\n\n.glow-border {\n  position: absolute;\n  inset: 0;\n  border-radius: 25px;\n  padding: 2px;\n  background: linear-gradient(120deg, #b8860b, #ffd700, #b8860b);\n  background-size: 300% 300%;\n  animation: glowMove 6s linear infinite;\n  -webkit-mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  pointer-events: none;\n}\n\n@keyframes glowMove {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\/* \u26aa WHITE TITLE *\/\n.event-title {\n  color: #ffffff !important;\n  font-size: 2.6em;\n  text-align: center;\n  margin-bottom: 40px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n\n\/* Paragraph Blocks *\/\n.event-description p {\n  background: rgba(60, 63, 90, 0.85);\n  backdrop-filter: blur(8px);\n  color: #ffffff;\n  padding: 20px 25px;\n  border-radius: 15px;\n  font-size: 1.08em;\n  line-height: 1.75;\n  margin-bottom: 22px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.35);\n  opacity: 0;\n  transform: translateY(30px);\n  transition: all 0.9s ease;\n}\n\n.event-description p:hover {\n  transform: translateY(-5px) scale(1.02);\n  background: rgba(75, 79, 110, 0.95);\n}\n\n.event-description p.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const paras = document.querySelectorAll('.event-description p');\n  const reveal = () => {\n    const trigger = window.innerHeight * 0.85;\n    paras.forEach(p => {\n      if (p.getBoundingClientRect().top < trigger) {\n        p.classList.add('visible');\n      }\n    });\n  };\n  window.addEventListener('scroll', reveal);\n  reveal();\n});\n<\/script>\n\n\n\n\n<div id=\"clean-gallery\">\n\n  <div class=\"grid\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/j5wffxRN\/589924532-10240577778323328-2287865004483602714-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/XYRL8tBm\/split-1024x768.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/VvK4W6jm\/split2-1024x768.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/bYnbNw6m\/592038962-10240577805444006-3699225164256954009-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/2y9FBtDN\/592226500-10240577823204450-7999683806686143469-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/hvV7C2JM\/584736832-1426738582787159-2913078916341004910-n.jpg\">\n  <\/div>\n\n  <div class=\"modal\">\n    <span class=\"close\">&times;<\/span>\n    <img class=\"modal-img\">\n  <\/div>\n\n<\/div>\n\n<style>\n#clean-gallery {\n  max-width: 1100px;\n  margin: 60px auto;\n}\n\n\/* GRID *\/\n#clean-gallery .grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n\/* Square images *\/\n#clean-gallery .grid img {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  object-fit: cover;\n  cursor: pointer;\n  border-radius: 12px;\n\n  \/* grayscale start *\/\n  filter: grayscale(100%);\n  transition: filter 0.6s ease;\n}\n\n\/* Hover \u2192 only color fade *\/\n#clean-gallery .grid img:hover {\n  filter: grayscale(0%);\n}\n\n\/* MODAL *\/\n#clean-gallery .modal {\n  display: none;\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.92);\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n}\n\n#clean-gallery .modal-img {\n  max-width: 90%;\n  max-height: 85%;\n  border-radius: 14px;\n}\n\n#clean-gallery .close {\n  position: absolute;\n  top: 30px;\n  right: 40px;\n  font-size: 42px;\n  color: white;\n  cursor: pointer;\n}\n<\/style>\n\n<script>\n(function(){\n  const gallery = document.getElementById(\"clean-gallery\");\n  const images = gallery.querySelectorAll(\".grid img\");\n  const modal = gallery.querySelector(\".modal\");\n  const modalImg = gallery.querySelector(\".modal-img\");\n  const closeBtn = gallery.querySelector(\".close\");\n\n  images.forEach(img => {\n    img.addEventListener(\"click\", () => {\n      modal.style.display = \"flex\";\n      modalImg.src = img.src;\n    });\n  });\n\n  closeBtn.addEventListener(\"click\", () => {\n    modal.style.display = \"none\";\n  });\n\n  modal.addEventListener(\"click\", e => {\n    if (e.target === modal) {\n      modal.style.display = \"none\";\n    }\n  });\n})();\n<\/script>\n\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n  <style>\n    .center-img {\n      display: block;\n      margin-left: auto;\n      margin-right: auto;\nmargin-top: 100px;\n      width: 250px; \/* \u0433\u043e\u043b\u0435\u043c\u0438\u043d\u0430 \u043d\u0430 \u0441\u043b\u0438\u043a\u0430\u0442\u0430, \u043c\u043e\u0436\u0435 \u0434\u0430 \u0458\u0430 \u0441\u043c\u0430\u043b\u0438\u0448 \u0443\u0448\u0442\u0435 \u043f\u043e\u0432\u0435\u045c\u0435 *\/\n      \n    }\n  <\/style>\n<\/head>\n<body>\n\n  <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/g0wbFQY3\/d12f066d-0358-4cca-bd07-e775fa35ed30.png\" class=\"center-img\" alt=\"\u041c\u0430\u043b\u0430 \u0441\u043b\u0438\u043a\u0430\">\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>\u0413\u043e\u0441\u0442\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u0422\u0435\u0430\u0442\u0430\u0440\u043e\u0442 \u201e\u0408\u043e\u0440\u0434\u0430\u043d \u0425\u0430\u045f\u0438 \u041a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0438\u043d\u043e\u0432 \u040f\u0438\u043d\u043e\u0442\u201c \u0432\u043e \u0421\u043f\u043b\u0438\u0442 \u041d\u0430 17 \u043d\u043e\u0435\u043c\u0432\u0440\u0438 \u0422\u0435\u0430\u0442\u0430\u0440\u043e\u0442 \u201e\u0408\u043e\u0440\u0434\u0430\u043d \u0425\u0430\u045f\u0438 \u041a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0438\u043d\u043e\u0432 \u040f\u0438\u043d\u043e\u0442\u201c \u043e\u0434 \u0412\u0435\u043b\u0435\u0441 \u0433\u043e\u0441\u0442\u0443\u0432\u0430\u0448\u0435 \u0432\u043e \u0421\u043f\u043b\u0438\u0442, \u0425\u0440\u0432\u0430\u0442\u0441\u043a\u0430 \u0441\u043e \u043f\u0440\u0435\u0442\u0441\u0442\u0430\u0432\u0430\u0442\u0430 \u201e\u0421\u0438\u043d\u0438\u043e\u0442 \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b\u201c, \u043f\u043e \u0442\u0435\u043a\u0441\u0442 \u043d\u0430 \u040f\u043e\u043d \u041f\u0435\u043d\u0445\u043e\u043b \u0438 \u0432\u043e \u0440\u0435\u0436\u0438\u0458\u0430 \u043d\u0430 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0430\u0440 \u0418\u0432\u0430\u043d\u043e\u0432\u0441\u043a\u0438. \u041d\u0430\u0441\u0442\u0430\u043d\u043e\u0442 \u0441\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u0448\u0435 \u043d\u0430 \u043f\u043e\u043a\u0430\u043d\u0430 \u043d\u0430 \u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0441\u043a\u043e\u0442\u043e \u043a\u0443\u043b\u0442\u0443\u0440\u043d\u043e \u0434\u0440\u0443\u0448\u0442\u0432\u043e \u201e\u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0438\u0458\u0430\u201c \u043e\u0434 \u0421\u043f\u043b\u0438\u0442, \u043a\u043e\u0435 \u0441\u043e \u0441\u0432\u043e\u0458\u0430\u0442\u0430 \u043f\u043e\u0441\u0432\u0435\u0442\u0435\u043d\u043e\u0441\u0442 \u043e\u0432\u043e\u0437\u043c\u043e\u0436\u0438 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"iawp_total_views":10,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-567","post","type-post","status-publish","format-standard","hentry","category-12"],"_links":{"self":[{"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/comments?post=567"}],"version-history":[{"count":34,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/567\/revisions"}],"predecessor-version":[{"id":1198,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/567\/revisions\/1198"}],"wp:attachment":[{"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/media?parent=567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/categories?post=567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/tags?post=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}