{"id":579,"date":"2026-01-29T22:02:19","date_gmt":"2026-01-29T22:02:19","guid":{"rendered":"https:\/\/user28.delovna.finki.ukim.mk\/?p=579"},"modified":"2026-02-12T18:46:46","modified_gmt":"2026-02-12T18:46:46","slug":"%d1%81%d0%b0%d0%bc%d0%be%d0%be%d1%82%d0%ba%d0%b0%d0%b6%d0%b0%d0%bd%d0%b8%d1%82%d0%b5-%d0%b3%d0%b8%d0%bc%d0%bd%d0%b0%d0%b7%d0%b8%d1%98%d0%b0-%d0%ba%d0%be%d1%87%d0%be-%d1%80%d0%b0%d1%86%d0%b8","status":"publish","type":"post","link":"https:\/\/user28.delovna.finki.ukim.mk\/en\/%d1%81%d0%b0%d0%bc%d0%be%d0%be%d1%82%d0%ba%d0%b0%d0%b6%d0%b0%d0%bd%d0%b8%d1%82%d0%b5-%d0%b3%d0%b8%d0%bc%d0%bd%d0%b0%d0%b7%d0%b8%d1%98%d0%b0-%d0%ba%d0%be%d1%87%d0%be-%d1%80%d0%b0%d1%86%d0%b8\/","title":{"rendered":"The self-resigned \u2013 Kocho Racin High School"},"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    \u201cThe Selfless Ones\u201d \u2013 Ko\u010do Racin High School \u2013 Veles\n  <\/h2>\n\n  <div class=\"event-description\">\n    <p>Thunderous applause and sincere congratulations were addressed to the students from the \"Kocho Racin High School\" - Veles who performed the theater play \"The Self-Rejected\" on the occasion of the 120th anniversary of the Thessaloniki assassins - the Gemidzhii.<\/p>\n\n    <p>\u041f\u0440\u0435\u0442\u0441\u0442\u0430\u0432\u0430\u0442\u0430 \u201e\u0421\u0430\u043c\u043e\u043e\u0442\u043a\u0430\u0436\u0430\u043d\u0438\u0442\u0435\u201c, \u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0430 \u043e\u0434 \u0443\u0447\u0435\u043d\u0438\u0446\u0438\u0442\u0435 \u043d\u0430 \u0413\u0438\u043c\u043d\u0430\u0437\u0438\u0458\u0430\u0442\u0430 \u201e\u041a\u043e\u0447\u043e \u0420\u0430\u0446\u0438\u043d\u201c, \u0435 \u043c\u043b\u0430\u0434\u0438\u043d\u0441\u043a\u0430 \u0442\u0435\u0430\u0442\u0430\u0440\u0441\u043a\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0458\u0430 \u043a\u043e\u0458\u0430 \u0433\u0438 \u0438\u0441\u0442\u0440\u0430\u0436\u0443\u0432\u0430 \u0442\u0435\u043c\u0438\u0442\u0435 \u043d\u0430 \u043b\u0438\u0447\u043d\u0438\u043e\u0442 \u0438\u0437\u0431\u043e\u0440, \u0438\u0434\u0435\u043d\u0442\u0438\u0442\u0435\u0442\u043e\u0442 \u0438 \u043f\u0440\u0438\u0442\u0438\u0441\u043e\u043a\u043e\u0442 \u043d\u0430 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043e\u0442\u043e \u043e\u043f\u0448\u0442\u0435\u0441\u0442\u0432\u043e. \u041f\u0440\u0435\u043a\u0443 \u043d\u0438\u0437\u0430 \u0441\u0446\u0435\u043d\u0438 \u0438 \u043b\u0438\u043a\u043e\u0432\u0438, \u043f\u0440\u0435\u0442\u0441\u0442\u0430\u0432\u0430\u0442\u0430 \u0458\u0430 \u043f\u0440\u0438\u043a\u0430\u0436\u0443\u0432\u0430 \u0431\u043e\u0440\u0431\u0430\u0442\u0430 \u043d\u0430 \u043c\u043b\u0430\u0434\u0438\u0442\u0435 \u043b\u0443\u0453\u0435 \u043c\u0435\u0453\u0443 \u0441\u043e\u043f\u0441\u0442\u0432\u0435\u043d\u0438\u0442\u0435 \u0436\u0435\u043b\u0431\u0438 \u0438 \u043e\u0447\u0435\u043a\u0443\u0432\u0430\u045a\u0430\u0442\u0430 \u0448\u0442\u043e \u0438\u043c \u0433\u0438 \u043d\u0430\u043c\u0435\u0442\u043d\u0443\u0432\u0430 \u043e\u043a\u043e\u043b\u0438\u043d\u0430\u0442\u0430.<\/p>\n\n    <p>With sincere stage expression and strong youthful energy, \"The Self-Rejected\" raises important questions about responsibility towards oneself and others, encouraging reflection and dialogue among the audience.<\/p>\n\n    <p>The performance of the play was attended by the former President of the Republic of North Macedonia, Stevo Pendarovski, among the audience, which is a significant recognition of the work and engagement of the young participants.<\/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\/vBn5xYvV\/gim3-edited.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/PrX8Tz0Q\/Fuveh-FZWAAA3XS7.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/QxfKtK3F\/Fuveh-Ff-WIAEBcfs.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/K8VK7XjT\/gim2-1024x683.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/V69dcdgm\/gim1-1024x683.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/5yny6TDQ\/Fuveh-FWWICAzj-SU.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<div class=\"video-block\">\n  <iframe loading=\"lazy\" \n    width=\"100%\" \n    height=\"500\" \n    src=\"https:\/\/www.youtube.com\/embed\/zSN9P3h9lsc\" \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>\u0421\u0430\u043c\u043e\u043e\u0442\u043a\u0430\u0436\u0430\u043d\u0438\u0442\u0435 &#8211; \u0413\u0438\u043c\u0430\u043d\u0437\u0438\u0458\u0430 \u201e\u041a\u043e\u0447\u043e \u0420\u0430\u0446\u0438\u043d\u201c &#8211; \u0412\u0435\u043b\u0435\u0441 \u0413\u0440\u043e\u043c\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0430\u043f\u043b\u0430\u0443\u0437 \u0438 \u0438\u0441\u043a\u0440\u0435\u043d\u0438 \u0447\u0435\u0441\u0442\u0438\u0442\u043a\u0438 \u0431\u0435\u0430 \u0443\u043f\u0430\u0442\u0435\u043d\u0438 \u043a\u043e\u043d \u0443\u0447\u0435\u043d\u0438\u0446\u0438\u0442\u0435 \u043e\u0434 \u0421\u041e\u0423 ,, \u0413\u0438\u043c\u043d\u0430\u0437\u0438\u0458\u0430 \u041a\u043e\u0447\u043e \u0420\u0430\u0446\u0438\u043d&#8221; &#8211; \u0412\u0435\u043b\u0435\u0441 \u043a\u043e\u0438 \u0458\u0430 \u0438\u0437\u0432\u0435\u0434\u043e\u0430 \u0442\u0435\u0430\u0442\u0430\u0440\u0441\u043a\u0430\u0442\u0430 \u043f\u0440\u0435\u0442\u0441\u0442\u0430\u0432\u0430 ,,\u0421\u0430\u043c\u043e\u043e\u0442\u043a\u0430\u0436\u0430\u043d\u0438\u0442\u0435\u2019\u2019 \u043f\u043e \u043f\u043e\u0432\u043e\u0434 120 \u0433\u043e\u0434\u0438\u043d\u0438 \u043e\u0434 \u0458\u0443\u0431\u0438\u043b\u0435\u0458\u043e\u0442 \u043d\u0430 \u0421\u043e\u043b\u0443\u043d\u0441\u043a\u0438\u0442\u0435 \u0430\u0442\u0435\u043d\u0442\u0430\u0442\u043e\u0440\u0438 &#8211; \u0413\u0435\u043c\u0438\u045f\u0438\u0438\u0442\u0435. \u041f\u0440\u0435\u0442\u0441\u0442\u0430\u0432\u0430\u0442\u0430 \u201e\u0421\u0430\u043c\u043e\u043e\u0442\u043a\u0430\u0436\u0430\u043d\u0438\u0442\u0435\u201c, \u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0430 \u043e\u0434 \u0443\u0447\u0435\u043d\u0438\u0446\u0438\u0442\u0435 \u043d\u0430 \u0413\u0438\u043c\u043d\u0430\u0437\u0438\u0458\u0430\u0442\u0430 \u201e\u041a\u043e\u0447\u043e \u0420\u0430\u0446\u0438\u043d\u201c, \u0435 \u043c\u043b\u0430\u0434\u0438\u043d\u0441\u043a\u0430 \u0442\u0435\u0430\u0442\u0430\u0440\u0441\u043a\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0458\u0430 \u043a\u043e\u0458\u0430 [&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":12,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-579","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\/579","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=579"}],"version-history":[{"count":21,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/579\/revisions"}],"predecessor-version":[{"id":1245,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/posts\/579\/revisions\/1245"}],"wp:attachment":[{"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/media?parent=579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/categories?post=579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/user28.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/tags?post=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}