{"id":28,"date":"2025-12-31T05:41:34","date_gmt":"2025-12-31T05:41:34","guid":{"rendered":"https:\/\/lokka.hr\/?page_id=28"},"modified":"2026-01-07T12:01:22","modified_gmt":"2026-01-07T12:01:22","slug":"28-2","status":"publish","type":"page","link":"https:\/\/lokka.hr\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d975c44 e-flex e-con-boxed e-con e-parent\" data-id=\"d975c44\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aeab63d e-con-full e-flex e-con e-child\" data-id=\"aeab63d\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff5bd00 e-flex e-con-boxed e-con e-parent\" data-id=\"ff5bd00\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2ed333 elementor-widget elementor-widget-html\" data-id=\"b2ed333\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg class=\"overlay-svg\" width=\"100%\" height=\"100%\" style=\"position: fixed; top:0; left:0; z-index: 9999; pointer-events: none;\">\r\n  <defs>\r\n    <mask id=\"hole\">\r\n      <!-- Crna pokriva sve -->\r\n      <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\"\/>\r\n      <!-- Bijela rupa -->\r\n      <circle class=\"mask-circle\" cx=\"50%\" cy=\"50%\" r=\"150\" fill=\"black\"\/>\r\n    <\/mask>\r\n  <\/defs>\r\n  <!-- Crni overlay s maskom -->\r\n  <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"#292b2c\" mask=\"url(#hole)\"\/>\r\n<\/svg><style>\r\n\/* Fluidni movement rupe *\/\r\n.mask-circle {\r\n  transition: cx 0.1s ease-out, cy 0.1s ease-out;\r\n}\r\n\r\n\/* Mobile: manja rupa *\/\r\n@media (max-width: 768px) {\r\n  .mask-circle {\r\n    r: 100; \/* radius 150px na mobitelu *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<svg class=\"overlay-svg\" width=\"100%\" height=\"100%\" style=\"position: fixed; top:0; left:0; z-index: 9999; pointer-events: none;\">\r\n  <defs>\r\n    <!-- Maska -->\r\n    <mask id=\"hole\">\r\n      <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\"\/>\r\n      <circle class=\"mask-circle\" cx=\"50%\" cy=\"50%\" r=\"300\" fill=\"black\"\/>\r\n    <\/mask>\r\n\r\n    <!-- Gradient overlay -->\r\n    <linearGradient id=\"overlayGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n      <stop offset=\"0%\" stop-color=\"#292b2c\"\/> <!-- tvoja postoje\u0107a boja -->\r\n      <stop offset=\"100%\" stop-color=\"#000000\"\/> <!-- totalno crna na dnu -->\r\n    <\/linearGradient>\r\n  <\/defs>\r\n\r\n  <!-- Overlay rect s gradientom i maskom -->\r\n  <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#overlayGradient)\" mask=\"url(#hole)\"\/>\r\n<\/svg>\r\n\r\n<script>\r\nconst circle = document.querySelector('.mask-circle');\r\n\r\n\/* Pra\u0107enje mi\u0161a *\/\r\ndocument.addEventListener('mousemove', e => {\r\n    circle.setAttribute('cx', e.clientX);\r\n    circle.setAttribute('cy', e.clientY);\r\n});\r\n\r\n\/* Pra\u0107enje prsta (mobile) *\/\r\ndocument.addEventListener('touchmove', e => {\r\n    circle.setAttribute('cx', e.touches[0].clientX);\r\n    circle.setAttribute('cy', e.touches[0].clientY);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d15a3b e-flex e-con-boxed e-con e-parent\" data-id=\"9d15a3b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5f9aac elementor-widget elementor-widget-shortcode\" data-id=\"a5f9aac\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"audioContainer\" style=\"display: none;\">\n  <audio class=\"wp-audio-shortcode\" id=\"audio-28-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"https:\/\/lokka.hr\/wp-content\/uploads\/2026\/01\/Gloom-25.mp3?_=1\" \/><a href=\"https:\/\/lokka.hr\/wp-content\/uploads\/2026\/01\/Gloom-25.mp3\">https:\/\/lokka.hr\/wp-content\/uploads\/2026\/01\/Gloom-25.mp3<\/a><\/audio>\n<\/div>\n\n<script>\n\/\/ Pokre\u0107e audio nakon prvog klika bilo gdje na stranici\ndocument.addEventListener('click', function() {\n  var audio = document.querySelector('audio');\n  if(audio && audio.paused) {\n    audio.play().then(function() {\n      console.log('Audio pokrenut');\n    }).catch(function(error) {\n      console.log('Gre\u0161ka:', error);\n    });\n  }\n}, { once: true }); \/\/ 'once: true' zna\u010di da se pokre\u0107e SAMO JEDNOM\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lokka.hr\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lokka.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lokka.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lokka.hr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lokka.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":84,"href":"https:\/\/lokka.hr\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/lokka.hr\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/180"}],"wp:attachment":[{"href":"https:\/\/lokka.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}