{"id":188,"date":"2025-10-01T09:37:19","date_gmt":"2025-10-01T09:37:19","guid":{"rendered":"https:\/\/test-www.brain.hr\/?page_id=188"},"modified":"2026-01-12T13:12:24","modified_gmt":"2026-01-12T13:12:24","slug":"alati","status":"publish","type":"page","link":"https:\/\/brain.hr\/en\/alati\/","title":{"rendered":"Tools"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;|30px||30px|false|false&#8221; custom_padding_tablet=&#8221;|||100px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <section id=\"novosti-sve-tAAyX8\" class=\"novosti-sve\" aria-labelledby=\"novosti-sve-tAAyX8-heading\">\r\n        <style>\r\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&display=swap');\r\n\r\n            #novosti-sve-tAAyX8 {\r\n                font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n                color:#111;\r\n                max-width: 1440px;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            \/* Heading: 26px, weight 300, uppercase *\/\r\n            #novosti-sve-tAAyX8 .novosti-header { margin-bottom: 18px; }\r\n            #novosti-sve-tAAyX8 .novosti-heading {\r\n               margin: 0px; font-size:26px; font-weight:300; text-transform:uppercase; line-height:1.25; letter-spacing:.02em;\r\n            }\r\n\t\t\t\/* Desktop-only: suzi grid s karticama za 30px sa svake strane, naslov ostaje kako jest *\/\r\n@media (min-width: 900px) {\r\n  #novosti-sve-tAAyX8 .novosti-grid {\r\n    padding-left: 30px;\r\n    padding-right: 30px;\r\n  }\r\n}\r\n\r\n            \/* Grid 4\/3\/2\/1 kolona, bez dodatnih izmjena na gap\/padding (staro stanje) *\/\r\n            #novosti-sve-tAAyX8 .novosti-grid {\r\n                display: grid;\r\n                grid-template-columns: repeat(4, 1fr);\r\n                column-gap: 20px;\r\n                row-gap: 0px; \/* 0 \u2013 vertikalni razmak rje\u0161ava per-kartica padding JS *\/\r\n            }\r\n            @media (max-width: 1199px) and (min-width: 900px) {\r\n                #novosti-sve-tAAyX8 .novosti-grid { grid-template-columns: repeat(3, 1fr); }\r\n            }\r\n            @media (max-width: 899px) and (min-width: 600px) {\r\n                #novosti-sve-tAAyX8 .novosti-grid { grid-template-columns: repeat(2, 1fr); }\r\n            }\r\n            @media (max-width: 599px) {\r\n                #novosti-sve-tAAyX8 .novosti-grid { grid-template-columns: 1fr; }\r\n            }\r\n\r\n            \/* Kartica \u2013 padding-bottom postavlja JS po najvi\u0161em naslovu u redu *\/\r\n            #novosti-sve-tAAyX8 .novosti-card {\r\n                position: relative;\r\n                list-style: none;\r\n            }\r\n\r\n            #novosti-sve-tAAyX8 .novosti-figure { position: relative; margin: 0; }\r\n\r\n            \/* Slika 4:3 *\/\r\n            #novosti-sve-tAAyX8 .novosti-thumb,\r\n            #novosti-sve-tAAyX8 .novosti-placeholder {\r\n                display: block;\r\n                width: 100%;\r\n                aspect-ratio: 4 \/ 3;\r\n                object-fit: cover;\r\n                background: #eee;\r\n            }\r\n            #novosti-sve-tAAyX8 .novosti-placeholder {\r\n                display:flex; align-items:center; justify-content:center;\r\n                color:#666; font-size:14px;\r\n            }\r\n\r\n            \/* Naslovni blok (90% \u0161irine kartice, \u201cvisi\u201d prema dolje) *\/\r\n            #novosti-sve-tAAyX8 .novosti-title {\r\n                position: absolute;\r\n                left: 0;\r\n                bottom: 0;\r\n                transform: translateY(60%);\r\n                width: 90%;\r\n                background: #F4F5F5;\r\n                padding: 18px 20px;\r\n                font-size: 18px;\r\n                font-weight: 400;\r\n                line-height: 1.28;\r\n                color: #111;\r\n                box-shadow: 0 2px 6px rgba(0,0,0,0.06);\r\n                overflow: visible;\r\n            }\r\n            #novosti-sve-tAAyX8 .novosti-title a { color: inherit; text-decoration: none; }\r\n            #novosti-sve-tAAyX8 .novosti-title a:hover { color:#EE7F00; }\r\n\r\n            \/* Mobile \u2013 ve\u0107i overhang *\/\r\n            @media (max-width: 600px) {\r\n                #novosti-sve-tAAyX8 .novosti-title { transform: translateY(70%); }\r\n            }\r\n\r\n            \/* Load more *\/\r\n            #novosti-sve-tAAyX8 .novosti-load-more-wrap { display:flex; justify-content:center; margin-top: 18px; }\r\n            #novosti-sve-tAAyX8 .novosti-load-more {\r\n                display:inline-flex; align-items:center; justify-content:center;\r\n                padding:10px 18px; border:1px solid #dcdcdc; background:#fff; color:#111;\r\n                font-size:15px; border-radius:6px; cursor:pointer; transition:.2s;\r\n            }\r\n            #novosti-sve-tAAyX8 .novosti-load-more:hover:not([disabled]) { background:#f5f5f5; }\r\n            #novosti-sve-tAAyX8 .novosti-load-more[disabled] { opacity:.5; cursor:not-allowed; }\r\n        <\/style>\r\n\r\n        <div class=\"novosti-header\">\r\n            <!-- Ako stranica ve\u0107 ima H1, promijeni ovo u H2 -->\r\n            <h1 id=\"novosti-sve-tAAyX8-heading\" class=\"novosti-heading\">ALATI<\/h1>\r\n        <\/div>\r\n\r\n        <div class=\"novosti-grid\" role=\"list\" aria-label=\"ALATI\">\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1873\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/informativni-pregled-alata-za-ucenje-i-poucavanje-o-umjetnoj-inteligenciji\/\" aria-label=\"Informativni pregled alata za u\u010denje i pou\u010davanje o umjetnoj inteligenciji\">\r\n                            <img width=\"1024\" height=\"976\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Snimka-zaslona-2026-04-02-140720-1024x976.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Snimka-zaslona-2026-04-02-140720-980x934.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Snimka-zaslona-2026-04-02-140720-480x458.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/informativni-pregled-alata-za-ucenje-i-poucavanje-o-umjetnoj-inteligenciji\/\">Informativni pregled alata za u\u010denje i pou\u010davanje o umjetnoj inteligenciji<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1711\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/be-my-eyes-aplikacija-za-pomoc-slijepim-i-slabovidnim-osobama\/\" aria-label=\"Be My Eyes &#8211; aplikacija za pomo\u0107 slijepim i slabovidnim osobama\">\r\n                            <img width=\"960\" height=\"960\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/be-my-eyes.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/be-my-eyes.jpg 960w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/be-my-eyes-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 960px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/be-my-eyes-aplikacija-za-pomoc-slijepim-i-slabovidnim-osobama\/\">Be My Eyes &#8211; aplikacija za pomo\u0107 slijepim i slabovidnim osobama<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1695\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/elevenlabs-ai-platforma-za-pretvaranje-teksta-u-govor-i-obradu-audio-sadrzaja\/\" aria-label=\"ElevenLabs &#8211; AI platforma za pretvaranje teksta u govor i obradu audio sadr\u017eaja\">\r\n                            <img width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/ElevenLabs-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/ElevenLabs-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/ElevenLabs-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/ElevenLabs-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/elevenlabs-ai-platforma-za-pretvaranje-teksta-u-govor-i-obradu-audio-sadrzaja\/\">ElevenLabs &#8211; AI platforma za pretvaranje teksta u govor i obradu audio sadr\u017eaja<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1641\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/flint-ai-alat-za-pripremu-nastave-vrednovanje-i-personalizirano-ucenje\/\" aria-label=\"Flint &#8211; AI alat za pripremu nastave, vrednovanje i personalizirano u\u010denje\">\r\n                            <img width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/Flint_personalizirano-ucenje-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/Flint_personalizirano-ucenje-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/Flint_personalizirano-ucenje-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/Flint_personalizirano-ucenje-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/flint-ai-alat-za-pripremu-nastave-vrednovanje-i-personalizirano-ucenje\/\">Flint &#8211; AI alat za pripremu nastave, vrednovanje i personalizirano u\u010denje<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1619\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/kako-poboljsati-rad-s-ai-alatima\/\" aria-label=\"Kako pobolj\u0161ati rad s AI alatima?\">\r\n                            <img width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/AI_PARTS_1-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/AI_PARTS_1-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/AI_PARTS_1-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/AI_PARTS_1-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/kako-poboljsati-rad-s-ai-alatima\/\">Kako pobolj\u0161ati rad s AI alatima?<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1434\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/canva-education-sve-napredne-funkcionalnosti-dostupne-besplatno-za-nastavnike-i-ucenike\/\" aria-label=\"Canva Education &#8211; sve napredne funkcionalnosti dostupne besplatno za nastavnike i u\u010denike\">\r\n                            <img width=\"960\" height=\"960\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Canva-Education_n.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Canva-Education_n.jpg 960w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Canva-Education_n-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 960px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/canva-education-sve-napredne-funkcionalnosti-dostupne-besplatno-za-nastavnike-i-ucenike\/\">Canva Education &#8211; sve napredne funkcionalnosti dostupne besplatno za nastavnike i u\u010denike<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1406\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/nove-opcije-aplikacije-gemini-i-zastita-privatnosti\/\" aria-label=\"Nove opcije aplikacije Gemini i za\u0161tita privatnosti\">\r\n                            <img width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Gemini-nove-opcije-privatnost-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Gemini-nove-opcije-privatnost-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Gemini-nove-opcije-privatnost-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Gemini-nove-opcije-privatnost-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/nove-opcije-aplikacije-gemini-i-zastita-privatnosti\/\">Nove opcije aplikacije Gemini i za\u0161tita privatnosti<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1275\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/photomath-podrska-ucenju-matematike\/\" aria-label=\"Photomath \u2013 podr\u0161ka u\u010denju matematike\">\r\n                            <img width=\"960\" height=\"960\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/photomath.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/photomath.jpg 960w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/photomath-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 960px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/photomath-podrska-ucenju-matematike\/\">Photomath \u2013 podr\u0161ka u\u010denju matematike<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1257\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/teachable-machine\/\" aria-label=\"Teachable Machine (with Google)\">\r\n                            <img width=\"960\" height=\"960\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/teachable-machine.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/teachable-machine.jpg 960w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/teachable-machine-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 960px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/teachable-machine\/\">Teachable Machine (with Google)<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1222\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/smjernice-za-sigurno-koristenje-generativne-umjetne-inteligencije-u-obliku-chat-botova-ai\/\" aria-label=\"Smjernice za sigurno kori\u0161tenje generativne umjetne inteligencije u obliku chat botova (AI)\">\r\n                            <img width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/sigurno-koristenje-umjetne-inteligencije-smjernice-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"sigurno koristenje umjetne inteligencije - smjernice\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/sigurno-koristenje-umjetne-inteligencije-smjernice-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/sigurno-koristenje-umjetne-inteligencije-smjernice-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/sigurno-koristenje-umjetne-inteligencije-smjernice-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/smjernice-za-sigurno-koristenje-generativne-umjetne-inteligencije-u-obliku-chat-botova-ai\/\">Smjernice za sigurno kori\u0161tenje generativne umjetne inteligencije u obliku chat botova (AI)<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1013\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/minecraft-education-dostupan-besplatno-svim-ucenicima-u-hrvatskoj\/\" aria-label=\"Minecraft Education besplatan za u\u010denike\">\r\n                            <img width=\"1000\" height=\"700\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Minecraft-Edu.png\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Minecraft-Edu.png 1000w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Minecraft-Edu-980x686.png 980w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Minecraft-Edu-480x336.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/minecraft-education-dostupan-besplatno-svim-ucenicima-u-hrvatskoj\/\">Minecraft Education besplatan za u\u010denike<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1011\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/notebooklm-ai-alat-za-analizu-i-sintezu-dokumenata-s-jedinstvenom-audio-funkcijom\/\" aria-label=\"NotebookLM: AI alat za analizu i sintezu dokumenata\">\r\n                            <img width=\"1000\" height=\"700\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Nostebook.png\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Nostebook.png 1000w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Nostebook-980x686.png 980w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Nostebook-480x336.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/notebooklm-ai-alat-za-analizu-i-sintezu-dokumenata-s-jedinstvenom-audio-funkcijom\/\">NotebookLM: AI alat za analizu i sintezu dokumenata<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"1006\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/pi-your-personal-ai\/\" aria-label=\"PI &#8211; Your personal AI\">\r\n                            <img width=\"1000\" height=\"700\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Pi.png\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Pi.png 1000w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Pi-980x686.png 980w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/12\/Pi-480x336.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/pi-your-personal-ai\/\">PI &#8211; Your personal AI<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                            <article class=\"novosti-card\" role=\"listitem\" data-post-id=\"393\">\r\n                    <figure class=\"novosti-figure\">\r\n                        <a href=\"https:\/\/brain.hr\/en\/novi-europski-visejezicni-model-tildeopen-llm\/\" aria-label=\"Novi europski vi\u0161ejezi\u010dni model &#8211; TildeOpen LLM\">\r\n                            <img width=\"1000\" height=\"700\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/10\/20220224_punctuation_tilde_1000x700.png\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2025\/10\/20220224_punctuation_tilde_1000x700.png 1000w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/10\/20220224_punctuation_tilde_1000x700-980x686.png 980w, https:\/\/brain.hr\/wp-content\/uploads\/2025\/10\/20220224_punctuation_tilde_1000x700-480x336.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/>                        <\/a>\r\n                        <figcaption class=\"novosti-title\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/novi-europski-visejezicni-model-tildeopen-llm\/\">Novi europski vi\u0161ejezi\u010dni model &#8211; TildeOpen LLM<\/a>\r\n                        <\/figcaption>\r\n                    <\/figure>\r\n                <\/article>\r\n                    <\/div>\r\n\r\n        <div class=\"novosti-load-more-wrap\">\r\n            <button type=\"button\" class=\"novosti-load-more\">Prika\u017eite vi\u0161e<\/button>\r\n        <\/div>\r\n\r\n        <script>\r\n            (function(){\r\n                const root  = document.getElementById('novosti-sve-tAAyX8');\r\n                if (!root) return;\r\n\r\n                const grid  = root.querySelector('.novosti-grid');\r\n                const btn   = root.querySelector('.novosti-load-more');\r\n                const cards = Array.from(grid.querySelectorAll('.novosti-card'));\r\n                const buffer = 20;\r\n\r\n                \/\/ Inicijalna vidljivost i batch po ure\u0111aju\r\n                function isMobile(){ return matchMedia('(max-width: 600px)').matches; }\r\n                const desktopInitial = 20;\r\n                const mobileInitial  = 10;\r\n                const desktopBatch   = 20;\r\n                const mobileBatch    = 10;\r\n\r\n                \/\/ Odredi broj kolona prema CSS-u (za izra\u010dun per-red paddinga)\r\n                function getComputedColumns() {\r\n                    const style = window.getComputedStyle(grid);\r\n                    const template = style.getPropertyValue('grid-template-columns');\r\n                    if (!template) return 1;\r\n                    const repeatMatch = template.match(\/repeat\\(\\s*(\\d+)\\s*,\/i);\r\n                    if (repeatMatch) return parseInt(repeatMatch[1], 10);\r\n                    return template.split(' ').filter(Boolean).length;\r\n                }\r\n\r\n                function adjustRowGaps(visibleCount) {\r\n                    \/\/ Reset padding-bottom prije mjerenja\r\n                    cards.forEach((c, idx) => { if (idx < visibleCount) c.style.paddingBottom = '0px'; });\r\n\r\n                    const cols = Math.max(1, getComputedColumns());\r\n                    for (let i = 0; i < visibleCount; i += cols) {\r\n                        const rowCards = cards.slice(i, Math.min(i + cols, visibleCount));\r\n                        let maxTitleHeight = 0;\r\n                        rowCards.forEach(card => {\r\n                            const title = card.querySelector('.novosti-title');\r\n                            if (!title) return;\r\n                            const h = Math.ceil(title.getBoundingClientRect().height);\r\n                            if (h > maxTitleHeight) maxTitleHeight = h;\r\n                        });\r\n                        const pb = (maxTitleHeight > 0 ? (maxTitleHeight + buffer) : buffer) + 'px';\r\n                        rowCards.forEach(card => { card.style.paddingBottom = pb; });\r\n                    }\r\n                }\r\n\r\n                let visibleCount = 0;\r\n                function initialCount(){ return isMobile() ? mobileInitial : desktopInitial; }\r\n                function batchCount(){ return isMobile() ? mobileBatch : desktopBatch; }\r\n\r\n                function render(){\r\n                    cards.forEach((card, idx) => {\r\n                        card.style.display = (idx < visibleCount) ? '' : 'none';\r\n                    });\r\n                    const allShown = visibleCount >= cards.length;\r\n                    btn.style.display = 'inline-flex'; \/\/ uvijek vidljiv\r\n                    btn.disabled = allShown;\r\n\r\n                    \/\/ Nakon promjene vidljivosti, prilagodi per-red razmake\r\n                    requestAnimationFrame(() => adjustRowGaps(visibleCount));\r\n                }\r\n\r\n                function init(){\r\n                    visibleCount = Math.min(initialCount(), cards.length);\r\n                    render();\r\n                }\r\n\r\n                btn.addEventListener('click', () => {\r\n                    visibleCount = Math.min(visibleCount + batchCount(), cards.length);\r\n                    render();\r\n                });\r\n\r\n                \/\/ Re-izra\u010dun kod resize-a (promjena broja kolona ili visina naslova)\r\n                let raf;\r\n                window.addEventListener('resize', () => {\r\n                    cancelAnimationFrame(raf);\r\n                    raf = requestAnimationFrame(() => adjustRowGaps(visibleCount));\r\n                });\r\n\r\n                if (document.readyState === 'complete') {\r\n                    init();\r\n                    setTimeout(() => adjustRowGaps(visibleCount), 200);\r\n                } else {\r\n                    window.addEventListener('load', () => { init(); setTimeout(() => adjustRowGaps(visibleCount), 200); });\r\n                    setTimeout(() => { init(); setTimeout(() => adjustRowGaps(visibleCount), 200); }, 350);\r\n                }\r\n            })();\r\n        <\/script>\r\n    <\/section>\r\n    [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;|30px||30px|false|false&#8221; custom_padding_tablet=&#8221;|||100px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-188","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":22,"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":1077,"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/pages\/188\/revisions\/1077"}],"wp:attachment":[{"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}