HR News Search – Pretra\u017eivanje hrvatskih portala<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --background: #0a0a0f;\n --foreground: #f5f5f7;\n --card: #12121a;\n --border: #2a2a3a;\n --primary: #c9a227;\n --primary-hover: #d4b342;\n --muted: #1a1a24;\n --muted-foreground: #a1a1aa;\n }\n\n body {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--background);\n color: var(--foreground);\n min-height: 100vh;\n line-height: 1.6;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n\n \/* Header *\/\n header {\n border-bottom: 1px solid var(--border);\n background: rgba(18, 18, 26, 0.8);\n backdrop-filter: blur(10px);\n position: sticky;\n top: 0;\n z-index: 50;\n padding: 1rem 0;\n }\n\n .header-content {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .logo-icon {\n width: 40px;\n height: 40px;\n background: rgba(201, 162, 39, 0.1);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary);\n }\n\n .logo-icon svg {\n width: 24px;\n height: 24px;\n }\n\n header h1 {\n font-size: 1.25rem;\n font-weight: 700;\n font-family: 'Georgia', serif;\n }\n\n header p {\n font-size: 0.875rem;\n color: var(--muted-foreground);\n }\n\n \/* Hero Section *\/\n .hero {\n padding: 4rem 0;\n text-align: center;\n border-bottom: 1px solid var(--border);\n }\n\n .hero h2 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n font-family: 'Georgia', serif;\n }\n\n .hero h2 span {\n background: linear-gradient(135deg, var(--primary), #e8c547);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero p {\n font-size: 1.125rem;\n color: var(--muted-foreground);\n max-width: 600px;\n margin: 0 auto 2.5rem;\n }\n\n \/* Search Form *\/\n .search-form {\n display: flex;\n gap: 0.75rem;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .search-input {\n flex: 1;\n padding: 1rem 1.25rem;\n font-size: 1rem;\n border: 1px solid var(--border);\n border-radius: 12px;\n background: var(--card);\n color: var(--foreground);\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n\n .search-input:focus {\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.1);\n }\n\n .search-input::placeholder {\n color: var(--muted-foreground);\n }\n\n .search-btn {\n padding: 1rem 2rem;\n font-size: 1rem;\n font-weight: 600;\n background: var(--primary);\n color: var(--background);\n border: none;\n border-radius: 12px;\n cursor: pointer;\n transition: background 0.2s, transform 0.1s;\n }\n\n .search-btn:hover {\n background: var(--primary-hover);\n }\n\n .search-btn:active {\n transform: scale(0.98);\n }\n\n .active-search {\n margin-top: 1.5rem;\n color: var(--muted-foreground);\n }\n\n .active-search span {\n color: var(--primary);\n font-weight: 500;\n }\n\n \/* Results Section *\/\n .results {\n padding: 3rem 0;\n display: none;\n }\n\n .results.active {\n display: block;\n }\n\n .results h3 {\n font-size: 1.5rem;\n font-weight: 600;\n text-align: center;\n margin-bottom: 1.5rem;\n font-family: 'Georgia', serif;\n }\n\n .links-grid {\n display: grid;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .link-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .link-card:hover {\n border-color: var(--primary);\n transform: translateY(-2px);\n }\n\n .link-info {\n flex: 1;\n min-width: 0;\n }\n\n .link-info p {\n font-weight: 500;\n margin-bottom: 0.25rem;\n }\n\n .link-info a {\n color: var(--primary);\n text-decoration: underline;\n text-underline-offset: 3px;\n font-size: 0.875rem;\n transition: color 0.2s;\n }\n\n .link-info a:hover {\n color: var(--primary-hover);\n }\n\n .copy-btn {\n padding: 0.5rem;\n background: var(--muted);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n color: var(--muted-foreground);\n transition: background 0.2s, color 0.2s;\n }\n\n .copy-btn:hover {\n background: var(--border);\n color: var(--foreground);\n }\n\n .copy-btn.copied {\n color: #22c55e;\n }\n\n .copy-btn svg {\n width: 18px;\n height: 18px;\n display: block;\n }\n\n \/* Categories Section *\/\n .categories {\n padding: 3rem 0;\n border-top: 1px solid var(--border);\n }\n\n .categories h3 {\n font-size: 1.25rem;\n font-weight: 600;\n text-align: center;\n margin-bottom: 1.5rem;\n font-family: 'Georgia', serif;\n }\n\n .categories-grid {\n display: grid;\n gap: 1.5rem;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n }\n\n .category-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .category-card h4 {\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: var(--primary);\n }\n\n .sites-list {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n .site-tag {\n font-size: 0.75rem;\n padding: 0.25rem 0.5rem;\n background: var(--muted);\n border-radius: 6px;\n color: var(--muted-foreground);\n }\n\n \/* Footer *\/\n footer {\n border-top: 1px solid var(--border);\n padding: 2rem 0;\n text-align: center;\n font-size: 0.875rem;\n color: var(--muted-foreground);\n }\n\n \/* Responsive *\/\n @media (max-width: 640px) {\n .hero h2 {\n font-size: 1.75rem;\n }\n\n .search-form {\n flex-direction: column;\n }\n\n .search-btn {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <header>\n <div class=\"container\">\n <div class=\"header-content\">\n <div class=\"logo-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <path d=\"m21 21-4.3-4.3\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h1>HR News Search<\/h1>\n <p>Pretra\u017eivanje hrvatskih portala<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"hero\">\n <div class=\"container\">\n <h2>Pretra\u017eite <span>hrvatske portale<\/span><\/h2>\n <p>Istovremeno pretra\u017eujte nacionalne, lifestyle i regionalne portale putem Google pretra\u017eivanja<\/p>\n \n <form class=\"search-form\" onsubmit=\"handleSearch(event)\">\n <input type=\"text\" id=\"searchInput\" class=\"search-input\" placeholder=\"Unesite pojam za pretra\u017eivanje...\">\n <button type=\"submit\" class=\"search-btn\">Pretra\u017ei<\/button>\n <\/form>\n\n <p class=\"active-search\" id=\"activeSearch\" style=\"display: none;\">\n Rezultati za: <span id=\"searchTermDisplay\"><\/span>\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"results\" id=\"results\">\n <div class=\"container\">\n <h3>Kliknite na link za otvaranje Google pretra\u017eivanja<\/h3>\n \n <div class=\"links-grid\">\n \n <div class=\"link-card\">\n <div class=\"link-info\">\n <p>Nacionalni portali<\/p>\n <a id=\"nationalLink\" href=\"#\" target=\"_blank\">Otvori pretra\u017eivanje \u2192<\/a>\n <\/div>\n <button class=\"copy-btn\" onclick=\"copyLink('national')\" title=\"Kopiraj link\">\n <svg id=\"copyIconNational\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"link-card\">\n <div class=\"link-info\">\n <p>Lifestyle & Zdravlje<\/p>\n <a id=\"lifestyleLink\" href=\"#\" target=\"_blank\">Otvori pretra\u017eivanje \u2192<\/a>\n <\/div>\n <button class=\"copy-btn\" onclick=\"copyLink('lifestyle')\" title=\"Kopiraj link\">\n <svg id=\"copyIconLifestyle\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"link-card\">\n <div class=\"link-info\">\n <p>Regionalni portali<\/p>\n <a id=\"regionalLink\" href=\"#\" target=\"_blank\">Otvori pretra\u017eivanje \u2192<\/a>\n <\/div>\n <button class=\"copy-btn\" onclick=\"copyLink('regional')\" title=\"Kopiraj link\">\n <svg id=\"copyIconRegional\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"categories\">\n <div class=\"container\">\n <h3>Uklju\u010deni portali<\/h3>\n \n <div class=\"categories-grid\">\n <div class=\"category-card\">\n <h4>Nacionalni portali<\/h4>\n <div class=\"sites-list\">\n <span class=\"site-tag\">index.hr<\/span>\n <span class=\"site-tag\">jutarnji.hr<\/span>\n <span class=\"site-tag\">24sata.hr<\/span>\n <span class=\"site-tag\">vecernji.hr<\/span>\n <span class=\"site-tag\">tportal.hr<\/span>\n <span class=\"site-tag\">net.hr<\/span>\n <span class=\"site-tag\">dnevnik.hr<\/span>\n <span class=\"site-tag\">rtl.hr<\/span>\n <span class=\"site-tag\">n1info.hr<\/span>\n <span class=\"site-tag\">telegram.hr<\/span>\n <\/div>\n <\/div>\n\n <div class=\"category-card\">\n <h4>Lifestyle & Zdravlje<\/h4>\n <div class=\"sites-list\">\n <span class=\"site-tag\">gloria.hr<\/span>\n <span class=\"site-tag\">story.hr<\/span>\n <span class=\"site-tag\">zadovoljna.hr<\/span>\n <span class=\"site-tag\">miss7.24sata.hr<\/span>\n <span class=\"site-tag\">zivim.hr<\/span>\n <span class=\"site-tag\">ordinacija.hr<\/span>\n <span class=\"site-tag\">zdravobudi.hr<\/span>\n <span class=\"site-tag\">krenizdravo.hr<\/span>\n <span class=\"site-tag\">plivazdravlje.hr<\/span>\n <span class=\"site-tag\">adiva.hr<\/span>\n <span class=\"site-tag\">sensa.hr<\/span>\n <\/div>\n <\/div>\n\n <div class=\"category-card\">\n <h4>Regionalni portali<\/h4>\n <div class=\"sites-list\">\n <span class=\"site-tag\">novilist.hr<\/span>\n <span class=\"site-tag\">slobodnadalmacija.hr<\/span>\n <span class=\"site-tag\">dalmacijadanas.hr<\/span>\n <span class=\"site-tag\">glasistre.hr<\/span>\n <span class=\"site-tag\">sib.hr<\/span>\n <span class=\"site-tag\">zadarski.hr<\/span>\n <span class=\"site-tag\">klikni.hr<\/span>\n <span class=\"site-tag\">zagreb.info<\/span>\n <span class=\"site-tag\">zagrebdanas.hr<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer>\n <div class=\"container\">\n <p>Pretra\u017eivanje se vr\u0161i putem Google-a za odabrane hrvatske portale<\/p>\n <\/div>\n <\/footer>\n\n <script>\n const CATEGORIES = {\n national: [\n \"index.hr\", \"jutarnji.hr\", \"24sata.hr\", \"vecernji.hr\", \"tportal.hr\",\n \"net.hr\", \"dnevnik.hr\", \"rtl.hr\", \"n1info.hr\", \"telegram.hr\"\n ],\n lifestyle: [\n \"gloria.hr\", \"story.hr\", \"zadovoljna.hr\", \"miss7.24sata.hr\", \"miss7zdrava.24sata.hr\",\n \"zivim.hr\", \"zivimzdravo.hr\", \"ordinacija.hr\", \"zdravobudi.hr\", \"krenizdravo.hr\",\n \"plivazdravlje.hr\", \"adiva.hr\", \"sensa.hr\"\n ],\n regional: [\n \"novilist.hr\", \"slobodnadalmacija.hr\", \"dalmacijadanas.hr\", \"glasistre.hr\",\n \"sib.hr\", \"zadarski.hr\", \"klikni.hr\", \"zagreb.info\", \"zagrebdanas.hr\"\n ]\n };\n\n let currentUrls = {};\n\n function buildGoogleSearchUrl(searchTerm, sites) {\n const siteQuery = sites.map(site => `site:${site}`).join(\" OR \");\n const fullQuery = `\"${searchTerm}\" (${siteQuery})`;\n return `https:\/\/www.google.com\/search?q=${encodeURIComponent(fullQuery)}`;\n }\n\n function handleSearch(event) {\n event.preventDefault();\n const searchInput = document.getElementById('searchInput');\n const searchTerm = searchInput.value.trim();\n \n if (!searchTerm) return;\n\n \/\/ Build URLs\n currentUrls = {\n national: buildGoogleSearchUrl(searchTerm, CATEGORIES.national),\n lifestyle: buildGoogleSearchUrl(searchTerm, CATEGORIES.lifestyle),\n regional: buildGoogleSearchUrl(searchTerm, CATEGORIES.regional)\n };\n\n \/\/ Update links\n document.getElementById('nationalLink').href = currentUrls.national;\n document.getElementById('lifestyleLink').href = currentUrls.lifestyle;\n document.getElementById('regionalLink').href = currentUrls.regional;\n\n \/\/ Show results section\n document.getElementById('results').classList.add('active');\n\n \/\/ Show active search term\n document.getElementById('searchTermDisplay').textContent = `\"${searchTerm}\"`;\n document.getElementById('activeSearch').style.display = 'block';\n }\n\n function copyLink(category) {\n const url = currentUrls[category];\n if (!url) return;\n\n navigator.clipboard.writeText(url).then(() => {\n const btn = event.currentTarget;\n btn.classList.add('copied');\n \n \/\/ Show check icon\n const iconId = `copyIcon${category.charAt(0).toUpperCase() + category.slice(1)}`;\n const icon = document.getElementById(iconId);\n icon.innerHTML = '<polyline points=\"20 6 9 17 4 12\"><\/polyline>';\n \n setTimeout(() => {\n btn.classList.remove('copied');\n icon.innerHTML = '<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"><\/path>';\n }, 2000);\n });\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HR News Search – Pretra\u017eivanje hrvatskih portala HR News Search Pretra\u017eivanje hrvatskih portala Pretra\u017eite hrvatske portale Istovremeno pretra\u017eujte nacionalne, lifestyle i regionalne portale putem Google pretra\u017eivanja Pretra\u017ei Rezultati za: Kliknite na link za otvaranje Google pretra\u017eivanja Nacionalni portali Otvori pretra\u017eivanje \u2192 Lifestyle & Zdravlje Otvori pretra\u017eivanje \u2192 Regionalni portali Otvori pretra\u017eivanje \u2192 Uklju\u010deni portali Nacionalni…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"trenutak","author_link":"https:\/\/trenutak.hr\/index.php\/author\/trenutak\/"},"uagb_comment_info":0,"uagb_excerpt":"HR News Search – Pretra\u017eivanje hrvatskih portala HR News Search Pretra\u017eivanje hrvatskih portala Pretra\u017eite hrvatske portale Istovremeno pretra\u017eujte nacionalne, lifestyle i regionalne portale putem Google pretra\u017eivanja Pretra\u017ei Rezultati za: Kliknite na link za otvaranje Google pretra\u017eivanja Nacionalni portali Otvori pretra\u017eivanje \u2192 Lifestyle & Zdravlje Otvori pretra\u017eivanje \u2192 Regionalni portali Otvori pretra\u017eivanje \u2192 Uklju\u010deni portali Nacionalni...","_links":{"self":[{"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":4,"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":56,"date":"2025-12-19T13:11:46","date_gmt":"2025-12-19T12:11:46","guid":{"rendered":"https:\/\/trenutak.hr\/?page_id=56"},"modified":"2025-12-19T14:11:46","modified_gmt":"2025-12-19T13:11:46","slug":"brend-test","status":"publish","type":"page","link":"https:\/\/trenutak.hr\/index.php\/brend-test\/","title":{"rendered":"Brend test"},"content":{"rendered":"\n\n\n\n \n \n HR News Search – Pretra\u017eivanje hrvatskih portala<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --background: #0a0a0f;\n --foreground: #f5f5f7;\n --card: #12121a;\n --border: #2a2a3a;\n --primary: #c9a227;\n --primary-hover: #d4b342;\n --muted: #1a1a24;\n --muted-foreground: #a1a1aa;\n }\n\n body {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--background);\n color: var(--foreground);\n min-height: 100vh;\n line-height: 1.6;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n\n \/* Header *\/\n header {\n border-bottom: 1px solid var(--border);\n background: rgba(18, 18, 26, 0.8);\n backdrop-filter: blur(10px);\n position: sticky;\n top: 0;\n z-index: 50;\n padding: 1rem 0;\n }\n\n .header-content {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .logo-icon {\n width: 40px;\n height: 40px;\n background: rgba(201, 162, 39, 0.1);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary);\n }\n\n .logo-icon svg {\n width: 24px;\n height: 24px;\n }\n\n header h1 {\n font-size: 1.25rem;\n font-weight: 700;\n font-family: 'Georgia', serif;\n }\n\n header p {\n font-size: 0.875rem;\n color: var(--muted-foreground);\n }\n\n \/* Hero Section *\/\n .hero {\n padding: 4rem 0;\n text-align: center;\n border-bottom: 1px solid var(--border);\n }\n\n .hero h2 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n font-family: 'Georgia', serif;\n }\n\n .hero h2 span {\n background: linear-gradient(135deg, var(--primary), #e8c547);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero p {\n font-size: 1.125rem;\n color: var(--muted-foreground);\n max-width: 600px;\n margin: 0 auto 2.5rem;\n }\n\n \/* Search Form *\/\n .search-form {\n display: flex;\n gap: 0.75rem;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .search-input {\n flex: 1;\n padding: 1rem 1.25rem;\n font-size: 1rem;\n border: 1px solid var(--border);\n border-radius: 12px;\n background: var(--card);\n color: var(--foreground);\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n\n .search-input:focus {\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.1);\n }\n\n .search-input::placeholder {\n color: var(--muted-foreground);\n }\n\n .search-btn {\n padding: 1rem 2rem;\n font-size: 1rem;\n font-weight: 600;\n background: var(--primary);\n color: var(--background);\n border: none;\n border-radius: 12px;\n cursor: pointer;\n transition: background 0.2s, transform 0.1s;\n }\n\n .search-btn:hover {\n background: var(--primary-hover);\n }\n\n .search-btn:active {\n transform: scale(0.98);\n }\n\n .active-search {\n margin-top: 1.5rem;\n color: var(--muted-foreground);\n }\n\n .active-search span {\n color: var(--primary);\n font-weight: 500;\n }\n\n \/* Results Section *\/\n .results {\n padding: 3rem 0;\n display: none;\n }\n\n .results.active {\n display: block;\n }\n\n .results h3 {\n font-size: 1.5rem;\n font-weight: 600;\n text-align: center;\n margin-bottom: 1.5rem;\n font-family: 'Georgia', serif;\n }\n\n .links-grid {\n display: grid;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .link-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .link-card:hover {\n border-color: var(--primary);\n transform: translateY(-2px);\n }\n\n .link-info {\n flex: 1;\n min-width: 0;\n }\n\n .link-info p {\n font-weight: 500;\n margin-bottom: 0.25rem;\n }\n\n .link-info a {\n color: var(--primary);\n text-decoration: underline;\n text-underline-offset: 3px;\n font-size: 0.875rem;\n transition: color 0.2s;\n }\n\n .link-info a:hover {\n color: var(--primary-hover);\n }\n\n .copy-btn {\n padding: 0.5rem;\n background: var(--muted);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n color: var(--muted-foreground);\n transition: background 0.2s, color 0.2s;\n }\n\n .copy-btn:hover {\n background: var(--border);\n color: var(--foreground);\n }\n\n .copy-btn.copied {\n color: #22c55e;\n }\n\n .copy-btn svg {\n width: 18px;\n height: 18px;\n display: block;\n }\n\n \/* Categories Section *\/\n .categories {\n padding: 3rem 0;\n border-top: 1px solid var(--border);\n }\n\n .categories h3 {\n font-size: 1.25rem;\n font-weight: 600;\n text-align: center;\n margin-bottom: 1.5rem;\n font-family: 'Georgia', serif;\n }\n\n .categories-grid {\n display: grid;\n gap: 1.5rem;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n }\n\n .category-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .category-card h4 {\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: var(--primary);\n }\n\n .sites-list {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n .site-tag {\n font-size: 0.75rem;\n padding: 0.25rem 0.5rem;\n background: var(--muted);\n border-radius: 6px;\n color: var(--muted-foreground);\n }\n\n \/* Footer *\/\n footer {\n border-top: 1px solid var(--border);\n padding: 2rem 0;\n text-align: center;\n font-size: 0.875rem;\n color: var(--muted-foreground);\n }\n\n \/* Responsive *\/\n @media (max-width: 640px) {\n .hero h2 {\n font-size: 1.75rem;\n }\n\n .search-form {\n flex-direction: column;\n }\n\n .search-btn {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <header>\n <div class=\"container\">\n <div class=\"header-content\">\n <div class=\"logo-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <path d=\"m21 21-4.3-4.3\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h1>HR News Search<\/h1>\n <p>Pretra\u017eivanje hrvatskih portala<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"hero\">\n <div class=\"container\">\n <h2>Pretra\u017eite <span>hrvatske portale<\/span><\/h2>\n <p>Istovremeno pretra\u017eujte nacionalne, lifestyle i regionalne portale putem Google pretra\u017eivanja<\/p>\n \n <form class=\"search-form\" onsubmit=\"handleSearch(event)\">\n <input type=\"text\" id=\"searchInput\" class=\"search-input\" placeholder=\"Unesite pojam za pretra\u017eivanje...\">\n <button type=\"submit\" class=\"search-btn\">Pretra\u017ei<\/button>\n <\/form>\n\n <p class=\"active-search\" id=\"activeSearch\" style=\"display: none;\">\n Rezultati za: <span id=\"searchTermDisplay\"><\/span>\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"results\" id=\"results\">\n <div class=\"container\">\n <h3>Kliknite na link za otvaranje Google pretra\u017eivanja<\/h3>\n \n <div class=\"links-grid\">\n \n <div class=\"link-card\">\n <div class=\"link-info\">\n <p>Nacionalni portali<\/p>\n <a id=\"nationalLink\" href=\"#\" target=\"_blank\">Otvori pretra\u017eivanje \u2192<\/a>\n <\/div>\n <button class=\"copy-btn\" onclick=\"copyLink('national')\" title=\"Kopiraj link\">\n <svg id=\"copyIconNational\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"link-card\">\n <div class=\"link-info\">\n <p>Lifestyle & Zdravlje<\/p>\n <a id=\"lifestyleLink\" href=\"#\" target=\"_blank\">Otvori pretra\u017eivanje \u2192<\/a>\n <\/div>\n <button class=\"copy-btn\" onclick=\"copyLink('lifestyle')\" title=\"Kopiraj link\">\n <svg id=\"copyIconLifestyle\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"link-card\">\n <div class=\"link-info\">\n <p>Regionalni portali<\/p>\n <a id=\"regionalLink\" href=\"#\" target=\"_blank\">Otvori pretra\u017eivanje \u2192<\/a>\n <\/div>\n <button class=\"copy-btn\" onclick=\"copyLink('regional')\" title=\"Kopiraj link\">\n <svg id=\"copyIconRegional\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"categories\">\n <div class=\"container\">\n <h3>Uklju\u010deni portali<\/h3>\n \n <div class=\"categories-grid\">\n <div class=\"category-card\">\n <h4>Nacionalni portali<\/h4>\n <div class=\"sites-list\">\n <span class=\"site-tag\">index.hr<\/span>\n <span class=\"site-tag\">jutarnji.hr<\/span>\n <span class=\"site-tag\">24sata.hr<\/span>\n <span class=\"site-tag\">vecernji.hr<\/span>\n <span class=\"site-tag\">tportal.hr<\/span>\n <span class=\"site-tag\">net.hr<\/span>\n <span class=\"site-tag\">dnevnik.hr<\/span>\n <span class=\"site-tag\">rtl.hr<\/span>\n <span class=\"site-tag\">n1info.hr<\/span>\n <span class=\"site-tag\">telegram.hr<\/span>\n <\/div>\n <\/div>\n\n <div class=\"category-card\">\n <h4>Lifestyle & Zdravlje<\/h4>\n <div class=\"sites-list\">\n <span class=\"site-tag\">gloria.hr<\/span>\n <span class=\"site-tag\">story.hr<\/span>\n <span class=\"site-tag\">zadovoljna.hr<\/span>\n <span class=\"site-tag\">miss7.24sata.hr<\/span>\n <span class=\"site-tag\">zivim.hr<\/span>\n <span class=\"site-tag\">ordinacija.hr<\/span>\n <span class=\"site-tag\">zdravobudi.hr<\/span>\n <span class=\"site-tag\">krenizdravo.hr<\/span>\n <span class=\"site-tag\">plivazdravlje.hr<\/span>\n <span class=\"site-tag\">adiva.hr<\/span>\n <span class=\"site-tag\">sensa.hr<\/span>\n <\/div>\n <\/div>\n\n <div class=\"category-card\">\n <h4>Regionalni portali<\/h4>\n <div class=\"sites-list\">\n <span class=\"site-tag\">novilist.hr<\/span>\n <span class=\"site-tag\">slobodnadalmacija.hr<\/span>\n <span class=\"site-tag\">dalmacijadanas.hr<\/span>\n <span class=\"site-tag\">glasistre.hr<\/span>\n <span class=\"site-tag\">sib.hr<\/span>\n <span class=\"site-tag\">zadarski.hr<\/span>\n <span class=\"site-tag\">klikni.hr<\/span>\n <span class=\"site-tag\">zagreb.info<\/span>\n <span class=\"site-tag\">zagrebdanas.hr<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer>\n <div class=\"container\">\n <p>Pretra\u017eivanje se vr\u0161i putem Google-a za odabrane hrvatske portale<\/p>\n <\/div>\n <\/footer>\n\n <script>\n const CATEGORIES = {\n national: [\n \"index.hr\", \"jutarnji.hr\", \"24sata.hr\", \"vecernji.hr\", \"tportal.hr\",\n \"net.hr\", \"dnevnik.hr\", \"rtl.hr\", \"n1info.hr\", \"telegram.hr\"\n ],\n lifestyle: [\n \"gloria.hr\", \"story.hr\", \"zadovoljna.hr\", \"miss7.24sata.hr\", \"miss7zdrava.24sata.hr\",\n \"zivim.hr\", \"zivimzdravo.hr\", \"ordinacija.hr\", \"zdravobudi.hr\", \"krenizdravo.hr\",\n \"plivazdravlje.hr\", \"adiva.hr\", \"sensa.hr\"\n ],\n regional: [\n \"novilist.hr\", \"slobodnadalmacija.hr\", \"dalmacijadanas.hr\", \"glasistre.hr\",\n \"sib.hr\", \"zadarski.hr\", \"klikni.hr\", \"zagreb.info\", \"zagrebdanas.hr\"\n ]\n };\n\n let currentUrls = {};\n\n function buildGoogleSearchUrl(searchTerm, sites) {\n const siteQuery = sites.map(site => `site:${site}`).join(\" OR \");\n const fullQuery = `\"${searchTerm}\" (${siteQuery})`;\n return `https:\/\/www.google.com\/search?q=${encodeURIComponent(fullQuery)}`;\n }\n\n function handleSearch(event) {\n event.preventDefault();\n const searchInput = document.getElementById('searchInput');\n const searchTerm = searchInput.value.trim();\n \n if (!searchTerm) return;\n\n \/\/ Build URLs\n currentUrls = {\n national: buildGoogleSearchUrl(searchTerm, CATEGORIES.national),\n lifestyle: buildGoogleSearchUrl(searchTerm, CATEGORIES.lifestyle),\n regional: buildGoogleSearchUrl(searchTerm, CATEGORIES.regional)\n };\n\n \/\/ Update links\n document.getElementById('nationalLink').href = currentUrls.national;\n document.getElementById('lifestyleLink').href = currentUrls.lifestyle;\n document.getElementById('regionalLink').href = currentUrls.regional;\n\n \/\/ Show results section\n document.getElementById('results').classList.add('active');\n\n \/\/ Show active search term\n document.getElementById('searchTermDisplay').textContent = `\"${searchTerm}\"`;\n document.getElementById('activeSearch').style.display = 'block';\n }\n\n function copyLink(category) {\n const url = currentUrls[category];\n if (!url) return;\n\n navigator.clipboard.writeText(url).then(() => {\n const btn = event.currentTarget;\n btn.classList.add('copied');\n \n \/\/ Show check icon\n const iconId = `copyIcon${category.charAt(0).toUpperCase() + category.slice(1)}`;\n const icon = document.getElementById(iconId);\n icon.innerHTML = '<polyline points=\"20 6 9 17 4 12\"><\/polyline>';\n \n setTimeout(() => {\n btn.classList.remove('copied');\n icon.innerHTML = '<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"><\/path>';\n }, 2000);\n });\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HR News Search – Pretra\u017eivanje hrvatskih portala HR News Search Pretra\u017eivanje hrvatskih portala Pretra\u017eite hrvatske portale Istovremeno pretra\u017eujte nacionalne, lifestyle i regionalne portale putem Google pretra\u017eivanja Pretra\u017ei Rezultati za: Kliknite na link za otvaranje Google pretra\u017eivanja Nacionalni portali Otvori pretra\u017eivanje \u2192 Lifestyle & Zdravlje Otvori pretra\u017eivanje \u2192 Regionalni portali Otvori pretra\u017eivanje \u2192 Uklju\u010deni portali Nacionalni…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"trenutak","author_link":"https:\/\/trenutak.hr\/index.php\/author\/trenutak\/"},"uagb_comment_info":0,"uagb_excerpt":"HR News Search – Pretra\u017eivanje hrvatskih portala HR News Search Pretra\u017eivanje hrvatskih portala Pretra\u017eite hrvatske portale Istovremeno pretra\u017eujte nacionalne, lifestyle i regionalne portale putem Google pretra\u017eivanja Pretra\u017ei Rezultati za: Kliknite na link za otvaranje Google pretra\u017eivanja Nacionalni portali Otvori pretra\u017eivanje \u2192 Lifestyle & Zdravlje Otvori pretra\u017eivanje \u2192 Regionalni portali Otvori pretra\u017eivanje \u2192 Uklju\u010deni portali Nacionalni...","_links":{"self":[{"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":4,"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/trenutak.hr\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}