{"id":607,"date":"2026-01-30T11:25:50","date_gmt":"2026-01-30T11:25:50","guid":{"rendered":"https:\/\/user28.delovna.finki.ukim.mk\/?p=607"},"modified":"2026-02-12T18:48:00","modified_gmt":"2026-02-12T18:48:00","slug":"%d0%ba%d0%be%d0%bd%d1%86%d0%b5%d1%80%d1%82-%d0%bd%d0%b0-%d0%ba%d0%b0%d0%bb%d0%b8%d0%be%d0%bf%d0%b8","status":"publish","type":"post","link":"https:\/\/user28.delovna.finki.ukim.mk\/en\/%d0%ba%d0%be%d0%bd%d1%86%d0%b5%d1%80%d1%82-%d0%bd%d0%b0-%d0%ba%d0%b0%d0%bb%d0%b8%d0%be%d0%bf%d0%b8\/","title":{"rendered":"Kaliopi concert"},"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    Kaliopi concert\n  <\/h2>\n\n  <div class=\"event-description\">\n    <p>Following a series of successful concerts across the region, and at the invitation of the National Theatre \u201cJordan Hadzi Konstantinov \u2013 D\u017einot\u201d from Veles, the Macedonian music star Kaliopi delivered a truly unforgettable musical experience for the audience in Veles.<\/p>\n\n    <p>The concert took place on November 26, 2022, on the \u201cPetre Prli\u010dko\u201d main stage, where the audience enjoyed an unforgettable evening filled with emotions and signature musical performances. With strong stage energy and a warm connection with the audience, Kaliopi once again confirmed her extraordinary artistic charisma.<\/p>\n\n<p>The event took place in an excellent atmosphere and represented yet another significant cultural moment in the program of the National Theatre \u201cD\u017einot\u201d.<\/p>\n\n    <p>Below, you can watch the live performance of the song \u201cTeshko mi e, teshko\u201d, recorded during Kaliopi\u2019s concert at the National Theatre \u201cJordan Hadzi Konstantinov \u2013 D\u017einot\u201d.<\/p>\n\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<div id=\"clean-gallery\">\n\n  <div class=\"grid\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/C1WHcv7h\/kaliopi-veles.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/9FHYTnzq\/317196007-685946776466011-3266845808443250808-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/VNhjN737\/317253801-625839012625677-6335705761658252436-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/bYkQz9LS\/317467412-622530586328669-5663441889978863817-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/rpDr71Kz\/Screenshot-2026-02-12-023556.png\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/BvRK3jKB\/Chat-GPT-Image-Jan-3-2026-01-47-06-AM.png\">\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  padding: 0 15px;\n}\n\n#clean-gallery .grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n\/* \ud83d\udcf1 Tablet *\/\n@media (max-width: 900px) {\n  #clean-gallery .grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* \ud83d\udcf1 Small phone *\/\n@media (max-width: 480px) {\n  #clean-gallery .grid {\n    grid-template-columns: 1fr;\n  }\n}\n\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  filter: grayscale(100%);\n  transition: filter 0.6s ease;\n}\n\n#clean-gallery .grid img:hover {\n  filter: grayscale(0%);\n}\n\n\/* \u041f\u0440\u0432\u0430\u0442\u0430 \u0441\u043b\u0438\u043a\u0430 \u0434\u0430 \u0441\u0435 \u043f\u043e\u043a\u0430\u0436\u0435 \u043c\u0430\u043b\u043a\u0443 \u043b\u0435\u0432\u043e *\/\n#clean-gallery .grid img:first-child {\n  justify-self: start; \/* \u043f\u0440\u0435\u043c\u0435\u0441\u0442\u0443\u0432\u0430 \u0458\u0430 \u043a\u043e\u043d \u043b\u0435\u0432\u043e\u0442\u043e \u043f\u043e\u043b\u0435 \u043d\u0430 grid-\u043e\u0442 *\/\n  max-width: 95%; \/* \u043c\u0430\u043b\u043a\u0443 \u0434\u0430 \u043d\u0435 \u0433\u043e \u0437\u0430\u0444\u0430\u045c\u0430 \u0446\u0435\u043b\u043e\u0442\u043e \u043c\u0435\u0441\u0442\u043e *\/\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<div class=\"video-block\">\n  <iframe loading=\"lazy\" \n    width=\"100%\" \n    height=\"500\" \n    src=\"https:\/\/www.youtube.com\/embed\/t79IEVIMfWw\" \n    title=\"YouTube video player\" \n    frameborder=\"0\" \n    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n    allowfullscreen>\n  <\/iframe>\n<\/div>\n\n<style>\n.video-block {\n  max-width: 950px;\n  margin: 60px auto;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n  background: #111; \/* \u0442\u0435\u043c\u043d\u0430 \u043f\u043e\u0437\u0430\u0434\u0438\u043d\u0430 \u0437\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442 *\/\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.video-block:hover {\n  transform: scale(1.02);\n  box-shadow: 0 25px 60px rgba(0,0,0,0.6);\n}\n\n@media (max-width: 768px) {\n  .video-block iframe {\n    height: 300px;\n  }\n}\n\n@media (max-width: 480px) {\n  .video-block iframe {\n    height: 220px;\n  }\n}\n<\/style>\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>\u041a\u043e\u043d\u0446\u0435\u0440\u0442 \u043d\u0430 \u041a\u0430\u043b\u0438\u043e\u043f\u0438 \u041f\u043e \u0441\u0435\u0440\u0438\u0458\u0430\u0442\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u0438 \u043a\u043e\u043d\u0446\u0435\u0440\u0442\u0438 \u043d\u0438\u0437 \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0442, \u0430 \u043d\u0430 \u043f\u043e\u043a\u0430\u043d\u0430 \u043e\u0434 \u041d\u0430\u0440\u043e\u0434\u043d\u0438\u043e\u0442 \u0442\u0435\u0430\u0442\u0430\u0440 \u201e\u0408\u043e\u0440\u0434\u0430\u043d \u0425\u0430\u045f\u0438 \u041a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0438\u043d\u043e\u0432 \u2013 \u040f\u0438\u043d\u043e\u0442\u201c \u043e\u0434 \u0412\u0435\u043b\u0435\u0441, \u043c\u0430\u043a\u0435\u0434\u043e\u043d\u0441\u043a\u0430\u0442\u0430 \u043c\u0443\u0437\u0438\u0447\u043a\u0430 \u0455\u0432\u0435\u0437\u0434\u0430 \u041a\u0430\u043b\u0438\u043e\u043f\u0438 \u043f\u0440\u0438\u0440\u0435\u0434\u0438 \u0432\u0438\u0441\u0442\u0438\u043d\u0441\u043a\u043e \u043c\u0443\u0437\u0438\u0447\u043a\u043e \u0434\u043e\u0436\u0438\u0432\u0443\u0432\u0430\u045a\u0435 \u0437\u0430 \u0432\u0435\u043b\u0435\u0448\u043a\u0430\u0442\u0430 \u043f\u0443\u0431\u043b\u0438\u043a\u0430. \u041a\u043e\u043d\u0446\u0435\u0440\u0442\u043e\u0442 \u0441\u0435 \u043e\u0434\u0440\u0436\u0430 \u043d\u0430 26 \u043d\u043e\u0435\u043c\u0432\u0440\u0438 2022 \u0433\u043e\u0434\u0438\u043d\u0430, \u043d\u0430 \u0433\u043e\u043b\u0435\u043c\u0430\u0442\u0430 \u0441\u0446\u0435\u043d\u0430 \u201e\u041f\u0435\u0442\u0440\u0435 \u041f\u0440\u043b\u0438\u0447\u043a\u043e\u201c, \u043a\u0430\u0434\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u043d\u0438\u0442\u0435 \u0443\u0436\u0438\u0432\u0430\u0430 \u0432\u043e \u043d\u0435\u0437\u0430\u0431\u043e\u0440\u0430\u0432\u043d\u0430 \u0432\u0435\u0447\u0435\u0440 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u0442\u0430 \u0441\u043e \u0435\u043c\u043e\u0446\u0438\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":1,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-607","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\/607","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=607"}],"version-history":[{"count":6,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/607\/revisions"}],"predecessor-version":[{"id":1248,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/607\/revisions\/1248"}],"wp:attachment":[{"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/media?parent=607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/categories?post=607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/tags?post=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}