Privatnost: Pravila o za拧titi privatnosti

<!DOCTYPE html> <html lang="hr" class=""> <meta name="theme-color" content="#ffffff"> <script type="text/javascript"> function darkTheme() { document.documentElement.classList.add('dark'); document.documentElement.classList.remove('light'); document.querySelector('meta[name="theme-color"]').setAttribute('content', '#202124'); document.cookie = "theme=dark; max-age=31536000; path=/; SameSite=Strict"; // Save dark theme in cookie console.log('Dark theme applied and cookie set to dark.'); } function lightTheme() { document.documentElement.classList.add('light'); document.documentElement.classList.remove('dark'); document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff'); document.cookie = "theme=light; max-age=31536000; path=/; SameSite=Strict"; // Save light theme in cookie //console.log('Light theme applied and cookie set to light.'); } function applyThemeBasedOnSystem() { // Apply theme based on system preference and update the cookie accordingly if (window.matchMedia('(prefers-color-scheme: dark)').matches) { darkTheme(); } else { lightTheme(); } } // Function to toggle between dark and light theme function toggleTheme() { const isDarkMode = document.documentElement.classList.contains('dark'); if (isDarkMode) { lightTheme(); // If dark theme is active, switch to light theme } else { darkTheme(); // If light theme is active, switch to dark theme } } function setTheme(theme) { if (theme === 'dark') { darkTheme(); } else if (theme === 'light') { lightTheme(); } else { applyThemeBasedOnSystem(); // Apply system theme and set the respective cookie } } // Get saved theme from cookie function getSavedTheme() { return document.cookie.replace(/(?:(?:^|.*;\s*)theme\s*\=\s*([^;]*).*$)|^.*$/, "$1"); } document.addEventListener('DOMContentLoaded', () => { const savedTheme = getSavedTheme(); if (savedTheme === 'dark' || savedTheme === 'light') { setTheme(savedTheme); // Apply saved theme (dark or light) } else { applyThemeBasedOnSystem(); // Default to system preference if no user choice } }); // Add event listener to automatically apply and save the system theme change window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { const savedTheme = getSavedTheme(); // Only update theme and cookie if user hasn't manually chosen a theme if (!savedTheme || savedTheme === 'system') { if (event.matches) { darkTheme(); // Apply dark theme if system switches to dark } else { lightTheme(); // Apply light theme if system switches to light } } }); </script> <head>  <meta charset="utf-8"> <title>Privatnost: Pravila o za拧titi privatnosti</title> <meta name="description" content="Pravila o za拧titi privatnosti"> <meta name="keywords" content="Privatnost"> <meta property="og:title" content="Privatnost: Pravila o za拧titi privatnosti"> <meta property="og:description" content="Pravila o za拧titi privatnosti" /> <meta property="og:image" content=""> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:site_name" content="Klix.ba"/> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@"> <meta name="twitter:creator" content="Klix.ba"> <meta name="twitter:domain" content="klix.ba"> <meta name="twitter:title" content="Privatnost: Pravila o za拧titi privatnosti"> <meta name="twitter:description" content="Pravila o za拧titi privatnosti"> <meta name="twitter:image" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="google-signin-client_id" content="831696778835-kqr5934gf7gmbbanittdac7djtc0n76f.apps.googleusercontent.com"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <link href="/css/app.css?id=8a2e102667c02d2b68d9" rel="stylesheet"> <script src="/js/app.js?id=cca5fc42acfc3b2a3bd8"></script>  <link rel="icon" type="image/png" sizes="16x16" href="https://static.klix.ba/favicon/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://static.klix.ba/favicon/favicon-32x32.png"> <link rel="icon" href="https://static.klix.ba/favicon/favicon.ico">  <link rel="apple-touch-icon" href="https://static.klix.ba/favicon/apple-touch-icon.png">  <link rel="icon" type="image/png" sizes="192x192" href="https://static.klix.ba/favicon/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="512x512" href="https://static.klix.ba/favicon/android-chrome-512x512.png">  <link rel="manifest" href="https://static.klix.ba/favicon/site.webmanifest">  <link rel="preconnect" href="https://static.klix.ba" crossorigin> <link rel="dns-prefetch" href="https://static.klix.ba"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> <link rel="preconnect" href="https://adservice.google.com/"> <link rel="preconnect" href="https://googleads.g.doubleclick.net/"> <link rel="preconnect" href="https://www.googletagservices.com/"> <link rel="preconnect" href="https://tpc.googlesyndication.com/"> <link rel="preconnect" href="https://api.klix.ba" crossorigin> <meta property="fb:app_id" content="171222711838"> <meta name="csrf-token" content="7HMSwAjv0gSjK54M5GEwEYGw1NXdPD09ymcNUmF7">  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" /> <script type="text/javascript"> /** * Add an event listener to get notified once Didomi has passed * the user consent status to Google * Important: this must be placed before the Didomi SDK gets embedded on your * website to guarantee that you do not miss any event */ window.didomiEventListeners = window.didomiEventListeners || []; window.didomiEventListeners.push({ event: 'integrations.consentpassedtodfp', listener: function (data) { // Consent has been passed to Google // Load or refresh ads as needed with Ad Manager, Prebid, etc. // `data.consentStatus` contains the current consent status of the user (true/false/undefined) // `data.index` contains the index of the event (integer) console.log("data.index: "+ data.index); if (data.index === 0) { // This is the very first event on the page that gets triggered on page load //googletag.pubads().refresh(); //initializeGoogletagRefreshWithPrebid(); } else { // This is an event that happens later on the page, after a user action (user giving consent or changing their preferences) googletag.pubads().refresh(); } } }); </script> <script type="text/javascript">window.gdprAppliesGlobally=false;(function(){function a(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)} else{setTimeout(function(){a(e)},5)}}}function e(n,r,o,c,s){function e(e,t,n,a){if(typeof n!=="function"){return}if(!window[r]){window[r]=[]}var i=false;if(s){i=s(e,t,n)}if(!i){window[r].push({command:e,parameter:t,callback:n,version:a})}}e.stub=true;function t(a){if(!window[n]||window[n].stub!==true){return}if(!a.data){return} var i=typeof a.data==="string";var e;try{e=i?JSON.parse(a.data):a.data}catch(t){return}if(e[o]){var r=e[o];window[n](r.command,r.parameter,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:r.callId};a.source.postMessage(i?JSON.stringify(n):n,"*")},r.version)}} if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");a("__tcfapiLocator");(function(e){ var t=document.createElement("script");t.id="spcloader";t.type="text/javascript";t.async=true;t.src="https://sdk.privacy-center.org/"+e+"/loader.js?target="+document.location.hostname;t.charset="utf-8";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)})("76f2bacf-f777-4af7-9a2a-73e9e630ac7c")})();</script> <script type="text/javascript"> var PWT = {}; // Initialize Namespace var notifyId; var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; var gptRan = false; var gptTimeout = setTimeout(loadGPT, 1000); // Store timeout reference // Add error handling PWT.jsLoaded = function() { try { clearTimeout(gptTimeout); // Prevent duplicate GPT calls loadGPT(); } catch (error) { console.error('Error in PWT.jsLoaded:', error); loadGPT(); } }; function loadGPT() { if (!gptRan) { gptRan = true; var gads = document.createElement('script'); gads.defer = true; gads.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js'; gads.onerror = function() { console.error('Failed to load GPT script'); }; document.head.appendChild(gads); } } </script> <script type="text/javascript"> (function() { try { var purl = window.location.href; var url = 'https://ads.pubmatic.com/AdServer/js/pwt/160800/4518'; var profileVersionId = ''; // Improved profile version detection var matches = purl.match(/[?&]pwtv=([^&]*)/); if (matches && matches[1]) { profileVersionId = '/' + matches[1]; } var wtads = document.createElement('script'); wtads.defer = true; wtads.type = 'text/javascript'; wtads.src = url + profileVersionId + '/pwt.js'; // Add error handling for PubMatic script wtads.onerror = function() { console.error('Failed to load PubMatic script'); }; document.head.appendChild(wtads); } catch (error) { console.error('Error in PubMatic initialization:', error); } })(); </script> <script> //load the apstag.js library !function(a9,a,p,s,t,A,g){if(a[a9])return;function q(c,r){a[a9]._Q.push([c,r])}a[a9]={init:function(){q("i",arguments)},fetchBids:function(){q("f",arguments)},setDisplayBids:function(){},targetingKeys:function(){return[]},_Q:[]};A=p.createElement(s);A.async=!0;A.src=t;g=p.getElementsByTagName(s)[0];g.parentNode.insertBefore(A,g)}("apstag",window,document,"script","//c.amazon-adsystem.com/aax2/apstag.js"); //initialize the apstag.js library on the page to allow bidding apstag.init({ pubID: '948f8c76-6cb2-49d2-aef8-03f115c39dbc', //enter your pub ID here as shown above, it must within quotes adServer: 'googletag', //simplerGPT: true }); window.__tcfapi('addEventListener', 2, function(tcData, listenerSuccess) { if (listenerSuccess) { // check the eventstatus if (tcData.eventStatus === 'useractioncomplete' || tcData.eventStatus === 'tcloaded') { // Execute things here that rely on the TC string being available (fetchBids request) //console.log("tcloaded"); var width = window.innerWidth; apstag.fetchBids({ slots: [ { slotID: 'ads_rectangle', slotName: '/1000270/Rectangle', sizes: [[300,600],[300,250]] }, { slotID: 'ads_leaderboard', slotName: '/1000270/Leaderboard', sizes: [[970,100],[970,250],[728,90],[336,280],[300,250],[300,100]] }, { slotID: 'ads_footer', slotName: '/1000270/Footer', sizes: (width >= 1024) ? [[970,100],[970,250],[728,90]] : [[336,280],[300,250],[300,100],[300,600]] }, { slotID: 'ads_intext', slotName: '/1000270/Banner-InText', sizes: [[300,250], [336,280]] }, ], timeout: 2e3 }, function(bids) { // set apstag targeting on googletag, then trigger the first GAM request in googletag's disableInitialLoad integration googletag.cmd.push(function(){ apstag.setDisplayBids(); //googletag.pubads().refresh(); window.OWT.notifyExternalBiddingComplete(notifyId); // This will tell OpenWrap that all the external bidders have returned bid. }); }); } } }); </script> <script type="text/javascript"> </script> <script> var anchorSlot, interstitialSlot, staticSlot; var slot0,slot1,slot2,slot3; googletag.cmd.push(function() { var REFRESH_KEY = 'refresh'; var REFRESH_VALUE = 'true'; var SECONDS_TO_WAIT_AFTER_VIEWABILITY = 40; //size mappings var leaderboardsMapping = googletag.sizeMapping() .addSize([1200, 0], [[970, 500], [970, 250], [640,480], [640,440], [970, 100], [970, 90], [960, 250], [960, 100], [960, 100], [960, 90], [1,1],'fluid']) .addSize([1024, 0], [[970, 250], [970, 100], [970, 90], [960, 250], [960, 100], [960, 100], [960, 90], [1,1],'fluid']) .addSize([768, 0], [[728, 90], [1,1],'fluid']) .addSize([360, 0], [[320,100],[300,250],[336,280], [1,1],'fluid']) .addSize([0, 0], [[300, 250],[320,100], [1,1],'fluid']) .build(); var fixniMapping = googletag.sizeMapping() .addSize([1200, 0], [[970, 500], [970, 250], [640,480], [640,440], [970, 100],'fluid']) .addSize([1024, 0], [[970, 250], [960, 100], [960, 90],[728, 90],'fluid']) .addSize([768, 0], [[728, 90],'fluid']) .addSize([360, 0], [[320,100],[300,250],[336,280],[300,600],'fluid']) .addSize([0, 0], [[300, 250],[320,100],'fluid']) .build(); var rectangleMapping = googletag.sizeMapping() .addSize([1180, 0], [[300,600],[300,250] ,'fluid']) .addSize([740, 0], [[160,600] ,'fluid']) .addSize([360, 0], [[300, 250],[336, 280],[300,600] ,'fluid']) //mobile .addSize([0, 0], [300, 250]) .build(); var skyscraperMapping = googletag.sizeMapping() .addSize([1200, 0], [[160, 600],[120, 600],'fluid']) .addSize([1024, 0], [[120, 600],'fluid']) .addSize([768, 0], [[160, 600],[120, 600],'fluid']) .addSize([0, 0], []) .build(); var intextMapping = googletag.sizeMapping(). addSize([1250, 0], [[300, 250],[336, 280], [640,480], [640,440], [500,400], [1,1]]). //desktop addSize([1024, 0], [[300, 250],[336, 280], [500,400], [1,1]]). //desktop addSize([360, 0], [[300, 250],[336, 280], [1,1],'fluid']). //mobile addSize([0, 0], [[300, 250], [1,1],'fluid']). //others - mobile small screen build(); var midtextMapping = googletag.sizeMapping(). addSize([1250, 0], [[300, 250],[336, 280], [1,1]]). //desktop addSize([1024, 0], [[300, 250],[336, 280], [1,1]]). //desktop addSize([360, 0], [[300, 250],[336, 280],[300, 600], [1,1], 'fluid']). //mobile addSize([0, 0], [[300, 250],'fluid']). //others - mobile small screen build(); var nativeMapping = googletag.sizeMapping(). addSize([1250, 0], [[208,230], 'fluid']). //desktop addSize([1024, 0], [[208,230], 'fluid']). //desktop addSize([0, 0], ['fluid']). //[179,199], others - mobile small screen build(); var btMapping = googletag.sizeMapping(). addSize([1250, 0], [[300, 250],[336, 280],[640,480],[640,440], 'fluid']). //desktop addSize([1024, 0], [[300, 250],[336, 280], 'fluid']). //desktop addSize([360, 0], [[300, 250],[336, 280],[300,600],'fluid']). //mobile addSize([0, 0], [[300, 250],'fluid']). //others - mobile small screen build(); var skiesMapping = googletag.sizeMapping(). addSize([1900, 0], [[300, 600],[160, 600],'fluid']). // large desktop addSize([1620, 0], [[160, 600],'fluid']). //desktop addSize([0, 0], []). //others - mobile small screen build(); googletag.defineSlot('/1000270/Leaderboard', [[970, 500],[970,100],[970,250],[728,90],[336,280],[300,250],[300,100],[1,1]], 'ads_leaderboard') .setForceSafeFrame(false) .defineSizeMapping(leaderboardsMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Rectangle', [[970, 250],[970, 250], [728,90], [300,250],'fluid'], 'ads_rectangle') //.setTargeting(REFRESH_KEY, REFRESH_VALUE) .setForceSafeFrame(false) .defineSizeMapping(rectangleMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Desktop_Skyscraper_Left', [[160, 600], [300, 600]], 'desktop_skyscraper_left') //.setTargeting(REFRESH_KEY, REFRESH_VALUE) .defineSizeMapping(skiesMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Desktop_Skyscraper_Right', [[160, 600], [300, 600]], 'desktop_skyscraper_right') .defineSizeMapping(skiesMapping) //.setTargeting(REFRESH_KEY, REFRESH_VALUE) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Banner-InText', [[1,1],[640,480],[640,440],[500,400],[336,280],[300,250],[300,100]], 'ads_intext') .setForceSafeFrame(false) .defineSizeMapping(intextMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/BelowText', ['fluid',[970,250],[336,280],[640,480],[640,440],[300,250],[300,100],[300,600]], 'ads_belowtext') //.setTargeting(REFRESH_KEY, REFRESH_VALUE) .setForceSafeFrame(false) .defineSizeMapping(btMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Skyscraper', [[160, 600],[120, 600],'fluid'], 'ads_skyscraper') //.setTargeting(REFRESH_KEY, REFRESH_VALUE) .setForceSafeFrame(false) .defineSizeMapping(skyscraperMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Footer', [[970, 500],[970,100],[970,250],[728,90],[336,280],[300,250],[300,100],'fluid'], 'ads_footer') .setForceSafeFrame(false) .defineSizeMapping(fixniMapping) .addService(googletag.pubads()); interstitialSlot = googletag.defineOutOfPageSlot( '/1000270/WebInterstitial', googletag.enums.OutOfPageFormat.INTERSTITIAL); // Slot returns null if the page or device does not support interstitials. if (interstitialSlot) { interstitialSlot.addService(googletag.pubads()); //console.log('Interstitial is loading...'); // Add event listener to enable navigation once the interstitial loads. // If this event doesn't fire, try clearing local storage and refreshing // the page. googletag.pubads().addEventListener('slotOnload', function(event) { if (interstitialSlot === event.slot) { console.log('Interstitial is loaded'); } }); } googletag.defineOutOfPageSlot('/1000270/Out-Of-Page', 'ads_outofpage').addService(googletag.pubads()); anchorSlot = googletag.defineOutOfPageSlot( '/1000270/Bottom', googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR); if (anchorSlot) { anchorSlot.addService(googletag.pubads()); } /* // Define static ad slots. staticSlot = googletag.defineSlot( '/6355419/Travel/Europe', [100, 100], 'static-ad-1') .addService(googletag.pubads()); */ // Register event handlers to observe lazy loading behavior. googletag.pubads().addEventListener('slotRequested', function(event) { //console.log(event.slot.getSlotElementId() + ' fetched.'); }); googletag.pubads().addEventListener('slotOnload', function(event) { //console.log(event.slot.getSlotElementId() + ' rendered.'); }); googletag.pubads().addEventListener('impressionViewable', function(event) { var slot = event.slot; if (slot.getTargeting(REFRESH_KEY).indexOf(REFRESH_VALUE) > -1) { setTimeout(function() { googletag.pubads().refresh([slot]); console.log("refreshing slot" + slot.getAdUnitPath()) }, SECONDS_TO_WAIT_AFTER_VIEWABILITY * 1000); } }); //promo==true & google_ads=off googletag.pubads().setTargeting('theme', 'light'); googletag.pubads().setTargeting('Platform', getVersion()); if (isFacebookApp()) { googletag.pubads().setTargeting('FBInAppBrowser', ['Yes']); } else { googletag.pubads().setTargeting('FBInAppBrowser', ['No']); } notifyId = window.OWT.registerExternalBidders(['ads_leaderboard', 'ads_rectangle','ads_leaderboard_0','ads_leaderboard_1','ads_leaderboard_2','ads_leaderboard_3']); // Notifies OpenWrap that there are some external bidders for which it has to wait before calling GAM. googletag.pubads().setTargeting("design", "normalni-clanak"); googletag.pubads().collapseEmptyDivs(); googletag.pubads().setForceSafeFrame(false); googletag.pubads().setCentering(true); googletag.pubads().enableSingleRequest(); googletag.pubads().addEventListener('slotRenderEnded', renderEnded); googletag.enableServices(); }); function renderEnded(e){ /* if (e.slot.getSlotElementId() == "ads_rectangle") { if (e.isEmpty) { //document.getElementById("ads_rectangle").style.minHeight = "0"; //document.getElementById("ads_rectangle").style.display = "none"; document.getElementById("rectangle_container").classList.remove("md:min-h-250"); document.getElementById("rectangle_container").classList.remove("min-h-250"); } }*/ if (e.slot.getSlotElementId() == "ads_widget_native") { if (!e.isEmpty) { //console.log("widget"); document.getElementsByClassName("xwidget")[0].style.display = "none"; document.getElementsByClassName("xwidget")[0].classList.remove('opacity-0'); } else { document.getElementsByClassName("xwidget")[0].style.display = "block"; document.getElementsByClassName("xwidget")[0].classList.remove('opacity-0'); } } } function getVersion() { var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; if(width >= 980) { return 'Desktop'; } else if(width >= 740) { return 'Tablet'; } else { return 'Mobile'; } } function isFacebookApp() { var ua = navigator.userAgent || navigator.vendor || window.opera; return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1); } </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-C1R3FZH249"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-C1R3FZH249', { }); </script> <script async type="text/javascript"> /* <![CDATA[ */ (function() { window.dm=window.dm||{AjaxData:[]},window.dm.AjaxEvent=function(et,d){dm.AjaxData.push({et:et,d:d}),window.DotMetricsObj&&DotMetricsObj.onAjaxDataUpdate()}; var d=document, h=d.getElementsByTagName('head')[0], s=d.createElement('script'); s.type='text/javascript'; s.async=true; s.src=document.location.protocol + '//script.dotmetrics.net/door.js?id=1299'; h.appendChild(s); }()); /* ]]> */ </script> <meta name="robots" content="noindex"> </head> <body class="antialiased text-gray-900 bg-gray-100 dark:bg-dark_light"> <header class="fixed z-50 w-full bg-white dark:bg-dark items-center px-3 xl:px-0 py-1 md:py-2 border-b border-gray-200 dark:border-dark_light text-sm"> <div class="flex items-center max-w-7xl mx-auto lg:px-5"> <div class="w-20 md:w-auto ml-0 flex-none md:order-last flex justify-items-center"> <button onclick="toggleNav()" type="button" id="sidebar-open" class="p-3 pl-0 xl:pr-0 m-0 flex items-center text-gray-600 dark:text-gray-300 focus:outline-none focus:text-gray-800" aria-label="Open site navigation"><svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path></svg></button> <button onclick="toggleNav()" type="button" id="sidebar-close" class="p-3 pl-0 xl:pr-0 m-0 flex items-center text-gray-600 dark:text-gray-300 focus:outline-none focus:text-gray-800 hidden" aria-label="Close site navigation"><svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"></path></svg></button> <div class="flex md:hidden w-20 items-center"> <label class="sr-only">Theme</label> <button type="button" onclick="toggleTheme();" class="focus:outline-none"> <span class="text-gray-500 icon_light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" /> </svg> </span> <span class="hidden text-gray-100 icon_moon"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" /> </svg> </span> </button> </div> </div> <div class="flex-grow"> <div class="mx-auto flex items-center md:mx-0 md:pb-0"> <a href="/" id="logo" class="flex mx-auto md:mx-0 md:inline-block" title="Klix.ba"> <svg class="h-logo w-logo lg:w-logolg lg:h-logolg xl:mr-2" id="logo" data-name="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.93 24"><defs></defs><title>Klix.ba</title><polygon class="cls-1" points="42.81 4.37 38.48 8.69 43.98 14.18 38.48 19.68 42.81 24 52.63 14.18 42.81 4.37"/><rect class="cls-2" x="29.44" y="4.74" width="6.32" height="18.95"/><rect class="cls-2" x="20.33" width="6.32" height="23.68"/><rect class="cls-2" width="6.32" height="23.68"/><polygon class="cls-3" points="17.86 8.76 13.58 4.47 8.08 9.97 3.8 14.25 8.08 18.54 13.24 23.7 17.53 23.7 17.53 19.41 12.37 14.25 17.86 8.76"/><polygon class="cls-2" points="57.93 8.69 53.18 13.56 48.86 9.24 53.6 4.37 57.93 8.69"/><polygon class="cls-2" points="48.86 19.12 53.6 24 57.93 19.68 53.18 14.8 48.86 19.12"/></svg> </a> <form id="search" action="/pretraga " method="GET" role="search" class="hidden px-2 inline mx-auto"> <div class="px-2 flex items-center bg-gray-200 dark:bg-dark rounded-md"> <button type="submit" class="pointer-events-none dark:bg-dark "><svg class="fill-current pointer-events-none text-gray-600 dark:text-gray-300 w-3 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path></svg></button> <input type="text" class="w-32 md:w-full dark:text-white px-2 py-1 m-0 border-0 focus:ring-0 text-gray-700 bg-gray-200 dark:bg-dark placeholder-gray-600" name="q" placeholder="pretra啪i vijesti" value="" /> </div> </form> <div id="nav_items" class="hidden md:block ml-4 items-center text-center text-sm lg:text-base dark:text-gray-300"> <ul class="mx-1 flex items-center space-x-1.5 lg:space-x-5"> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/vijesti"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-vijesti inline-block rounded-sm mr-2 lg:mr-3"></span>Vijesti</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/biznis"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-biznis inline-block rounded-sm mr-2 lg:mr-3"></span>Biznis</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/sport"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-sport inline-block rounded-sm mr-2 lg:mr-3"></span>Sport</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/magazin"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-magazin inline-block rounded-sm mr-2 lg:mr-3"></span>Magazin</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/lifestyle"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-lifestyle inline-block rounded-sm mr-2 lg:mr-3"></span>Lifestyle</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/scitech"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-scitech inline-block rounded-sm mr-2 lg:mr-3"></span>Scitech</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/auto"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-auto inline-block rounded-sm mr-2 lg:mr-3"></span>Auto</a></div> </li> <li class="hidden xl:inline"> <a class="inline-block py-1 hover:underline" href="https://www.klix.ba/krizaljka"><span class="w-3 h-3 bg-gray-400 inline-block rounded-sm mr-2"></span>Kri啪aljka</a></li> <li class="hidden"> <a class="inline-block py-1 hover:underline text-jobs" href="https://posao.klix.ba"><span class="w-3 h-3 bg-jobs inline-block rounded-sm mr-2"></span>Posao</a></li> <li class="hidden xl:hidden"> <a class="inline-block py-1 hover:underline" href="https://www.klix.ba/dojavi-vijest"><span class="w-3 h-3 bg-gray-400 inline-block rounded-sm mr-2"></span>Dojave</a></li> <li class="hidden xl:inline"> <a class="inline-block py-1 hover:underline" href="https://forum.klix.ba"><span class="w-3 h-3 bg-gray-400 inline-block rounded-sm mr-2"></span>Forum</a></li> <li class="hidden md:inline-block"> <div class="flex items-center border-l border-gray-300 dark:border-dark_border ml-0 pl-4"> <label class="sr-only">Theme</label> <button type="button" onclick="toggleTheme();" class="focus:outline-none"> <span class="text-gray-600 icon_light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" /> </svg> </span> <span class="hidden text-gray-100 icon_moon"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" /> </svg> </span> </button> </div> </li> </ul> </div> </div> </div> <div class="w-20 ml-0 md:w-auto md:pr-6 flex items-right "> <button onclick="toggleSearch()" type="button" id="search-open" class="p-3 m-0 flex items-center text-gray-600 dark:text-gray-300 focus:outline-none focus:text-gray-800" aria-label="Open search"><svg class="fill-current pointer-events-none w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path></svg></button> <button onclick="toggleSearch()" type="button" id="search-close" class="hidden p-3 m-0 flex items-center text-gray-600 dark:text-gray-300 focus:outline-none focus:text-gray-800" aria-label="Close search"><svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"></path></svg></button> <button id="user" data-modal-target="authentication-modal" data-modal-toggle="authentication-modal" title="Prijava korisnika" class="inline text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-900 rounded-full focus:outline-none focus:ring-0"> <div class="w-7 h-7 flex text-gray-600 items-center justify-center dark:text-gray-300 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" /> </svg> </div> </button> </div> </div> </header> <div class="pt-ssm w-full md:pt-smdp "></div> <div class=" lg:py-1 flex max-w-7xl mx-auto "> <div id='ads_leaderboard' class="mx-auto" style="display: none;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('ads_leaderboard'); }); </script> </div> </div> <div> <div class="fixed top-24" style="margin-right:650px; right:50%;">  <div id='desktop_skyscraper_left' style='min-width: 160px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('desktop_skyscraper_left'); }); </script> </div> </div> <div class=" container mx-auto max-w-7xl bg-gray-100 dark:bg-dark_light lg:px-5 xl:px-0 "> <div id="sidebar" class="p-0 hidden mb-5"> <div class="container text-base bg-white dark:bg-dark mx-auto max-w-7xl leading-7 p-2 md:grid md:grid-cols-4"> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-dark_light"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="/"><span class="w-3 h-3 bg-gray-500 inline-block rounded-sm mr-3"></span>Naslovnica</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/najnovije"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Najnovije</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/najcitanije"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Naj膷itanije</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/popularne"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Popularne</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/krizaljka"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Kri啪aljka</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vremenska-prognoza"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Vremenska prognoza</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/kursna-lista"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Kursna lista</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/dojavi-vijest"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Dojavi vijest</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://forum.klix.ba"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Forum</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/vijesti"><span class="w-3 h-3 bg-vijesti inline-block rounded-sm mr-3"></span>Vijesti</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/bih"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>BiH</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/regija"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Regija</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/svijet"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Svijet</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/dijaspora"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Dijaspora</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/crna-hronika"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Crna hronika</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/humanitarne-akcije"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Humanitarne akcije</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/biznis"><span class="w-3 h-3 bg-biznis inline-block rounded-sm mr-3"></span>Biznis</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/privreda"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Privreda</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/finansije"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Finansije</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/investicije"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Investicije</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/smart-cash"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Smart Cash</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/berza"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Berza</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/startupi"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Startupi</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/posao"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Posao</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/sport"><span class="w-3 h-3 bg-sport inline-block rounded-sm mr-3"></span>Sport</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/nogomet"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Nogomet</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/kosarka"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Ko拧arka</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/tenis"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Tenis</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/rukomet"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Rukomet</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/formula1"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Formula 1</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/skijanje"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Skijanje</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/atletika"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Atletika</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/borilacki-sportovi"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Borila膷ki sportovi</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/plivanje"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Plivanje</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/ostali-sportovi"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Ostali sportovi</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/magazin"><span class="w-3 h-3 bg-magazin inline-block rounded-sm mr-3"></span>Magazin</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/kultura"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Kultura</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/muzika"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Muzika</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/film-tv"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Film/TV</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/showbiz"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Showbiz</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/zanimljivosti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Zanimljivosti</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/lifestyle"><span class="w-3 h-3 bg-lifestyle inline-block rounded-sm mr-3"></span>Lifestyle</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/modailjepota"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Moda i ljepota</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/zdravlje"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Zdravlje</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/recepti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Recepti</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/gastro"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Gastro</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/kucaiured"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Ku膰a i ured</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/putovanja"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Putovanja</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/bebe"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Bebe</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/fitness"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Fitness</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/ljubimci"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Ljubimci</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/ljubav_i_veze"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Ljubav i veze</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/scitech"><span class="w-3 h-3 bg-scitech inline-block rounded-sm mr-3"></span>Scitech</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/scitech/nauka"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Nauka</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/scitech/tehnologija"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Tehnologija</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/auto"><span class="w-3 h-3 bg-auto inline-block rounded-sm mr-3"></span>Auto</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/testovi"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Testovi</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/noviteti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Noviteti</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/koncepti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Koncepti</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/tuning"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Tuning</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/elektricni"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Elektri膷ni</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/savjeti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Savjeti</a></li> </ul> </div> </div> <article class="bg-gray-100 dark:bg-dark_light mb-1"> <div class="bg-white dark:bg-dark dark:text-white py-4 px-6 lg:py-8 lg:px-36"> <h1 class="text-xl lg:text-2xl font-semibold mb-4 space-y-5 border-b pb-2 dark:border-gray-600">Pravila o za拧titi privatnosti</h1> <div id="text" class="mt-3 text-black dark:text-gray-300 font-sans prose prose-md lg:prose-lg lg:space-y-5 mb-3 leading-6 lg:leading-6 max-w-none"> <p>Ova <strong>Pravila o za&scaron;titi privatnosti </strong>opisuju kako prikupljamo, upotrebljavamo i obra膽ujemo va&scaron;e podatke, uklju膷uju膰i i osobne podatke, u vezi s va&scaron;im pristupom i kori&scaron;tenjem portala <a href="https://www.klix.ba">www.klix.ba</a>. - putem web stranice i/ili aplikacije.</p> <p>Na&scaron;e usluge ponekad sadr啪e linkove na usluge drugih kompanija. Te kompanije imaju vlastita pravila o za&scaron;titi privatnosti i kori&scaron;tenju kola膷i膰a, stoga imajte na umu da 膰e informacije koje na taj na膷in dajete, biti regulirane njihovim pravilima. Svakako provjerite i njihova pravila o za&scaron;titi privatnosti, kako biste znali kako 膰e upotrebljavati va&scaron;e podatke.</p> <p>Mi smo veoma predani 膷uvanju informacija o vama i va&scaron;oj obitelji. Na&scaron; tim poduzima sve razumne napore kako bismo brinuli o va&scaron;oj informacijskoj sigurnosti i privatnosti. Istodobno, nijedna usluga odnosno razmjena informacija putem Interneta nije potpuno sigurna. To je razlog zbog kojeg ne mo啪emo jam膷iti sigurnost svih osobnih podataka koje dostavite (naro膷ito dok su ti podaci jo&scaron; u tranzitu), zbog 膷ega je va啪no da razumijete da u膷itavanje takvih podataka vr&scaron;ite na vlastitu odgovornost. Ako imate razloga misliti da su va&scaron; korisni膷ki ra膷un ili osobni podaci izlo啪eni riziku, na primjer ako je netko mogao saznati va&scaron;u lozinku, odmah nam se javite, putem mail adrese <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d7b3b2a197bcbbbeaff9b5b6">[email protected]</a>.</p> <p>Popunjavanjem na&scaron;ih obrazaca za registraciju - na primjer putem na&scaron;ih web stranica ili mobilnih aplikacija ("aplikacije") ili ponovljenim kori&scaron;tenjem na&scaron;ih usluga, pristajete na kori&scaron;tenje va&scaron;ih osobnih podataka u skladu s ovim pravilima.</p> <p>Kontrolor podataka je dru&scaron;tvo InterSoft d.o.o. Sarajevo, Zmaja od Bosne 7, 71000 Sarajevo.</p> <p><strong>1. &emsp; PODACI KOJE PRIKUPLJAMO</strong></p> <p>Postoje tri op膰e kategorije informacija koje prikupljamo.</p> <p><strong>1.1 &emsp; Informacije koje nam dajete</strong></p> <p><strong>&emsp; 1.1.1 &emsp; Informacije potrebne za kori&scaron;tenje Klixa</strong></p> <p>Kada se registrirate kao korisnik Klixa odnosno kada koristite na&scaron;u web stranicu ili aplikaciju prikupljamo odre膽ene osobne podatke o vama. Ove informacije se koriste kako bi smo vam pru啪ali usluge internetskog novinarstva i druge usluge, radi provo膽enja marketin&scaron;kih aktivnosti, kao i radi analize na膷ina na koji posjetioci koriste na&scaron;u web stranicu i aplikaciju. <strong>Informacije za otvaranje korisni膷kog ra膷una</strong> - kada se prijavite kao korisnik Klixa, prikupljamo informacije kao &scaron;to su: va&scaron;e ime, prezime, adresa e-po&scaron;te i datum ro膽enja i sl. U odre膽enim slu膷ajevima i u ograni膷enom obimu prikupljamo podatke sa va&scaron;ih profila na dru&scaron;tvenim mre啪ama (ukoliko se putem tih profila prijavljujete kao korisnik Klixa). Tako膽er, prilikom prijavljivanja mo啪ete odabrati da unesete korisni膷ko ime koje 膰ete koristiti kada postavljate sadr啪aj ili komentare u za to odre膽ene sekcije.</p> <p><strong>Profil</strong> - da biste upotrebljavali odre膽ene zna膷ajke Klixa, od vas mo啪emo tra啪iti dodatne informacije, &scaron;to mo啪e uklju膷ivati va&scaron;u adresu, telefonski broj, fotografije i profilnu sliku .</p> <p><strong>Podaci o potvrdi identiteta</strong> - da bismo stvorili i odr啪ali pouzdano i sigurno okru啪enje, mo啪emo prikupljati podatke sa svrhom provjere va&scaron;eg identiteta (kao &scaron;to su slike va&scaron;e izdane osobne iskaznice, putovnica, ili voza膷ka dozvola, kada to dopu&scaron;taju va啪e膰i propisi) ili druge podatke o autenti膷nosti.</p> <p><strong>Komunikacije s Klixom i ostalim korisnicima Klixa</strong> - kada komunicirate s ovla&scaron;tenim osobama Klixa odnosno Klixom ili koristite stranicu Klix a za komunikaciju s drugim korisnicima, prikupljamo informacije o va&scaron;oj komunikaciji i svim informacijama koje ste na taj na膷in odlu膷ili pru啪iti.</p> <p><strong>&emsp; 1.1.2 &emsp; Podaci koje ste nam poslali</strong></p> <p>Mo啪ete nam poslati i neke dodatne osobne podatke kako bismo uspostavili mogu膰nost za bolji korisni膷ki do啪ivljaj odnosno personalizirali na&scaron;e usluge u odnosu na vas. Ove se dodatne informacije obra膽uju na temelju va&scaron;eg pristanka.</p> <p><strong>Dodatne informacije o korisni膷kom ra膷unu</strong> - mo啪ete odabrati da dostavite odatne informacije, kao dio va&scaron;eg korisni膷kog ra膷una (kao &scaron;to su spol, 啪eljeni jezik, grad i osobni opis). Neke od tih informacija navedenih u postavkama ra膷una dio su va&scaron;e stranice javnog profila i bit 膰e javno vidljive drugima.</p> <p><strong>Drugi podaci</strong> - mo啪ete nam dati i druge informacije, prilikom popunjavanja obrazaca, provo膽enja pretra啪ivanja, a啪uriranja ili dodavanja informacija va&scaron;em korisni膷kom ra膷unu, odgovaranja na ankete, objavljivanja na forumima, sudjelovanja u promocijama ili kori&scaron;tenja drugih zna膷ajki Klix-a. Tako膽er, mo啪ete odabrati opciju da primate notifikacije na va&scaron;em mobilnom ure膽aju putem aplikacije. Takve notifikacije mo啪ete pode&scaron;avati u postavkama aplikacije.</p> <p>Propisi Europske unije, kao i doma膰i propisi, utvr膽uju posebna pravila za obra膽ivanje "posebnih kategorija osobnih podataka", koji uklju膷uju rasno, nacionalno ili etni膷ko porijeklo, politi膷ko mi&scaron;ljenje ili strana膷ku pripadnost, religijsko ili drugo uvjerenje, te zanimaju li vas mu&scaron;karci ili 啪ene. Dopu&scaron;tamo vam da takve podatke objavite, kako bi ih mogli vidjeti ljudi koje vi odaberete (&scaron;to mo啪e uklju膷ivati i sve posjetitelje na&scaron;e web stranice). Mi takve podatke op膰enito ne obra膽ujemo osim u slu膷aju kada vi odaberete da dodate takve podatke odnosno u膷inite ih dostupnim drugima.</p> <p>Kada objavljujete informacije na forumu ili javno komentirate 膷lanak na nekoj od na&scaron;ih web lokacija, informacije koje objavite i va&scaron;e korisni膷ko ime javno su dostupni. Te informacije mogu pregledavati na mre啪i i prikupljati ih druge osobe. Mi nismo odgovorni za na膷in na koji druge osobe koriste te informacije. Kada u膷estvujete u takvim diskusijama odnosno objavljujete informacije na spomenuti na膷in, preporu膷ujemo da izbjegavate dijeljenje osobnih podataka, a posebno informacije koje se mogu koristiti za izravno identificiranje, kao &scaron;to su va&scaron;e ime, dob, adresa i ime poslodavca. Nismo odgovorni za privatnost identifikacijskih informacija koje objavite na web stranicama, &scaron;to uklju膷uje i informacije na forumu, u komentarima na 膷lanke ili na bilo kojim drugim javno dostupnim dijelovima web stranica.</p> <p><strong>1.2 &emsp; Informacije koje automatski prikupljamo prilikom va&scaron;eg kori&scaron;tenja Klixa</strong></p> <p>Kada koristite Klix, automatski prikupljamo neke informacije, uklju膷uju膰i osobne podatke, o uslugama koje koristite i na膷inu na koji ih upotrebljavate. Ove informacije potrebne su za odgovaraju膰e izvr&scaron;enje ugovora izme膽u vas i nas, kako bismo postupali u skladu sa na&scaron;im pravnim i zakonskim obvezama i imaju膰i u vidu na&scaron; legitiman interes za pru啪anje i pobolj&scaron;anje usluga Klixa. <strong>Informacije o geografskoj lokaciji</strong> - kada koristite odre膽ene usluge Klixa, mo啪emo prikupiti informacije o va&scaron;oj preciznoj ili pribli啪noj lokaciji, kako je ona odre膽ena podacima poput va&scaron;e IP adrese ili GPS-a mobilnog ure膽aja. Ve膰ina mobilnih ure膽aja omogu膰uje vam da upravljate ili onemogu膰ite upotrebu usluga lokacije za aplikacije, u izborniku postavki ure膽aja. Klix mo啪e prikupljati te podatke 膷ak i kada ne upotrebljavate aplikaciju, ako je ta veza omogu膰ena putem va&scaron;ih postavki ili dozvola za ure膽aj.</p> <p><strong>Informacije o na膷inu kori&scaron;tenja Klixa</strong> - prikupljamo informacije o va&scaron;im interakcijama putem Klixa, kao &scaron;to su stranice ili sadr啪aj koji pregledavate, pretra啪ivanja za ispis i druge radnje na Klixu.</p> <p><strong>Zapisnik podataka i podataka o ure膽aju</strong> - automatski prikupljamo podatke o zapisima i podatke o ure膽aju, kada pristupate i koristite Klix, 膷ak i ako niste otvorili korisni膷ki ra膷un ili niste prijavljeni. Ti podaci uklju膷uju, izme膽u ostalog, pojedinosti o tome kako ste koristili Klix (uklju膷uju膰i kori&scaron;tenje linkova na web stranice odnosno aplikacije tre膰ih strana), IP adresu (numeri膷ki kod za identificiranje va&scaron;eg ure膽aja koji mo啪e sadr啪ati informacije o zemlji, regionu, gradu i adresi na kojoj se nalazite), datume i vremena pristupa, podatke o hardveru i softveru, informacije o ure膽aju, jedinstvene identifikatore i podatke o kola膷i膰ima.</p> <p><strong>Kola膷i膰i i sli膷ne tehnologije</strong> - koristimo kola膷i膰e i druge sli膷ne tehnologije, kao &scaron;to su web-svjetionici, pikseli i identifikatori mobilnih ure膽aja. Mo啪emo dopustiti i na&scaron;im poslovnim partnerima da koriste ove tehnologije pra膰enja na Klixu ili anga啪irati druge da u na&scaron;e ime prate va&scaron;e pona&scaron;anje u vezi sa kori&scaron;tenjem na&scaron;e web stranice i aplikacije. Vi&scaron;e informacija o na&scaron;oj upotrebi ovih tehnologija potra啪ite u na&scaron;im pravilima o kola膷i膰ima.</p> <p><strong>1.3 &emsp; Informacije koje prikupljamo od tre膰ih strana</strong></p> <p>Klix mo啪e prikupljati informacije, uklju膷uju膰i i osobne podatke, koje drugi pru啪aju o vama, kada koriste Klix ili dobivaju informacije iz drugih izvora i kombiniraju ih s informacijama koje prikupljamo putem Klix-a. Ne kontroliramo, ne nadziremo i ne odgovaramo za na膷in na koji tre膰e osobe koje pru啪aju va&scaron;e podatke obra膽uju te podatke, a bilo koji zahtjev za informacijama o otkrivanju va&scaron;ih osobnih podataka treba uputiti tre膰im stranama.</p> <p><strong>Usluge tre膰e strane</strong> - ako povezujete, pove啪ete se ili se prijavite na Klix putem usluga tre膰e strane (npr. Google, Facebook), tre膰a strana mo啪e nam poslati podatke kao &scaron;to su registracijske i informacije o profilu te usluge. Ove informacije variraju i kontrolirani su od tre膰e strane ili su na to ovla&scaron;teni putem va&scaron;ih postavki privatnosti u toj usluzi.</p> <p><strong>Ostali izvori</strong> - u opsegu dopu&scaron;tenom primjenjivim zakonima, mo啪emo primiti dodatne informacije o vama, kao &scaron;to su demografski podaci ili podaci potrebni za otkrivanje prijevara, od pru啪atelja usluga tre膰ih strana i/ili partnera te ih kombinirati s na&scaron;im podacima o vama. Mo啪emo primati informacije o va&scaron;im iskustvima i interakcijama s na&scaron;im partnerskim oglasnim mre啪ama.</p> <p><strong>2. &emsp; KAKO KORISTIMO INFORMACIJE KOJE PRIKUPLJAMO</strong></p> <p>Upotrebljavamo, pohranjujemo i obra膽ujemo informacije, uklju膷uju膰i i osobne podatke, u svrhe boljeg razumijevanja va&scaron;ih interesa i preferencija, pobolj&scaron;anja i razvoja Klixa, mjerenja i pobolj&scaron;anja ogla&scaron;avanja i marketinga, stvaranja i odr啪avanja pouzdane i sigurnije okoline te sa svrhom ostvarivanja na&scaron;ih pravnih i zakonskih obveza, uklju膷uju膰i i sljede膰e:</p> <p><strong>2.1 &emsp; Pru啪anje usluga, pobolj&scaron;anje i razvoj Klixa</strong></p> <ul> <li>Omogu膰ujemo vam pristup i kori&scaron;tenje Klixa ;</li> <li>Omogu膰ujemo vam komuniciranje s drugim korisnicima;</li> <li>Djelujemo, &scaron;titimo, pobolj&scaron;avamo i optimiziramo Klix i va&scaron;e korisni膷ko iskustvo, primjerice obavljanjem analiza i provo膽enjem istra啪ivanja;</li> <li>Pru啪amo vam korisni膷ku podr&scaron;ku;</li> <li>&Scaron;aljemo vam poruke o uslugama ili korisni膷koj podr&scaron;ci, a啪uriranja, sigurnosna upozorenja i obavijesti o ra膷unu;</li> <li>Da bismo bili u mogu膰nosti pru啪ati kvalitetnu uslugu, za&scaron;tititi, pobolj&scaron;ati i optimizirati Klix, te personalizirati i prilagoditi va&scaron;e korisni膷ko iskustvo (kao &scaron;to su prijedlozi za unos ili rangiranje rezultata pretra啪ivanja), mo啪emo provoditi profiliranje na temelju va&scaron;ih interakcija s Klixom, povijesti pretra啪ivanja i provedenih kupnji, podataka o va&scaron;em profilu i postavkama te drugih sadr啪aja koji ste poslali Klixu;</li> </ul> <p>Obra膽ujemo ove informacije s obzirom na na&scaron; zakonski odnosno legitimni interes za funkcioniranje i pobolj&scaron;anje Klixa i iskustva na&scaron;ih korisnika, bolje razumijevanja na&scaron;ih korisnika, promociju na&scaron;ih usluga i upravljanje na&scaron;om web stranicom i aplikacijama sa ciljem efikasnog kreiranja, publiciranja i distribuiranja vijesti, medijskog i drugog vezanog 啪urnalisti膷kog sadr啪aja, kao i kada je to potrebno radi odgovaraju膰e provedbe ugovora s vama.</p> <p><strong>2.2 &emsp; Stvaranje i odr啪avanje pouzdanog i sigurnijeg okru啪enja</strong></p> <ul> <li>Otkrivanje i spre膷avanje prijevara, ne啪eljene po&scaron;te, zloupotrebe, sigurnosnih incidenata i drugih &scaron;tetnih aktivnosti;</li> <li>Provodimo sigurnosne istrage i procjenu rizika;</li> <li>Provodimo provjeru podataka ili identifikacijskih podataka;</li> <li>Pridr啪avamo se na&scaron;ih zakonskih obveza;</li> <li>Provedimo na&scaron;a Pravila kori&scaron;tenja i druga pravila;</li> <li>U vezi s gore navedenim aktivnostima, mo啪emo provesti profiliranje na temelju va&scaron;ih interakcija s Klixom, va&scaron;im informacijama o korisni膷kom ra膷unu i ostalim sadr啪ajima koje dostavite Klixu te na temelju informacija dobivenih od tre膰ih strana. U ograni膷enim slu膷ajevima, automatizirani procesi mogu ograni膷iti ili obustaviti pristup Klixu, ako takvi procesi otkriju korisnika ili aktivnosti za koje smatramo da predstavljaju sigurnosni ili drugi rizik za Klix, druge korisnike ili tre膰e strane.</li> </ul> <p>Ove informacije obra膽ujemo s obzirom na na&scaron; zakoniti odnosno legitimni interes u za&scaron;titi Klixa, kako bismo mjerili adekvatnu provedbu na&scaron;ih obveza prema vama i u skladu s primjenjivim zakonima.</p> <p><strong>2.3 &emsp; Pru啪anje, prilagodba, mjerenje i pobolj&scaron;anje ogla&scaron;avanja i marketinga</strong></p> <ul> <li>&Scaron;aljemo vam promotivne poruke, oglase i druge informacije koje bi vam mogle biti od interesa na temelju va&scaron;ih preferencija (uklju膷uju膰i informacije o najnovijim vijestima, Klixu ili partnerskim kampanjama i uslugama) i oglase dru&scaron;tvenih mre啪a, putem platformi dru&scaron;tvenih mre啪a, kao &scaron;to su Facebook ili Google, ili putem na&scaron;ih partnera u ogla&scaron;avanju;</li> <li>Prilago膽avamo, mjerimo i pobolj&scaron;avamo na&scaron;e ogla&scaron;avanje;</li> <li>Upravljamo programima preporuka, nagradama, anketama, nagradnim igrama, natjecanjima ili drugim promotivnim aktivnostima ili doga膽ajima, koje sponzorira ili kojima upravlja Klix, njegovi partneri ili tre膰e strane.;</li> <li>Provodimo profiliranje va&scaron;ih osobina i preferencija (na temelju informacija koje ste nam dali, va&scaron;e interakcije s Klixom, informacija dobivenih od tre膰ih strana i va&scaron;e povijesti pretra啪ivanja, kako bi smo vam slali poruke, oglase i druge relevantne informacije za koje ocijenimo da bi vam mogli biti od interesa;</li> </ul> <p>Obra膽ujemo prikupljene podatke za svrhe navedene u ovom odjeljku, s obzirom na na&scaron; zakonski odnosno legitimni interes za obavljanje marketin&scaron;kih aktivnosti, kako bismo vam ponudili proizvode ili usluge koje bi mogle biti predmet va&scaron;ih interesa.</p> <p><strong>2.4 &emsp; Kontaktiranje</strong></p> <p>Mo啪emo upotrijebiti va&scaron;e podatke kako bismo vas kontaktirali o razli膷itim stvarima, kao &scaron;to su:</p> <ul> <li>obavijesti o promjenama Klixovih pravila i Uvjeta kori&scaron;tenja;</li> <li>provjere u vezi sa uslugama ili aktivnostima za koje ste se prijavili;</li> <li>odgovoriti vam kada ste nas kontaktirali ili odgovoriti na va&scaron; upit, komentar ili pritu啪bu;</li> <li>slanje obavijesti na va&scaron;em ure膽aju ako ste takvu opciju odabrali u svojim postavkama</li> </ul> <p>Kontaktirat 膰emo vas samo kada je to potrebno ili kada nam date svoje dopu&scaron;tenje.</p> <p><strong>3. &emsp; DIJELJENJE I OTKRIVANJE</strong></p> <p>Nikada ne膰emo prodavati va&scaron;e osobne podatke. Dijelimo ih s drugima na sljede膰e na膷ine:</p> <p><strong>3.1 &emsp; Uz va&scaron;u suglasnost</strong></p> <p>Tamo gdje ste dali suglasnost, dijelimo va&scaron;e podatke, uklju膷uju膰i i osobne podatke, kako je opisano u trenutku pristanka, kao &scaron;to je slu膷aj kada ovlastite aplikaciju ili web stranicu tre膰e strane za pristup va&scaron;em Korisni膷kom ra膷unu ili kada sudjelujete u promotivnim aktivnostima koje provode partneri Klixa ili tre膰e strane.</p> <p><strong>3.2 &emsp; Profili i druge javne informacije</strong></p> <p>Klix vam omogu膰uje objavljivanje informacija, uklju膷uju膰i i osobne podatke, koje su vidljive &scaron;iroj javnosti. Na primjer:</p> <ul> <li>Dijelovi va&scaron;eg javnog korisni膷kog ra膷una na Klixu kao &scaron;to su va&scaron;e ime, broj telefona, opis, grad i drugi podaci koje se odlu膷ite unijeti javno su vidljivi drugima;</li> <li>Ako po&scaron;aljete sadr啪aj u zajednicu ili forum za raspravu, blog ili dru&scaron;tvenu medijsku po&scaron;tu ili koristite sli膷nu zna膷ajku na Klixu, taj je sadr啪aj javno vidljiv;</li> <li>Kada ne&scaron;to javno objavite, poput objavljivanja komentara koje javnost mo啪e vidjeti.</li> </ul> <p>Informacije koje javno podijelite na Klixu mogu se indeksirati pomo膰u tra啪ilica tre膰e strane. U nekim slu膷ajevima mo啪ete isklju膷iti ovu zna膷ajku u postavkama ra膷una. Ako promijenite postavke ili sadr啪aj koji se javno prikazuje te tra啪ilice mo啪da ne膰e a啪urirati svoje baze podataka. Ne kontroliramo praksu tra啪ilica tre膰ih strana i oni mogu koristiti spremi&scaron;ta koja sadr啪e va&scaron;e zastarjele podatke.</p> <p><strong>3.3 &emsp; Uskla膽enost sa zakonom, odgovaranje na pravne zahtjeve, sprje膷avanje &scaron;tete i za&scaron;tita na&scaron;ih prava</strong></p> <p>Klix mo啪e dostaviti va&scaron;e podatke, uklju膷uju膰i i osobne podatke, sudovima, policijskim tijelima ili vladinim tijelima ili ovla&scaron;tenim tre膰im stranama, ukoliko smo i u onoj mjeri u kojoj smo zakonski obvezani ili je to zakonski dopu&scaron;teno, ili ako je takvo otkrivanje razumno potrebno radi: (i) udovoljavanja na&scaron;im zakonskim obvezama, (ii) pravnih postupaka i odgovora na zahtjeve usmjerene protiv Klixa, (iii) odgovaranja na provjerene zahtjeve vezane za kaznene istrage ili navodnu ili sumnjivu ilegalnu aktivnost ili bilo koju drugu aktivnost koja nas ili na&scaron;e korisnike mo啪e izlo啪iti odgovornosti za &scaron;tetu, (iv) provo膽enja i upravljanja na&scaron;im Uvjetima kori&scaron;tenja ili drugim ugovorima s korisnicima, ili (v) za&scaron;tite prava, imovine ili osobne sigurnosti Klixa, njegovih zaposlenika, korisnika ili 膷lanova javnosti.</p> <p>Tamo gdje je to prikladno, mo啪emo obavijestiti korisnike o takvim pravnim zahtjevima, osim ako: (i) je takva obavijest zabranjena sama po sebi, sudskim nalogom ili primjenjivim zakonom, ili (ii) smatramo da bi obavje&scaron;tavanje bilo uzaludno, neu膷inkovito, stvaralo rizik od povrede ili tjelesne ozljede pojedincu ili grupi, ili stvaralo ili pove膰avalo rizik od prijevare prema ili na&scaron;im korisnicima. U slu膷ajevima u kojima postupamo u skladu sa zakonskim zahtjevima, bez prethodne obavijesti iz nekog od navedenih razloga, poku&scaron;at 膰emo obavijestiti korisnika o zahtjevu, nakon &scaron;to je ispunjen i kada, u dobroj vjeri, utvrdimo da u tome vi&scaron;e nismo sprije膷eni.</p> <p><strong>3.4 &emsp; Pru啪atelji usluga</strong></p> <p>Klix koristi razli膷ite pru啪atelje usluga i tehnologije tre膰ih strana (npr. Google, Facebook i sl.) koje nam poma啪u pru啪ati usluge vezane uz Klix. Neke tvrtke koje nam pru啪aju usluge nalaze se izvan Europske unije. To dopu&scaron;tamo samo ako smo zadovoljni njihovom razinom sigurnosti pri za&scaron;titi podataka. Kada nam dajete svoje podatke, imajte na umu da bi se oni mogli prenijeti, pohraniti ili obra膽ivati na lokaciji izvan EEA odnosno u dr啪avama koje ne osiguravaju adekvatne mjere za&scaron;tite utvr膽ene BiH ili EU legislativom.</p> <p>Pru啪amo zbirne statisti膷ke podatke i uvide koji poma啪u ljudima i kompanijama razumjeti kako ljudi reagiraju na njihove objave, ponude, stranice i drugi sadr啪aj na Klixu i izvan njega.</p> <p><strong>&emsp; 3.4.1 &emsp; Ogla&scaron;iva膷i</strong></p> <p>Ogla&scaron;iva膷ima pru啪amo izvje&scaron;膰a o profilu osoba koje vide njihove oglase i o u膷inku njihovih oglasa ali ne dijelimo podatke koji vas osobno identificiraju (podaci kao &scaron;to su va&scaron;e ime ili adresa e-po&scaron;te, koji se sami mogu upotrijebiti kako bi vas se kontaktiralo ili identificiralo) osim ako nam date dopu&scaron;tenje. Pru啪amo op膰e demografske podatke i podatke koji zanimaju ogla&scaron;iva膷e (na primjer, da je oglas vidjela osoba koja 啪ivi u Splitu) kako bismo im pomogli bolje razumjeti njihovu publiku. Tako膽er potvr膽ujemo koji su oglasi na Klixu doveli do kupnje ili aktivnosti u vezi s ogla&scaron;iva膷em.</p> <p><strong>&emsp; 3.4.2 &emsp; Partneri za mjerenja</strong></p> <p>Dijelimo podatke o vama s dru&scaron;tvima koja ih agregiraju kako bi pru啪ila analiti膷ka i mjerna izvje&scaron;膰a nama i na&scaron;im partnerima.</p> <p><strong>&emsp; 3.4.3 &emsp; Prodavatelji i pru啪atelji usluga</strong></p> <p>Pru啪amo podatke i sadr啪aj prodavateljima i pru啪ateljima usluga koji podr啪avaju na&scaron;e poslovanje, kao primjerice pru啪anjem usluga tehni膷ke infrastrukture, analizom na膷ina upotrebe na&scaron;ih proizvoda, pru啪anjem korisni膷ke podr&scaron;ke, omogu膰avanjem pla膰anja ili provedbom anketa.</p> <p><strong>&emsp; 3.4.4 &emsp; Tijela za provedbu zakona ili pravni zahtjevi</strong></p> <p>Kada je to nu啪no radi postupanja u skladu sa odredbama primjenjivih zakona i propisa, odnosno na temelju pravnih zahtjeva, dijelimo va&scaron;e podatke s tijelima za provedbu zakona.</p> <p><strong>3.5 &emsp; Dru&scaron;tvene mre啪e</strong></p> <p>Tamo gdje je dopu&scaron;teno prema primjenjivom zakonu, mo啪emo koristiti odre膽ene ograni膷ene osobne podatke o vama kako bismo ih podijelili s platformama dru&scaron;tvenih ili drugih mre啪a, kao &scaron;to su Facebook ili Google, radi generiranja potencijalnih kupaca, privla膷enja prometa na na&scaron;e web stranice ili drugog na膷ina promoviranja na&scaron;ih usluga ili Klixa op膰enito. Ove se aktivnosti obrade temelje na na&scaron;em legitimnom interesu za obavljanje marketin&scaron;kih aktivnosti, kako bismo vam ponudili proizvode ili usluge koji mogu biti dijelom va&scaron;eg interesa.</p> <p>Klix ne kontrolira niti nadzire dru&scaron;tvene medijske platforme s kojima mo啪emo dijeliti va&scaron;e osobne podatke. Stoga sva pitanja o na膷inu na koji va&scaron; davatelj usluga platforme dru&scaron;tvenih medija obra膽uje va&scaron;e osobne podatke treba uputiti takvom pru啪atelju usluga.</p> <p><strong>3.6 &emsp; Poslovni transferi</strong></p> <p>Ako se Klix obve啪e ili budu uklju膷en u bilo koji postupak spajanja, pripajanja, stjecanja, reorganizacije, prodaje imovine ili ste膷ajnog postupka, tada mo啪emo prodati, prenositi ili dijeliti dio ili cjelokupnu na&scaron;u imovinu, uklju膷uju膰i va&scaron;e podatke koji su vezani uz takvu transakciju ili u poku&scaron;aj takve transakcije (npr. due diligence). O tome 膰emo vas obavijestiti prije prijenosa va&scaron;ih osobnih podataka i prije nego &scaron;to va&scaron;i osobni podaci budi podlo啪ni eventualno druga膷ijim pravilima o za&scaron;titi privatnosti.</p> <p><strong>3.7 &emsp; Skupni podaci</strong></p> <p>Mo啪emo tako膽er dijeliti agregirane/skupne informacije (informacije o na&scaron;im korisnicima koje kombiniramo tako da vi&scaron;e ne identificiraju ili ne referiraju na pojedina膷ne korisnike) i druge anonimizirane informacije za regulatornu uskla膽enost, analizu tr啪i&scaron;ta, demografsko profiliranje, marketing i ogla&scaron;avanje, te u druge poslove svrhe.</p> <p><strong>4. &emsp; OSTALE VA沤NE INFORMACIJE</strong></p> <p><strong>4.1 &emsp; Analiza va&scaron;ih komunikacija</strong></p> <p>Mo啪emo pregledati, skenirati ili analizirati va&scaron;e komunikacije na Klixu ili na stranicama Klixa na dru&scaron;tvenim mre啪ama, za prevenciju prijevara, procjenu rizika, uskla膽enosti s propisima, istra啪ivanje, razvoj proizvoda i korisni膷ku podr&scaron;ku. Primjerice, kao dio na&scaron;ih prevencijskih napora, skeniramo i analiziramo poruke kako bismo za&scaron;titili podatke o kontaktima i reference na druge web stranice. U nekim 膰emo slu膷ajevima mo啪da skenirati, pregledati ili analizirati poruke kako bismo ispravili, pobolj&scaron;ali i pro&scaron;irili ponudu na&scaron;ih proizvoda odnosno usluga. Koristimo automatizirane metode gdje je razumno mogu膰e. Me膽utim, ponekad 膰emo morati ru膷no pregledati neke komunikacije, kao &scaron;to su slu膷ajevi radi provjera prijevara i korisni膷ke podr&scaron;ke ili kako bismo procijenili i pobolj&scaron;ali funkcionalnost automatiziranih alata. Ne膰emo pregledavati, skenirati ili analizirati va&scaron;e komunikacije kako bismo vam poslali marketin&scaron;ke poruke tre膰e strane, a ne膰emo niti prodavati recenzije niti analize tih komunikacija.</p> <p>Te se aktivnosti provode na temelju na&scaron;eg legitimnog interesa za osiguravanje uskla膽enosti s primjenjivim zakonima i na&scaron;im Uvjetima, sprje膷avanje prijevara, promicanje sigurnosti i pobolj&scaron;anje i osiguravanje odgovaraju膰e izvedbe na&scaron;ih usluga.</p> <p><strong>5. &emsp; PARTNERI - TRE膯ESTRANE</strong></p> <p>Klix mo啪e sadr啪avati veze s web stranicama ili uslugama tre膰ih strana, kao &scaron;to su integracije tre膰ih strana ili druge usluge tre膰e strane ("partneri - tre膰e strane"). Klix ne posjeduje niti kontrolira ove partnere - tre膰e strane i kada stupite u interakciju s njima, mo啪ete pru啪ati informacije izravno partnerima - tre膰im stranama, Klixu ili oboje. Ovi partneri - tre膰e strane imat 膰e svoja pravila o prikupljanju, kori&scaron;tenju i otkrivanju informacija. Preporu膷ujemo da pregledate pravila o privatnosti drugih web stranica koje posje膰ujete.</p> <p><strong>6. &emsp; VA&Scaron;A PRAVA</strong></p> <p>Za sva pitanja i ostvarivanje prava navedenih u ovom odjeljku mo啪ete nam se obratiti slanjem elektroni膷ke po&scaron;te na adresu <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="45212033052e292c3d6b2724">[email protected]</a>. Imajte na umu da mo啪emo od vas tra啪iti da potvrdite svoj identitet, prije poduzimanja daljnjih radnji na va&scaron; zahtjev.</p> <p><strong>6.1 &emsp; Upravljanje va&scaron;im informacijama</strong></p> <p>Mo啪ete pristupiti i a啪urirati neke svoje podatke putem postavki korisni膷kog ra膷una. Ako ste odabrali povezivanje na Klix putem aplikacije tre膰e strane, kao &scaron;to je Facebook ili Google, mo啪ete promijeniti postavke i ukloniti dozvolu za aplikaciju mijenjanjem postavki ra膷una. Vi ste odgovorni za a啪uriranje va&scaron;ih osobnih podataka.</p> <p><strong>6.2 &emsp; Ispravak neto膷nih ili nepotpunih podataka</strong></p> <p>Imate pravo zatra啪iti da ispravimo neto膷ne ili nepotpune osobne podatke o vama (a koje ne mo啪ete a啪urirati izravno na va&scaron;em korisni膷kom ra膷unu).</p> <p><strong>6.3 &emsp; Zadr啪avanje i brisanje podataka</strong></p> <p>Period 膷uvanja va&scaron;ih osobnih podataka ovisi o svrsi obrade, kao &scaron;to je navedeno u ovim pravilima o za&scaron;titi privatnosti. Na primjer, ukoliko su nam va&scaron;i podaci potrebni radi davanja odgovora na va&scaron;e upite o uslugama ili proizvodima, va&scaron;e osobne podatke 膰emo 膷uvati sve dok koristite na&scaron; proizvod ili uslugu. Tako膽er, kada postoji potreba da va&scaron;e osobne podatke obra膽ujemo u ra膷unovodstvene svrhe, 膷uvat 膰emo ih dok za to postoje validni razlozi. Nakon &scaron;to 膷uvanje odnosno obrada va&scaron;ih podataka vi&scaron;e ne bude potrebna za ispunjenje svrhe u koju su podaci prikupljeni i obra膽ivani, izbrisat 膰emo ih ili anonimizirati uklanjanjem svih pojedinosti koje vas identificiraju. Ako smo zatra啪ili va&scaron;u suglasnost za obradu va&scaron;ih osobnih podataka i nemamo drugih zakonskih osnova da nastavimo s obradom, a vi povu膷ete suglasnost, izbrisat 膰emo va&scaron;e osobne podatke. Me膽utim, kada se odjavite sa liste primatelja marketin&scaron;kih poruka, zadr啪at 膰emo va&scaron;u e-mail adresu kako bismo osigurali da vam u budu膰nosti ne &scaron;aljemo marketin&scaron;ki materijal.</p> <p><strong>6.4 &emsp; Dostavljanje prigovora</strong></p> <p>Imate pravo podnijeti prigovor na aktivnosti obrade podataka od strane Klixa, pred Agencijom za za&scaron;titu osobnih podataka BiH (AZOP BiH). Ukoliko se nalazite na podru膷ju EU, prigovor mo啪ete podnijeti nadle啪nim regulatornim tijelima za za&scaron;titu osobnih podataka u EU ili AZOP BiH .</p> <p><strong>7. &emsp; SIGURNOST</strong></p> <p>Kontinuirano provodimo i a啪uriramo administrativne, tehni膷ke i fizi膷ke mjere sigurnosti kako bismo za&scaron;titili va&scaron;e podatke od neovla&scaron;tenog pristupa, gubitka, uni&scaron;tenja ili izmjene. Ako znate ili imate razloga vjerovati da su va&scaron;i podaci za uspostavu korisni膷kog ra膷una izgubljeni, ukradeni, zloupotrijebljeni ili na drugi na膷in ugro啪eni ili, u slu膷aju bilo kakve stvarne povrede ili sumnje na neovla&scaron;tenu upotrebu va&scaron;eg korisni膷kog ra膷una, odmah nas kontaktirajte.</p> <p><strong>8. &emsp; PROMJENE OVIH PRAVILA</strong></p> <p>Klix pridr啪ava pravo izmjene ovih Pravila o za&scaron;titi privatnosti, u bilo kojem trenutku, u skladu s ovom odredbom. Ako promijenimo ova Pravila, objavit 膰emo izmijenjena Pravila o za&scaron;titi privatnosti na web stranicama Klixa i a啪urirati datum zadnje izmjene. Ako se ne sla啪ete s izmijenjenom Pravilima o za&scaron;titi privatnosti, mo啪ete otkazati svoj ra膷un. Ako ne otka啪ete svoj ra膷un prije datuma kada izmijenjena Pravila o za&scaron;titi privatnosti stupaju na snagu, va&scaron; daljnji pristup i kori&scaron;tenje Klixu bit 膰e podlo啪no revidiranim Pravilima o za&scaron;titi privatnosti.</p> <p><strong>9. &emsp; KONTAKTIRAJTE NAS</strong></p> <p>Ako imate bilo kakvih pitanja ili pritu啪bi u vezi s ovim Pravilima o za&scaron;titi privatnosti ili na&scaron;im postupcima obrade va&scaron;ih podataka, mo啪ete nam poslati e-po&scaron;tu ili nas kontaktirati na:</p> <p>InterSoft d.o.o. Sarajevo<br>Zmaja od Bosne 7<br>71000 Sarajevo</p> <p>e-mail: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b0d4d5c6f0dbdcd9c89ed2d1">[email protected]</a></p> <p><strong>POLITIKA KORI&Scaron;TENJA KOLA膶I膯A</strong></p> <p><strong>1. &emsp; &Scaron;to su kola膷i膰i i tehnologije pra膰enja?</strong></p> <p>Kola膷i膰i (engl. cookies) su mali paketi podataka koji se upotrebljavaju za pohranu i primanje anonimnih identifikatora te drugih podataka o ra膷unalima, telefonima i ostalim ure膽ajima. Druge tehnologije, uklju膷uju膰i podatke koje pohranjujemo u web-pregledniku ili na ure膽aju, identifikatore povezane s ure膽ajem i drugi softver, tako膽er se upotrebljavaju se za sli膷ne svrhe. U ovim pravilima sve te tehnologije nazivamo &bdquo;kola膷i膰ima".</p> <p>Kola膷i膰i nam poma啪u pru啪ati, za&scaron;tititi i pobolj&scaron;ati na&scaron;e proizvode, primjerice personalizacijom sadr啪aja, prilago膽avanjem i mjerenjem oglasa te omogu膰avanjem sigurnijeg okru啪enja. Premda se kola膷i膰i koje upotrebljavamo mogu povremeno mijenjati u skladu s pobolj&scaron;anjima i a啪uriranjima, upotrebljavamo ih za sljede膰e svrhe:</p> <ul> <li>kako bi se sjetili informacija o vama, tako da nam ih ne morate ponovno davati;</li> <li>kako biste mogli ostati prijavljeni, 膷ak i na razli膷itim ure膽ajima;</li> <li>kako bi nam pomogli da shvatimo na膷ine na koje ljudi koriste na&scaron;e usluge i kako bismo ih mogli pobolj&scaron;ati;</li> <li>da bismo za&scaron;titili va&scaron; korisni膷ki ra膷un i podatke;</li> <li>kola膷i膰i nam poma啪u prikazivati oglase i davati relevantne preporuke za poduze膰a i druge organizacije osobama koje bi mogle biti zainteresirane za njihove proizvode, usluge ili ciljeve;</li> <li>kako bi nam pomogli da prilagodimo i personaliziramo Klix, sje膰aju膰i se va&scaron;ih preferencija i postavki;</li> </ul> <p>Podaci pohranjeni kori&scaron;tenjem kola膷i膰a na Klixu ne sadr啪e osobne detalje iz kojih bi se mogao utvrditi identitet korisnika.</p> <p>Kori&scaron;tenje kola膷i膰a omogu膰ava i drugim organizacijama da nam pomognu pri analiziranju na膷ina na koji se na&scaron;a web stranica koristi, mjerenju broja posjetilaca na na&scaron;oj web stranici i prikazivanja marketin&scaron;kog materijala.</p> <p><strong>2. &emsp; Postoje razli膷ite vrste kola膷i膰a:</strong></p> <p><strong>&emsp;2.1 &emsp; Kola膷i膰i prve strane</strong></p> <p>Ovu vrstu kola膷i膰a postavlja web stranica koju posje膰ujete i samo ih ta web stranica mo啪e koristiti.</p> <p><strong>&emsp;2.2 &emsp; Kola膷i膰i tre膰e strane</strong></p> <p>Ove kola膷i膰e postavlja netko drugi, a ne vlasnik web stranice koju posje膰ujete. Klix mo啪e sadr啪avati sadr啪aje drugih stranica koji mogu postaviti svoje kola膷i膰e. Tako膽er, ako podijelite link na portalu Klix, usluga na kojoj ga dijelite (na primjer, Facebook) mo啪e postaviti kola膷i膰 u va&scaron;em pregledniku. Nemamo kontrolu nad kola膷i膰ima tre膰e strane - mo啪ete ih isklju膷iti ali ne putem nas.</p> <p><strong>&emsp;2.3 &emsp; Kola膷i膰i sesije</strong></p> <p>Ovi kola膷i膰i traju samo onoliko dugo koliko traje va&scaron;a mre啪na sesija i nestaju s va&scaron;eg ra膷unala ili ure膽aja prilikom zatvaranja preglednika.</p> <p><strong>&emsp;2.4 &emsp; Trajni kola膷i膰i</strong></p> <p>Ovi kola膷i膰i ostaju na va&scaron;em ra膷unalu ili ure膽aju i nakon &scaron;to zatvorite preglednik, a traju onoliko vremena koliko je odre膽eno u kola膷i膰u. Upotrebljavajmo trajne kola膷i膰e kada trebamo znati tko ste du啪e od jedne sesije pregledavanja. Na primjer, upotrebljavamo ih kako bi se sjetili va&scaron;ih postavki i sljede膰i put kada nas posjetite.</p> <p><strong>&emsp;2.5 &emsp; Neophodni kola膷i膰i</strong></p> <p>Ovi kola膷i膰i omogu膰uju vam kori&scaron;tenje razli膷itih dijelova Klixa. Bez njih vam ne mo啪emo pru啪iti usluge koje ste tra啪ili. Neki primjeri kako upotrebljavamo ove kola膷i膰e su: kada se prijavite na Klix, da bismo se sjetili stvari koje ste ve膰 u膷inili, na primjer - teksta koji ste unijeli u obrazac za registraciju, kako bi te informacije i dalje bile u膷itane kada se vratite na stranicu. Ova vrsta kola膷i膰a nam tako膽er poma啪e da memoriramo sigurnosne postavke koje utje膷u na pristup odre膽enom sadr啪aju. Ukoliko podesite va&scaron; preglednik tako da blokirate ovu vrstu kola膷i膰a, odre膽ene funkcije i usluge ne膰e funkcionirati u odnosu na vas.</p> <p><strong>&emsp;2.6 &emsp; Funkcionalni kola膷i膰i</strong></p> <p>Oni nam poma啪u da prilagodimo Klix, sje膰aju膰i se va&scaron;ih preferencija i postavki. Na primjer, da se sjetimo va&scaron;eg omiljenog sadr啪aja, da vam ne prikazujemo iste poruke koje se odnose samo na nove posjetitelje ili da se sjetimo nekih drugih postavki.</p> <p><strong>&emsp;2.7 &emsp; Kola膷i膰i izvedbe</strong></p> <p>Ova vrsta kola膷i膰a nam poma啪e da razumijemo kako posjetitelji koriste Klix, kako bismo se mogli pobolj&scaron;ati. Oni nam poma啪u da isprobavamo razli膷ite ideje. Ponekad koristimo i kola膷i膰e drugih kompanija (npr. kola膷i膰e Google Analytics) radi analize kako posjetitelji koriste Klix. Neki primjeri kako upotrebljavamo ove kola膷i膰e su: prikupljanje podataka o naj膷e&scaron;膰im posjetiteljima Klixa, kako bismo mogli pobolj&scaron;ati na&scaron;e online usluge ili kako bismo se pobrinuli da web-lokacija ispravno funkcionira i da popravlja sve eventualne pogre&scaron;ke, kako bi pobolj&scaron;ali izgled i dojam Klixa. Kola膷i膰i izvedbe se tako膽er koriste radi prikupljanja informacije o tome koji dijelovi na&scaron;e web stranice su najposje膰eniji i od koje vrste korisnika.</p> <p><strong>&emsp;2.8 &emsp; Kola膷i膰i za ogla&scaron;avanje</strong></p> <p>Radi se o kola膷i膰ima koje upotrebljavamo kako bi vam, prilikom posjete Klixa, mogli prikazati posebno ciljane oglase, ovisno o va&scaron;im preferencijama. Koristimo i mre啪e za ogla&scaron;avanje koje mogu pratiti va&scaron;e pregledavanje na razli膷itim web lokacijama. Primjera radi, ukoliko 膷esto pregledate 膷lanke o jelu i pi膰u Ova vrsta kola膷i膰a prikuplja informacije o va&scaron;im posjetima na&scaron;oj web stranici, sadr啪aju koji pregledate, linkovima koje ste koristili, kao i informacije o va&scaron;em pregledniku, ure膽aju i IP adresi.</p> <p><strong>3. &emsp; Koliko dugo traju kola膷i膰i?</strong></p> <p>Neki kola膷i膰i se bri&scaron;u kada zatvorite preglednik na svojoj web-lokaciji ili aplikaciji. Drugi ostaju du啪e, ponekad trajno, i spremljeni su na va&scaron; ure膽aj pa su tamo i kada ga ponovo koristite.</p> <p><strong>4. &emsp; Kako mogu kontrolirati svoje kola膷i膰e i pra膰enje?</strong></p> <p>Kada nas prvi put posjetite, obavijestit 膰emo vas o na&scaron;im kola膷i膰ima.</p> <p>Va&scaron; preglednik ili ure膽aj mogu sadr啪avati postavke koje vam omogu膰uju da odaberete ho膰e li se kola膷i膰i spremati u pregledniku, te mogu膰nosti brisanja kola膷i膰a. Dodatne informacije o tim kontrolama potra啪ite na stranicama vlasnika preglednika ili ure膽aja. Imajte na umu da, ako onemogu膰ite upotrebu kola膷i膰a u pregledniku, to mo啪e zna膷iti da ne mo啪ete pristupiti nekim uslugama Klixa ili da neki dio stranice ne膰e ispravno ili u punom obimu raditi za vas. Primjera radi, isklju膷ivanjem kola膷i膰a za ogla&scaron;avanje reducirat 膰ete broj oglasa prilago膽en za vas, iako 膰e se na va&scaron;em pregledniku i dalje prikazivati marketin&scaron;ki materijal, dijelom prema va&scaron;im preferencijama, a dijelom u op膰em obimu marketinga namijenjenog za sve posjetioce Klixa.</p> <p>Tako膽er postoje i alati tre膰ih strana putem kojih mo啪ete blokirati kola膷i膰e.</p> <p><strong>5. &emsp; Kako 膰u saznati o izmjenama ovih pravila?</strong></p> <p>Ponekad a啪uriramo svoja pravila koja se ti膷u upotrebe kola膷i膰a i za&scaron;tite osobnih podataka. Ako napravimo va啪ne izmjene, primjerice o tome kako upotrebljavamo va&scaron;e osobne podatke, obavijestit 膰emo vas. To mo啪e biti obavijest, elektroni膷ka po&scaron;ta ili poruka u va&scaron;oj aplikaciji.</p> <p><strong>6. &emsp; Kako mogu kontaktirati Klix?</strong></p> <p>Saznajte vi&scaron;e i kontaktirajte nas o svojim pravima:</p> <ul> <li>putem e-po&scaron;te: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a8cccddee8c3c4c1d086cac9">[email protected]</a>;</li> <li>po&scaron;tom: InterSoft d.o.o. Sarajevo, Zmaja od Bosne 7, 71000 Sarajevo</li> </ul> <p>"When you use our Klix.ba portal, we share information that we collect from you, such as your email (in hashed form), IP address or information about your browser or operating system, with our identity partners/service providers, including LiveRamp Inc. LiveRamp returns an online identification code that we may store in our first-party cookie for our use in online, in-app, and cross-channel advertising and it may be shared with advertising companies to enable interest-based and targeted advertising. To opt out of this use, please click here <a href="https://optout.liveramp.com/opt_out">https://optout.liveramp.com/opt_out</a> "</p> <p><em>Posljednja izmjena</em> <strong>30. decembar 2024</strong></p> </div> <br> <div class="text-white text-center hidden"></div> </div> </article> </div> <div class="fixed top-24" style="margin-left:650px; left:50%;">  <div id='desktop_skyscraper_right' style='min-width: 160px; min-height: 600px;'> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> googletag.cmd.push(function() { googletag.display('desktop_skyscraper_right'); }); </script> </div> </div> </div> <div class="container py-1 max-w-7xl mx-auto"> <div id='ads_footer' class="mx-auto my-1" style="display: none;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('ads_footer'); }); </script> </div> </div> <footer> <div class="max-w-7xl mx-auto py-1 px-2 overflow-hidden sm:px-6 lg:px-8 lg:py-6"> <nav class="grid grid-cols-2 md:grid-cols-none md:flex md:items-center md:justify-center inline-block" aria-label="Footer"> <div class="px-4 py-2"> <a href="https://www.klix.ba" class="text-tiny md:text-tiny text-gray-500 hover:text-gray-900">Po膷etna</a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/dojavi-vijest" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50">Dojavite vijest</a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/impressum" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Impressum </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/komentari" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Komentari </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/kontakt" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Kontakt </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/o-nama" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> O nama </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/marketing" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Ogla拧avanje </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/politika-privatnosti" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Privatnost </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/sigurnost-placanja" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Sigurnost </a> </div> </nav> <div class="mt-8 flex justify-center items-center space-x-6 text-tiny"> <div class="hidden md:inline-block text-gray-500"> Pratite nas </div> <a href="https://www.facebook.com/Klix.ba" class="text-gray-400 hover:text-gray-700"> <span class="sr-only">Facebook</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" /> </svg> </a> <a href="https://twitter.com/klixba" class="text-gray-400 hover:text-gray-700 dark:hover:text-gray-50"> <span class="sr-only">Twitter</span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="21px" viewBox="0 0 21 21" version="1.1"> <g id="surface1"> <path style=" stroke:#888;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 12.496094 8.886719 L 20.316406 0 L 18.464844 0 L 11.675781 7.71875 L 6.253906 0 L 0 0 L 8.199219 11.667969 L 0 20.988281 L 1.851562 20.988281 L 9.019531 12.839844 L 14.746094 20.988281 L 21 20.988281 Z M 9.960938 11.773438 L 9.128906 10.609375 L 2.519531 1.363281 L 5.367188 1.363281 L 10.699219 8.824219 L 11.53125 9.988281 L 18.464844 19.6875 L 15.617188 19.6875 Z M 9.960938 11.773438 "/> </g> </svg> </a> <a href="https://www.instagram.com/klixba/" class="text-gray-400 hover:text-gray-700 dark:hover:text-gray-50"> <span class="sr-only">Instagram</span> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg> </a> <a href="https://www.youtube.com/@klixportal" class="text-gray-400 hover:text-gray-700 dark:hover:text-gray-50"> <span class="sr-only">YouTube</span> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" width="24" height="24" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg> </a> <a href="https://www.linkedin.com/company/klixba/" class="text-gray-400 hover:text-gray-700 dark:hover:text-gray-50"> <span class="sr-only">YouTube</span> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg> </a> <a href="https://www.klix.ba/rss" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50">RSS</a> </div> <p class="mt-8 text-center text-xs md:text-sm text-gray-400"> Copyright 2000-2023 InterSoft d.o.o. Sarajevo. ISSN 2566-3771. Sva prava zadr啪ana. Zabranjeno preuzimanje sadr啪aja bez dozvole izdava膷a. </p> </div> </footer>  <script src='https://www.google.com/recaptcha/api.js'></script>  <div id="authentication-modal" tabindex="-1" aria-hidden="true" class="fixed top-12 md:top-12 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] md:h-full"> <div class="relative w-full h-full max-w-md md:h-auto">  <div class="relative bg-white rounded-lg shadow dark:bg-dark_light"> <button type="button" class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white" data-modal-hide="authentication-modal"> <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> <span class="sr-only">Close modal</span> </button> <div id="logindiv" class="px-6 py-6 lg:px-8"> <h3 class="mb-4 text-xl font-medium text-gray-900 dark:text-white">Prijavite se</h3> <div id="errorlogindiv" class="hidden text-center bg-red-100 text-tiny rounded p-2 text-red-600 font-semibold"></div> <script src="https://accounts.google.com/gsi/client" async defer></script> <div class="text-sm"> <div class="text-center mx-auto"> <div id="g_id_onload" data-client_id="831696778835-kqr5934gf7gmbbanittdac7djtc0n76f.apps.googleusercontent.com" data-context="signin" data-ux_mode="popup" data-callback="handleCredentialResponse" data-nonce="" data-auto_prompt="false"> </div> <div class="g_id_signin" data-type="standard" data-shape="pill" data-theme="outline" data-text="signin_with" data-size="large" data-logo_alignment="left"> </div> </div> <div class="mt-3"> <button onclick="fbLogin()" class="items-center mx-auto focus:ring-0 focus:outline-none inline-flex justify-center py-1.5 px-3 border border-gray-300 rounded-full bg-white text-blue-700 hover:bg-gray-50"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> <path fill-rule="evenodd" d="M20 10c0-5.523-4.477-10-10-10S0 4.477 0 10c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V10h2.54V7.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V10h2.773l-.443 2.89h-2.33v6.988C16.343 19.128 20 14.991 20 10z" clip-rule="evenodd" /> </svg> <div class="ml-3 text-tiny text-gray-900">Sign in with Facebook</div> </button> </div> </div> <div class="relative my-5"> <div class="absolute inset-0 flex items-center"> <div class="w-full border-t border-gray-300 dark:border-gray-400"></div> </div> <div class="relative flex justify-center text-sm"> <span class="px-2 bg-white dark:bg-gray-600 text-gray-500 dark:text-gray-300"> ili nastavite sa </span> </div> </div> <form id="signinForm" class="space-y-6" action="/prijava" method="POST"> <input type="hidden" name="_token" value="7HMSwAjv0gSjK54M5GEwEYGw1NXdPD09ymcNUmF7" autocomplete="off"> <input type="hidden" name="modal" value="1"> <div> <label for="email" class="block text-sm font-medium text-gray-700 dark:text-gray-300"> E-mail adresa (ili username) </label> <div class="mt-1"> <input name="username" type="username" autocomplete="username" placeholder="ime.prezime@vasafirma.ba" required class="appearance-none block w-full px-3 py-2 border border-gray-300 dark:bg-gray-500 dark:border-gray-500 dark:text-white rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 dark:focus:ring-gray-500 focus:border-blue-500 dark:focus:border-gray-500 sm:text-sm"> </div> </div> <div> <label for="password" class="block text-sm font-medium text-gray-700 dark:text-gray-300"> Lozinka </label> <div class="mt-1 relative"> <input id="lpassword" name="password" type="password" placeholder="" autocomplete="current-password" required class="appearance-none block w-full px-3 py-2 border border-gray-300 dark:bg-gray-500 dark:border-gray-500 dark:text-white rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 dark:focus:ring-gray-500 focus:border-blue-500 dark:focus:border-gray-500 sm:text-sm"> <button id="toggle-password" type="button" class="absolute focus:outline-none focus:ring-0 top-0 right-0 mt-3 mr-3 text-gray-500" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> </button> </div> </div> <div class="flex items-center justify-between"> <div class="flex items-center"> <input id="remember_me" name="remember_me" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"> <label for="remember_me" class="ml-2 block text-sm text-gray-900 dark:text-gray-300"> Zapamti me </label> </div> </div> <div> <button type="submit" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 dark:bg-gray-800 hover:bg-blue-700 focus:outline-none focus:ring-0 dark:hover:bg-gray-900 shadow-md"> Prijavi se </button> </div> </form> <div class="mt-5 text-tiny text-center"> Niste registrovani, <button id="registerbtn" class="underline focus:outline-none focus:ring-0 hover:no-underline font-semibold text-blue-700 hover:text-blue-500 dark:text-gray-300"> registrujte se </button>? </div> <div class="text-sm mt-5 text-center"> <button id="resetpassbtn" class="underline focus:outline-none focus:ring-0 hover:no-underline font-semibold text-gray-600 hover:text-blue-500 dark:text-gray-300"> Zaboravljena lozinka? </button> </div> </div> <div id="resetpassdiv" class="hidden px-6 py-6 lg:px-8"> <h3 class="mb-4 text-xl font-medium text-gray-900 dark:text-white">Resetujte 拧ifru</h3> <div id="errorresetdiv" class="hidden text-center bg-red-100 text-tiny rounded p-2 text-red-600 font-semibold"></div> <div id="successresetdiv" class="hidden text-center bg-green-100 text-tiny rounded p-2 text-green-600 font-semibold"></div> <form id="resetPassForm" class="space-y-6" action="/resetpass" method="POST"> <input type="hidden" name="_token" value="7HMSwAjv0gSjK54M5GEwEYGw1NXdPD09ymcNUmF7" autocomplete="off"> <input type="hidden" name="modal" value="1"> <div> <label for="email" class="block text-sm font-medium text-gray-700"> Korisni膷ko ime ili e-mail adresa </label> <div class="mt-1"> <input name="email" type="email" autocomplete="email" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"> </div> </div> <div> <div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="6Lc_kYwUAAAAANuWMnAnP6pMKlkChb888UuRayO2"></div> <br> </div> <div> <button id="resetbutton" type="submit" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" disabled> Resetuj </button> </div> </form> <div class="text-sm mt-5 text-center"> <button id="loginbtn" class="underline focus:outline-none focus:ring-0 hover:no-underline font-medium text-gray-600 hover:text-blue-500 dark:text-gray-300"> Povratak na prijavu </button> </div> </div> <div id="registerdiv" class="hidden px-6 py-6 lg:px-8"> <h3 class="mb-4 text-xl font-medium text-gray-900 dark:text-white">Registrujte se</h3> <div id="errorregisterdiv" class="hidden text-center bg-red-100 text-tiny rounded p-2 text-red-600 font-semibold"></div> <form id="registerForm" class="space-y-3" action="/registracija" method="POST" onSubmit="document.getElementById('registerbutton').disabled=true;"> <input type="hidden" name="_token" value="7HMSwAjv0gSjK54M5GEwEYGw1NXdPD09ymcNUmF7" autocomplete="off"> <div> <input type="hidden" name="modal" value="1"> <label for="email" class="block text-sm font-medium text-gray-700 hidden"> Username </label> <div class="mt-1"> <input autocomplete="off" placeholder="username" name="username" type="username" autocomplete="username" value="" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"> <div class="text-xs text-gray-500 pt-1">Samo slova i brojevi, bez razmaka i bez specijalnih karaktera</div> </div> </div> <div> <label for="email" autocomplete="off" class="hidden text-sm font-medium text-gray-700"> E-mail adresa </label> <div class="mt-1"> <input name="email" type="email" placeholder="va拧 e-mail" autocomplete="email" value="" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"> <div class="text-xs text-gray-500 pt-1">Poslovna ili privatna e-mail adresa</div> </div> </div> <div> <label for="password" autocomplete="off" class="hidden text-sm font-medium text-gray-700"> 艩ifra </label> <div class="mt-1"> <input name="password" type="password" placeholder="拧ifra" autocomplete="password" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"> <div class="text-xs text-gray-500 pt-1">Minimalno 8 karaktera, minimalno 2 mala slova, najmanje 1 broj.</div> </div> </div> <div> <label for="password" class="block text-sm font-medium text-gray-700"> Spol </label> <div class="flex mt-2"> <div class="flex items-center mr-4"> <input name="spol" value="m" checked type="radio" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300"> <label for="spol" class="ml-3 block text-sm font-medium text-gray-700 dark:text-white"> Mu拧ki </label> </div> <div class="flex items-center"> <input name="spol" value="f" type="radio" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300"> <label for="spol" class="ml-3 block text-sm font-medium text-gray-700 dark:text-white"> 沤enski </label> </div> </div> </div> <div> <div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="6Lc_kYwUAAAAANuWMnAnP6pMKlkChb888UuRayO2"></div> </div> <div> <button id="registerbutton" type="submit" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-30" disabled> Registruj se </button> </div> </form> <div class="text-sm mt-5 text-center"> <button id="loginbtn2" class="loginbtn underline focus:outline-none focus:ring-0 hover:no-underline font-medium text-gray-600 hover:text-blue-500 dark:text-gray-300"> Povratak na prijavu </button> </div> </div> </div> </div> </div> <script type="text/javascript"> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); </script> <script> // set the modal menu element const $targetEl = document.querySelector('#authentication-modal'); // options with default values const options = { placement: 'center', backdrop: 'dynamic', backdropClasses: 'bg-gray-900 bg-opacity-50 dark:bg-dark_light dark:bg-opacity-80 fixed inset-0 z-40', closable: true, onHide: () => { console.log('modal is hidden'); }, onShow: () => { console.log('modal is shown'); }, onToggle: () => { console.log('modal has been toggled'); } }; const modal = new Modal($targetEl,options); </script> <script type="text/javascript"> function jwt_decode (token) { var base64Url = token.split('.')[1]; var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); return JSON.parse(jsonPayload); } window.handleCredentialResponse = (response) => { //console.log("handleCredentialResponse: " + response); // decodeJwtResponse() is a custom function defined by you // to decode the credential response. responsePayload = jwt_decode(response.credential); //console.log("response.credential: " + response.credential); //console.log("responsePayload: " + JSON.stringify(responsePayload)); $.post('/prijava', $.param({ googletoken: response.credential, platform: 1, modal:1 }), function(response){ //console.log ("response"+response); //var data = JSON.parse( response ); //console.log("data"+data); if(response.success===true){ //window.location = '/'; modal.hide(); location.reload(); } else { alert('Google prijava nije uspje拧na'); } }); } </script> <script type="text/javascript"> window.fbAsyncInit = function() { FB.init({ appId : '171222711838', xfbml : true, version : 'v3.2' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); function fbLogin(){ FB.getLoginStatus(function(response) { //console.log("fBlogin: "+ response); if (response.status === 'connected') { //console.log("fbtoken: "+response.authResponse.accessToken); $.post('/prijava', $.param({ fbtoken: response.authResponse.accessToken, platform: 1, modal:1 }), function(response){ //console.log ("response"+response); //var data = JSON.parse( response ); //console.log("data"+data); if(response.success===true){ //window.location = '/'; modal.hide(); location.reload(); } else { alert('Facebook prijava nije bila uspjesna, provjerite da li ste dozvolili Klix aplikaciji pristup Va拧em profilu'); } }); } else { // FAIL FB.login(function(response) { if (response.status === 'connected') { // Logged into your app and Facebook. $.post('/prijava', $.param({ fbtoken: response.authResponse.accessToken, platform: 1, modal:1 }), function(response){ console.log (response); //var data = JSON.parse( response ); if(response.success===true){ modal.hide(); location.reload(); } else { alert('Facebook prijava nije bila uspjesna, provjerite da li ste dozvolili Klix aplikaciji pristup Va拧em profilu'); } }); } else { // The person is not logged into this app or we are unable to tell. } },{scope: 'public_profile,email'}); } }); } </script> <script> function recaptchaCallback() { console.log('recaptchaCallback'); document.getElementById("registerbutton").disabled=false; document.getElementById("resetbutton").disabled=false; document.getElementById("posalji").disabled=false; } const registerbtn = document.querySelector('#registerbtn'); const resetpassbtn = document.querySelector('#resetpassbtn'); const loginbtn = document.querySelector('#loginbtn'); const loginbtn2 = document.querySelector('#loginbtn2'); const logindiv = document.querySelector('#logindiv'); const registerdiv = document.querySelector('#registerdiv'); const resetpassdiv = document.querySelector('#resetpassdiv'); registerbtn.addEventListener('click', () => { registerdiv.classList.remove("hidden"); logindiv.classList.add("hidden"); resetpassdiv.classList.add("hidden"); }); resetpassbtn.addEventListener('click', () => { resetpassdiv.classList.remove("hidden"); logindiv.classList.add("hidden"); registerdiv.classList.add("hidden"); }); loginbtn.addEventListener('click', () => { logindiv.classList.remove("hidden"); resetpassdiv.classList.add("hidden"); registerdiv.classList.add("hidden"); }); loginbtn2.addEventListener('click', () => { logindiv.classList.remove("hidden"); resetpassdiv.classList.add("hidden"); registerdiv.classList.add("hidden"); }); </script> <script> //const modal = new Flowbite.Modal('#signin-modal'); const signinForm = document.querySelector('form#signinForm'); const resetPassForm = document.querySelector('form#resetPassForm'); const registerForm = document.querySelector('form#registerForm'); const errorlogindiv = document.querySelector('#authentication-modal #errorlogindiv'); const errorresetdiv = document.querySelector('#authentication-modal #errorresetdiv'); const errorregisterdiv = document.querySelector('#authentication-modal #errorregisterdiv'); signinForm.addEventListener('submit', async (event) => { event.preventDefault(); const formData = new FormData(signinForm); const response = await fetch('/prijava', { method: 'POST', body: formData, }); const data = await response.json(); console.log(data); if (data.success) { console.log("Sign-in succeeded"); modal.hide(); location.reload(); } else { // Sign-in failed errorlogindiv.innerText = "Gre拧ka: " + data.message; errorlogindiv.classList.remove('hidden'); } }); registerForm.addEventListener('submit', async (event) => { event.preventDefault(); const formData = new FormData(registerForm); const response = await fetch('/registracija', { method: 'POST', body: formData, }); console.log("registerForm submitted"); //console.log(response.text()); const data = await response.json(); console.log(data); if (data.success) { console.log("registracija succeeded"); modal.hide(); location.reload(); // Sign-in succeeded // Redirect to the dashboard or home page } else { // Sign-in failed errorregisterdiv.innerText = "Gre拧ka: " + data.message; errorregisterdiv.classList.remove('hidden'); document.getElementById('registerbutton').disabled=false; } }); resetPassForm.addEventListener('submit', async (event) => { event.preventDefault(); const formData = new FormData(resetPassForm); const response = await fetch('/resetpass', { method: 'POST', body: formData, }); const data = await response.json(); console.log(data); if (data.success) { successresetdiv.innerText = "Uspje拧no: " + data.message; successresetdiv.classList.remove('hidden'); } else { errorresetdiv.innerText = "Gre拧ka: " + data.message; errorresetdiv.classList.remove('hidden'); } }); const togglePasswordButton = document.querySelector('#toggle-password'); const passwordInput = document.querySelector('#lpassword'); togglePasswordButton.addEventListener('click', () => { const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password'; passwordInput.setAttribute('type', type); togglePasswordButton.classList.toggle('text-gray-500'); togglePasswordButton.classList.toggle('text-gray-700'); }); </script> <script type="text/javascript"> !function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=2)}({2:function(t,e,n){t.exports=n("3Fk9")},"3Fk9":function(t,e,n){"use strict";n.r(e);n("s+lh"),n("pcBj"),n("v1EE"),n("CS5W")},CS5W:function(t,e,n){var r,i,a;!function(o,s){s=s.bind(null,o,o.document),t.exports?s(n("s+lh")):(i=[n("s+lh")],void 0===(a="function"==typeof(r=s)?r.apply(e,i):r)||(t.exports=a))}(window,(function(t,e,n){"use strict";var r,i,a={};function o(t,n,r){if(!a[t]){var i=e.createElement(n?"link":"script"),o=e.getElementsByTagName("script")[0];n?(i.rel="stylesheet",i.href=t):(i.onload=function(){i.onerror=null,i.onload=null,r()},i.onerror=i.onload,i.src=t),a[t]=!0,a[i.src||i.href]=!0,o.parentNode.insertBefore(i,o)}}e.addEventListener&&(i=/$|$|\s|'/,r=function(t,n){var r=e.createElement("img");r.onload=function(){r.onload=null,r.onerror=null,r=null,n()},r.onerror=r.onload,r.src=t,r&&r.complete&&r.onload&&r.onload()},addEventListener("lazybeforeunveil",(function(t){var e,a,s;if(t.detail.instance==n&&!t.defaultPrevented){var l=t.target;if("none"==l.preload&&(l.preload=l.getAttribute("data-preload")||"auto"),null!=l.getAttribute("data-autoplay"))if(l.getAttribute("data-expand")&&!l.autoplay)try{l.play()}catch(t){}else requestAnimationFrame((function(){l.setAttribute("data-expand","-10"),n.aC(l,n.cfg.lazyClass)}));(e=l.getAttribute("data-link"))&&o(e,!0),(e=l.getAttribute("data-script"))&&(t.detail.firesLoad=!0,o(e,null,(function(){t.detail.firesLoad=!1,n.fire(l,"_lazyloaded",{},!0,!0)}))),(e=l.getAttribute("data-require"))&&(n.cfg.requireJs?n.cfg.requireJs([e]):o(e)),(a=l.getAttribute("data-bg"))&&(t.detail.firesLoad=!0,r(a,(function(){l.style.backgroundImage="url("+(i.test(a)?JSON.stringify(a):a)+")",t.detail.firesLoad=!1,n.fire(l,"_lazyloaded",{},!0,!0)}))),(s=l.getAttribute("data-poster"))&&(t.detail.firesLoad=!0,r(s,(function(){l.poster=s,t.detail.firesLoad=!1,n.fire(l,"_lazyloaded",{},!0,!0)})))}}),!1))}))},pcBj:function(t,e,n){var r,i,a;!function(o,s){if(o){s=s.bind(null,o,o.document),t.exports?s(n("s+lh")):(i=[n("s+lh")],void 0===(a="function"==typeof(r=s)?r.apply(e,i):r)||(t.exports=a))}}("undefined"!=typeof window?window:0,(function(t,e,n){"use strict";var r,i,a,o,s,l,u,c,d,f,p,g,m,y,h,v,b=n.cfg,z=e.createElement("img"),A="sizes"in z&&"srcset"in z,E=/\s+\d+h/g,C=(i=/\s+(\d+)(w|h)\s+(\d+)(w|h)/,a=Array.prototype.forEach,function(){var t=e.createElement("img"),r=function(t){var e,n,r=t.getAttribute(b.srcsetAttr);r&&(n=r.match(i))&&((e="w"==n[2]?n[1]/n[3]:n[3]/n[1])&&t.setAttribute("data-aspectratio",e),t.setAttribute(b.srcsetAttr,r.replace(E,"")))},o=function(t){if(t.detail.instance==n){var e=t.target.parentNode;e&&"PICTURE"==e.nodeName&&a.call(e.getElementsByTagName("source"),r),r(t.target)}},s=function(){t.currentSrc&&e.removeEventListener("lazybeforeunveil",o)};e.addEventListener("lazybeforeunveil",o),t.onload=s,t.onerror=s,t.srcset="data:,a 1w 1h",t.complete&&s()});(b.supportsType||(b.supportsType=function(t){return!t}),t.HTMLPictureElement&&A)?!n.hasHDescriptorFix&&e.msElementsFromPoint&&(n.hasHDescriptorFix=!0,C()):t.picturefill||b.pf||(b.pf=function(e){var n,i;if(!t.picturefill)for(n=0,i=e.elements.length;n<i;n++)r(e.elements[n])},c=function(t,e){return t.w-e.w},d=/^\s*\d+\.*\d*px\s*$/,s=/(([^,\s].[^\s]+)\s+(\d+)w)/g,l=/\s/,u=function(t,e,n,r){o.push({c:e,u:n,w:1*r})},p=function(){var t,n,i;p.init||(p.init=!0,addEventListener("resize",(n=e.getElementsByClassName("lazymatchmedia"),i=function(){var t,e;for(t=0,e=n.length;t<e;t++)r(n[t])},function(){clearTimeout(t),t=setTimeout(i,66)})))},g=function(e,r){var i,a=e.getAttribute("srcset")||e.getAttribute(b.srcsetAttr);!a&&r&&(a=e._lazypolyfill?e._lazypolyfill._set:e.getAttribute(b.srcAttr)||e.getAttribute("src")),e._lazypolyfill&&e._lazypolyfill._set==a||(i=f(a||""),r&&e.parentNode&&(i.isPicture="PICTURE"==e.parentNode.nodeName.toUpperCase(),i.isPicture&&t.matchMedia&&(n.aC(e,"lazymatchmedia"),p())),i._set=a,Object.defineProperty(e,"_lazypolyfill",{value:i,writable:!0}))},m=function(e){return t.matchMedia?(m=function(t){return!t||(matchMedia(t)||{}).matches})(e):!e},y=function(e){var r,i,a,o,s,l,u;if(g(o=e,!0),(s=o._lazypolyfill).isPicture)for(i=0,a=(r=e.parentNode.getElementsByTagName("source")).length;i<a;i++)if(b.supportsType(r[i].getAttribute("type"),e)&&m(r[i].getAttribute("media"))){o=r[i],g(o),s=o._lazypolyfill;break}return s.length>1?(u=o.getAttribute("sizes")||"",u=d.test(u)&&parseInt(u,10)||n.gW(e,e.parentNode),s.d=function(e){var r=t.devicePixelRatio||1,i=n.getX&&n.getX(e);return Math.min(i||r,2.5,r)}(e),!s.src||!s.w||s.w<u?(s.w=u,l=function(t){for(var e,n,r=t.length,i=t[r-1],a=0;a<r;a++)if((i=t[a]).d=i.w/t.w,i.d>=t.d){!i.cached&&(e=t[a-1])&&e.d>t.d-.13*Math.pow(t.d,2.2)&&(n=Math.pow(e.d-.6,1.6),e.cached&&(e.d+=.15*n),e.d+(i.d-t.d)*n>t.d&&(i=e));break}return i}(s.sort(c)),s.src=l):l=s.src):l=s[0],l},(h=function(t){if(!A||!t.parentNode||"PICTURE"==t.parentNode.nodeName.toUpperCase()){var e=y(t);e&&e.u&&t._lazypolyfill.cur!=e.u&&(t._lazypolyfill.cur=e.u,e.cached=!0,t.setAttribute(b.srcAttr,e.u),t.setAttribute("src",e.u))}}).parse=f=function(t){return o=[],(t=t.trim()).replace(E,"").replace(s,u),o.length||!t||l.test(t)||o.push({c:t,u:t,w:99}),o},r=h,b.loadedClass&&b.loadingClass&&(v=[],['img[sizes$="px"][srcset].',"picture > img:not([srcset])."].forEach((function(t){v.push(t+b.loadedClass),v.push(t+b.loadingClass)})),b.pf({elements:e.querySelectorAll(v.join(", "))})))}))},"s+lh":function(t,e,n){!function(e,n){var r=function(t,e,n){"use strict";var r,i;if(function(){var e,n={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(e in i=t.lazySizesConfig||t.lazysizesConfig||{},n)e in i||(i[e]=n[e])}(),!e||!e.getElementsByClassName)return{init:function(){},cfg:i,noSupport:!0};var a=e.documentElement,o=t.HTMLPictureElement,s=t.addEventListener.bind(t),l=t.setTimeout,u=t.requestAnimationFrame||l,c=t.requestIdleCallback,d=/^picture$/i,f=["load","error","lazyincluded","_lazyloaded"],p={},g=Array.prototype.forEach,m=function(t,e){return p[e]||(p[e]=new RegExp("(\\s|^)"+e+"(\\s|$)")),p[e].test(t.getAttribute("class")||"")&&p[e]},y=function(t,e){m(t,e)||t.setAttribute("class",(t.getAttribute("class")||"").trim()+" "+e)},h=function(t,e){var n;(n=m(t,e))&&t.setAttribute("class",(t.getAttribute("class")||"").replace(n," "))},v=function(t,e,n){var r=n?"addEventListener":"removeEventListener";n&&v(t,e),f.forEach((function(n){t[r](n,e)}))},b=function(t,n,i,a,o){var s=e.createEvent("Event");return i||(i={}),i.instance=r,s.initEvent(n,!a,!o),s.detail=i,t.dispatchEvent(s),s},z=function(e,n){var r;!o&&(r=t.picturefill||i.pf)?(n&&n.src&&!e.getAttribute("srcset")&&e.setAttribute("srcset",n.src),r({reevaluate:!0,elements:[e]})):n&&n.src&&(e.src=n.src)},A=function(t,e){return(getComputedStyle(t,null)||{})[e]},E=function(t,e,n){for(n=n||t.offsetWidth;n<i.minSize&&e&&!t._lazysizesWidth;)n=e.offsetWidth,e=e.parentNode;return n},C=(pt=[],gt=[],mt=pt,yt=function(){var t=mt;for(mt=pt.length?gt:pt,dt=!0,ft=!1;t.length;)t.shift()();dt=!1},ht=function(t,n){dt&&!n?t.apply(this,arguments):(mt.push(t),ft||(ft=!0,(e.hidden?l:u)(yt)))},ht._lsFlush=yt,ht),w=function(t,e){return e?function(){C(t)}:function(){var e=this,n=arguments;C((function(){t.apply(e,n)}))}},_=function(t){var e,r,i=function(){e=null,t()},a=function(){var t=n.now()-r;t<99?l(a,99-t):(c||i)(i)};return function(){r=n.now(),e||(e=l(a,99))}},N=(U=/^img$/i,J=/^iframe$/i,Q="onscroll"in t&&!/(gle|ing)bot/.test(navigator.userAgent),X=0,G=0,K=-1,V=function(t){G--,(!t||G<0||!t.target)&&(G=0)},Y=function(t){return null==D&&(D="hidden"==A(e.body,"visibility")),D||!("hidden"==A(t.parentNode,"visibility")&&"hidden"==A(t,"visibility"))},Z=function(t,n){var r,i=t,o=Y(t);for(I-=n,$+=n,q-=n,H+=n;o&&(i=i.offsetParent)&&i!=e.body&&i!=a;)(o=(A(i,"opacity")||1)>0)&&"visible"!=A(i,"overflow")&&(r=i.getBoundingClientRect(),o=H>r.left&&q<r.right&&$>r.top-1&&I<r.bottom+1);return o},tt=function(){var t,n,o,s,l,u,c,d,f,p,g,m,y=r.elements;if((j=i.loadMode)&&G<8&&(t=y.length)){for(n=0,K++;n<t;n++)if(y[n]&&!y[n]._lazyRace)if(!Q||r.prematureUnveil&&r.prematureUnveil(y[n]))st(y[n]);else if((d=y[n].getAttribute("data-expand"))&&(u=1*d)||(u=X),p||(p=!i.expand||i.expand<1?a.clientHeight>500&&a.clientWidth>500?500:370:i.expand,r._defEx=p,g=p*i.expFactor,m=i.hFac,D=null,X<g&&G<1&&K>2&&j>2&&!e.hidden?(X=g,K=0):X=j>1&&K>1&&G<6?p:0),f!==u&&(R=innerWidth+u*m,k=innerHeight+u,c=-1*u,f=u),o=y[n].getBoundingClientRect(),($=o.bottom)>=c&&(I=o.top)<=k&&(H=o.right)>=c*m&&(q=o.left)<=R&&($||H||q||I)&&(i.loadHidden||Y(y[n]))&&(B&&G<3&&!d&&(j<3||K<4)||Z(y[n],u))){if(st(y[n]),l=!0,G>9)break}else!l&&B&&!s&&G<4&&K<4&&j>2&&(F[0]||i.preloadAfterLoad)&&(F[0]||!d&&($||H||q||I||"auto"!=y[n].getAttribute(i.sizesAttr)))&&(s=F[0]||y[n]);s&&!l&&st(s)}},et=function(t){var e,r=0,a=i.throttleDelay,o=i.ricTimeout,s=function(){e=!1,r=n.now(),t()},u=c&&o>49?function(){c(s,{timeout:o}),o!==i.ricTimeout&&(o=i.ricTimeout)}:w((function(){l(s)}),!0);return function(t){var i;(t=!0===t)&&(o=33),e||(e=!0,(i=a-(n.now()-r))<0&&(i=0),t||i<9?u():l(u,i))}}(tt),nt=function(t){var e=t.target;e._lazyCache?delete e._lazyCache:(V(t),y(e,i.loadedClass),h(e,i.loadingClass),v(e,it),b(e,"lazyloaded"))},rt=w(nt),it=function(t){rt({target:t.target})},at=function(t){var e,n=t.getAttribute(i.srcsetAttr);(e=i.customMedia[t.getAttribute("data-media")||t.getAttribute("media")])&&t.setAttribute("media",e),n&&t.setAttribute("srcset",n)},ot=w((function(t,e,n,r,a){var o,s,u,c,f,p;(f=b(t,"lazybeforeunveil",e)).defaultPrevented||(r&&(n?y(t,i.autosizesClass):t.setAttribute("sizes",r)),s=t.getAttribute(i.srcsetAttr),o=t.getAttribute(i.srcAttr),a&&(c=(u=t.parentNode)&&d.test(u.nodeName||"")),p=e.firesLoad||"src"in t&&(s||o||c),f={target:t},y(t,i.loadingClass),p&&(clearTimeout(W),W=l(V,2500),v(t,it,!0)),c&&g.call(u.getElementsByTagName("source"),at),s?t.setAttribute("srcset",s):o&&!c&&(J.test(t.nodeName)?function(t,e){var n=t.getAttribute("data-load-mode")||i.iframeLoadMode;0==n?t.contentWindow.location.replace(e):1==n&&(t.src=e)}(t,o):t.src=o),a&&(s||c)&&z(t,{src:o})),t._lazyRace&&delete t._lazyRace,h(t,i.lazyClass),C((function(){var e=t.complete&&t.naturalWidth>1;p&&!e||(e&&y(t,i.fastLoadedClass),nt(f),t._lazyCache=!0,l((function(){"_lazyCache"in t&&delete t._lazyCache}),9)),"lazy"==t.loading&&G--}),!0)})),st=function(t){if(!t._lazyRace){var e,n=U.test(t.nodeName),r=n&&(t.getAttribute(i.sizesAttr)||t.getAttribute("sizes")),a="auto"==r;(!a&&B||!n||!t.getAttribute("src")&&!t.srcset||t.complete||m(t,i.errorClass)||!m(t,i.lazyClass))&&(e=b(t,"lazyunveilread").detail,a&&L.updateElem(t,!0,t.offsetWidth),t._lazyRace=!0,G++,ot(t,e,a,r,n))}},lt=_((function(){i.loadMode=3,et()})),ut=function(){3==i.loadMode&&(i.loadMode=2),lt()},ct=function(){B||(n.now()-O<999?l(ct,999):(B=!0,i.loadMode=3,et(),s("scroll",ut,!0)))},{_:function(){O=n.now(),r.elements=e.getElementsByClassName(i.lazyClass),F=e.getElementsByClassName(i.lazyClass+" "+i.preloadClass),s("scroll",et,!0),s("resize",et,!0),s("pageshow",(function(t){if(t.persisted){var n=e.querySelectorAll("."+i.loadingClass);n.length&&n.forEach&&u((function(){n.forEach((function(t){t.complete&&st(t)}))}))}})),t.MutationObserver?new MutationObserver(et).observe(a,{childList:!0,subtree:!0,attributes:!0}):(a.addEventListener("DOMNodeInserted",et,!0),a.addEventListener("DOMAttrModified",et,!0),setInterval(et,999)),s("hashchange",et,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach((function(t){e.addEventListener(t,et,!0)})),/d$|^c/.test(e.readyState)?ct():(s("load",ct),e.addEventListener("DOMContentLoaded",et),l(ct,2e4)),r.elements.length?(tt(),C._lsFlush()):et()},checkElems:et,unveil:st,_aLSL:ut}),L=(P=w((function(t,e,n,r){var i,a,o;if(t._lazysizesWidth=r,r+="px",t.setAttribute("sizes",r),d.test(e.nodeName||""))for(a=0,o=(i=e.getElementsByTagName("source")).length;a<o;a++)i[a].setAttribute("sizes",r);n.detail.dataAttr||z(t,n.detail)})),S=function(t,e,n){var r,i=t.parentNode;i&&(n=E(t,i,n),(r=b(t,"lazybeforesizes",{width:n,dataAttr:!!e})).defaultPrevented||(n=r.detail.width)&&n!==t._lazysizesWidth&&P(t,i,r,n))},T=_((function(){var t,e=x.length;if(e)for(t=0;t<e;t++)S(x[t])})),{_:function(){x=e.getElementsByClassName(i.autosizesClass),s("resize",T)},checkElems:T,updateElem:S}),M=function(){!M.i&&e.getElementsByClassName&&(M.i=!0,L._(),N._())};var x,P,S,T;var F,B,W,j,O,R,k,I,q,H,$,D,U,J,Q,X,G,K,V,Y,Z,tt,et,nt,rt,it,at,ot,st,lt,ut,ct;var dt,ft,pt,gt,mt,yt,ht;return l((function(){i.init&&M()})),r={cfg:i,autoSizer:L,loader:N,init:M,uP:z,aC:y,rC:h,hC:m,fire:b,gW:E,rAF:C}}(e,e.document,Date);e.lazySizes=r,t.exports&&(t.exports=r)}("undefined"!=typeof window?window:{})},v1EE:function(t,e,n){var r,i,a;!function(o,s){if(o){s=s.bind(null,o,o.document),t.exports?s(n("s+lh")):(i=[n("s+lh")],void 0===(a="function"==typeof(r=s)?r.apply(e,i):r)||(t.exports=a))}}("undefined"!=typeof window?window:0,(function(t,e,n){"use strict";if(t.addEventListener){var r=/\s+(\d+)(w|h)\s+(\d+)(w|h)/,i=/parent-fit["']*\s*:\s*["']*(contain|cover|width)/,a=/parent-container["']*\s*:\s*["']*(.+?)(?=(\s|$|,|'|"|;))/,o=/^picture$/i,s=n.cfg,l={getParent:function(e,n){var r=e,i=e.parentNode;return n&&"prev"!=n||!i||!o.test(i.nodeName||"")||(i=i.parentNode),"self"!=n&&(r="prev"==n?e.previousElementSibling:n&&(i.closest||t.jQuery)&&(i.closest?i.closest(n):jQuery(i).closest(n)[0])||i),r},getFit:function(t){var e,n,r=getComputedStyle(t,null)||{},o=r.content||r.fontFamily,s={fit:t._lazysizesParentFit||t.getAttribute("data-parent-fit")};return!s.fit&&o&&(e=o.match(i))&&(s.fit=e[1]),s.fit?(!(n=t._lazysizesParentContainer||t.getAttribute("data-parent-container"))&&o&&(e=o.match(a))&&(n=e[1]),s.parent=l.getParent(t,n)):s.fit=r.objectFit,s},getImageRatio:function(e){var n,i,a,l,u,c,d,f=e.parentNode,p=f&&o.test(f.nodeName||"")?f.querySelectorAll("source, img"):[e];for(n=0;n<p.length;n++)if(i=(e=p[n]).getAttribute(s.srcsetAttr)||e.getAttribute("srcset")||e.getAttribute("data-pfsrcset")||e.getAttribute("data-risrcset")||"",a=e._lsMedia||e.getAttribute("media"),a=s.customMedia[e.getAttribute("data-media")||a]||a,i&&(!a||(t.matchMedia&&matchMedia(a)||{}).matches)){(l=parseFloat(e.getAttribute("data-aspectratio")))||((u=i.match(r))?"w"==u[2]?(c=u[1],d=u[3]):(c=u[3],d=u[1]):(c=e.getAttribute("width"),d=e.getAttribute("height")),l=c/d);break}return l},calculateSize:function(t,e){var n,r,i,a=this.getFit(t),o=a.fit,s=a.parent;return"width"==o||("contain"==o||"cover"==o)&&(r=this.getImageRatio(t))?(s?e=s.clientWidth:s=t,i=e,"width"==o?i=e:(n=e/s.clientHeight)&&("cover"==o&&n<r||"contain"==o&&n>r)&&(i=e*(r/n)),i):e}};n.parentFit=l,e.addEventListener("lazybeforesizes",(function(t){if(!t.defaultPrevented&&t.detail.instance==n){var e=t.target;t.detail.width=l.calculateSize(e,t.detail.width)}}))}}))}}); </script> <script type="text/javascript"> lazySizes.init(); </script> <script type="text/javascript"> function toggleNav() { //var element = document.getElementById("sidebar"); document.getElementById("sidebar").classList.toggle("hidden"); document.getElementById("sidebar-open").classList.toggle("hidden"); document.getElementById("sidebar-close").classList.toggle("hidden"); window.scrollTo({ top: 0, behavior: 'smooth' }); } function toggleSearch() { //var element = document.getElementById("sidebar"); document.getElementById("search").classList.toggle("hidden"); document.getElementById("logo").classList.toggle("hidden"); //document.getElementById("nav_items").classList.toggle("hidden"); //document.getElementById("user").classList.toggle("hidden"); document.getElementById("nav_items").classList.toggle("md:block"); document.getElementById("search-open").classList.toggle("hidden"); document.getElementById("search-close").classList.toggle("hidden"); } </script>  <div id='ads_outofpage'> <script> googletag.cmd.push(function() { googletag.display('ads_outofpage'); }); </script> </div>  <script src="//ap.lijit.com/www/sovrn_beacon_standalone/sovrn_standalone_beacon.js?iid=13499048" id="sBeacon"></script> <script type="text/javascript"> </script>  <link rel="manifest" href="/manifest.json"> <script type="module"> // Import the functions you need from the SDKs you need import { initializeApp } from "https://www.gstatic.com/firebasejs/9.10.0/firebase-app.js"; import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.10.0/firebase-analytics.js"; import { getMessaging, getToken } from "https://www.gstatic.com/firebasejs/9.10.0/firebase-messaging.js"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "AIzaSyA9ZMJ4jDHUEmbXHqoskWTno6fm4mSgHf0", authDomain: "klixba-e14fb.firebaseapp.com", databaseURL: "https://klixba-e14fb.firebaseio.com", projectId: "klixba-e14fb", storageBucket: "klixba-e14fb.appspot.com", messagingSenderId: "907491235204", appId: "1:907491235204:web:aecf507560cd0de21079d1", //measurementId: "G-ZTF3J5JBDN" }; // Initialize Firebase const app = initializeApp(firebaseConfig); //const analytics = getAnalytics(app); const messaging = getMessaging(app); // Get registration token. Initially this makes a network call, once retrieved // subsequent calls to getToken will return from cache. getToken(messaging, { vapidKey: 'BDoRRJzTH_McfoM3YlurujbqMnGMk0dn3BTW3ax6AFLSHaLV35cuMV8Oca_CKTFY8sVnHRyZeR4XdkuhHKTAI6Y' }).then((currentToken) => { if (currentToken) { // Send the token to your server and update the UI if necessary // ... //console.log(currentToken); sendTokenToServer(currentToken); } else { // Show permission request UI console.log('No registration token available. Request permission to generate one.'); // ... setTokenSentToServer(false); requestPermission(); } }).catch((err) => { console.log('An error occurred while retrieving token. ', err); setTokenSentToServer(false); // ... }); // Send the registration token your application server, so that it can: // - send messages back to this app // - subscribe/unsubscribe the token from topics function sendTokenToServer(currentToken) { if (!isTokenSentToServer()) { //console.log('Sending token to server...'+currentToken); // TODO(developer): Send the current token to your server. var http = new XMLHttpRequest(); var url = '/iid'; var params = 'currentToken='+currentToken+'&topic=Breaking'; http.open('POST', url, true); //Send the proper header information along with the request http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); http.setRequestHeader('X-CSRF-TOKEN', '7HMSwAjv0gSjK54M5GEwEYGw1NXdPD09ymcNUmF7'); http.onreadystatechange = function() {//Call a function when the state changes. if(http.readyState == 4 && http.status == 200) { console.log(http.responseText); } } http.send(params); //gtag('event', 'Web Push Subscribe', { 'event_category' : 'Web Push Subscribe', 'event_label' : currentToken }); setTokenSentToServer(true); } else { //console.log('Token already sent to server so won\'t send it again ' + 'unless it changes'); } } function requestPermission() { console.log('Requesting permission...'); Notification.requestPermission().then((permission) => { if (permission === 'granted') { console.log('Notification permission granted.'); // TODO(developer): Retrieve a registration token for use with FCM. // In many cases once an app has been granted notification permission, // it should update its UI reflecting this. //resetUI(); } else { console.log('Unable to get permission to notify.'); setTokenSentToServer(false); } }); } function deleteToken() { // Delete registration token. messaging.getToken().then((currentToken) => { messaging.deleteToken(currentToken).then(() => { console.log('Token deleted.'); setTokenSentToServer(false); // Once token is deleted update UI. //resetUI(); }).catch((err) => { console.log('Unable to delete token. ', err); }); }).catch((err) => { console.log('Error retrieving registration token. ', err); //showToken('Error retrieving registration token. ', err); }); } </script> <script type="text/javascript"> function isTokenSentToServer() { return window.localStorage.getItem('fcmtokenSentToServer') === '1'; } function setTokenSentToServer(sent) { window.localStorage.setItem('fcmtokenSentToServer', sent ? '1' : '0'); } var hours = 1; // to clear the localStorage fcmtokenSentToServer after 1 hour var now = new Date().getTime(); var tokenSentTime = localStorage.getItem('tokenSentTime'); if (tokenSentTime == null) { localStorage.setItem('tokenSentTime', now) } else { if(now-tokenSentTime > hours*60*60*1000) { //console.log('removing fcmtokenSentToServer'); localStorage.removeItem('fcmtokenSentToServer'); localStorage.setItem('tokenSentTime', now); } } </script>  </body> </html>

CINXE.COM

Privatnost: Pravila o za拧titi privatnosti