{"id":601,"date":"2026-01-30T11:09:51","date_gmt":"2026-01-30T11:09:51","guid":{"rendered":"https:\/\/user28.delovna.finki.ukim.mk\/?p=601"},"modified":"2026-02-12T18:47:42","modified_gmt":"2026-02-12T18:47:42","slug":"%d0%ba%d0%b0%d0%bb%d0%b8%d0%b3%d1%83%d0%bb%d0%b0","status":"publish","type":"post","link":"https:\/\/user28.delovna.finki.ukim.mk\/en\/%d0%ba%d0%b0%d0%bb%d0%b8%d0%b3%d1%83%d0%bb%d0%b0\/","title":{"rendered":"Caligula"},"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    Caligula\n  <\/h2>\n\n  <div class=\"event-description\">\n    <p>Last night, as part of the program of the International Festival of Ancient Drama \u201cStobi\u201d, the audience had the opportunity to watch the performance \u201cCaligula\u201d, produced by the Kumanovo Theatre.<\/p>\n\n    <p>The performance \u201cCaligula\u201d had a strong focus on the psychological depth of the characters, while the direction by the Kumanovo Theatre created an intense atmosphere of uncertainty and tension. The actors, led by Marko Trajkovi\u0107 in the role of Caligula, captured the complex character of the Roman emperor \u2013 his power, intense ambition, and the fine line between madness and rationality. The audience witnessed a stage energy that held their attention from the first to the last scene.<\/p>\n\n<p>\u201cCaligula\u201d raises questions about power and responsibility, absolutism, and individual freedom within society. Through intriguing dialogues and dramatic stage decisions, the performance highlights the timeless dilemma between human ambition and moral responsibility. These themes make the work relevant today, prompting the audience to reflect on their own choices and the limits of freedom.<\/p>\n\n    <p>The performance of \u201cCaligula\u201d was part of a rich and diverse program at the IFAD \u201cStobi\u201d, which this year again gathered theatrical productions from both domestic and international stages. The festival emphasizes the importance of ancient drama as a living cultural heritage, as well as a platform for contemporary interpretations. Through their performances, the participants enrich the cultural scene and encourage dialogue between generations and cultures.<\/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\/yN8DzV5W\/574490179-1408262121301472-8834954266212186886-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/SswR8cKn\/572795010-1408262417968109-6370946495894683541-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/D0rvXDH2\/573313283-1408261464634871-8891110049830447128-n.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/hPnPBDQK\/kali-1024x683.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/2yzJ0Kyc\/Snap-Insta-to-572039992-18435069103103529-6335910276251296366-n.webp\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/k4890znx\/575176088-1408263341301350-5731430028549622461-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  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\/* 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<!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\u0430\u043b\u0438\u0433\u0443\u043b\u0430 \u0421\u0438\u043d\u043e\u045c\u0430, \u0432\u043e \u0440\u0430\u043c\u043a\u0438 \u043d\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430\u0442\u0430 \u043d\u0430 \u0418\u043d\u0442\u0435\u0440\u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u0438\u043e\u0442 \u0444\u0435\u0441\u0442\u0438\u0432\u0430\u043b \u043d\u0430 \u0430\u043d\u0442\u0438\u0447\u043a\u0430 \u0434\u0440\u0430\u043c\u0430 \u201e\u0421\u0442\u043e\u0431\u0438\u201c, \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0442\u0430 \u0438\u043c\u0430\u0448\u0435 \u043c\u043e\u0436\u043d\u043e\u0441\u0442 \u0434\u0430 \u0458\u0430 \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438 \u043f\u0440\u0435\u0442\u0441\u0442\u0430\u0432\u0430\u0442\u0430 \u201e\u041a\u0430\u043b\u0438\u0433\u0443\u043b\u0430\u201c, \u0432\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0458\u0430 \u043d\u0430 \u041a\u0443\u043c\u0430\u043d\u043e\u0432\u0441\u043a\u0438\u043e\u0442 \u0442\u0435\u0430\u0442\u0430\u0440. \u041f\u0440\u0435\u0442\u0441\u0442\u0430\u0432\u0430\u0442\u0430 \u201e\u041a\u0430\u043b\u0438\u0433\u0443\u043b\u0430\u201c \u0438\u043c\u0430\u0448\u0435 \u0441\u0438\u043b\u0435\u043d \u0444\u043e\u043a\u0443\u0441 \u043d\u0430 \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0448\u043a\u0430\u0442\u0430 \u0434\u043b\u0430\u0431\u043e\u0447\u0438\u043d\u0430 \u043d\u0430 \u043b\u0438\u043a\u043e\u0432\u0438\u0442\u0435, \u0430 \u0440\u0435\u0436\u0438\u0441\u043a\u043e\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0430 \u041a\u0443\u043c\u0430\u043d\u043e\u0432\u0441\u043a\u0438\u043e\u0442 \u0442\u0435\u0430\u0442\u0430\u0440 \u0441\u043e\u0437\u0434\u0430\u0434\u0435 \u0438\u043d\u0442\u0435\u043d\u0437\u0438\u0432\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u043d\u0430 \u043d\u0435\u0438\u0437\u0432\u0435\u0441\u043d\u043e\u0441\u0442 \u0438 \u043d\u0430\u043f\u043d\u0430\u0442\u043e\u0441\u0442. \u0410\u043a\u0442\u0435\u0440\u0438\u0442\u0435, \u043f\u0440\u0435\u0434\u0432\u043e\u0434\u0435\u043d\u0438 \u043e\u0434 \u041c\u0430\u0440\u043a\u043e \u0422\u0440\u0430\u0458\u043a\u043e\u0432\u0438\u045c \u0432\u043e [&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":6,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-601","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\/601","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=601"}],"version-history":[{"count":4,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/601\/revisions"}],"predecessor-version":[{"id":1247,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/601\/revisions\/1247"}],"wp:attachment":[{"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/media?parent=601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/categories?post=601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/tags?post=601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}