PageSourceSearch

https://avaz.ba/_next/static/chunks/pages/newsletter/[newsLetterHash]-3949d616f387b6c6.js

js avaz.ba collected 2026-09-24 17:14:10 UTC 21,603 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5299],{93742:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/newsletter/[newsLetterHash]",function(){return e(10817)}])},10817:function(n,t,e){"use strict";e.r(t),e.d(t,{__N_SSP:function(){return o}});var a=e(85893),i=e(66180),o=!0;t.default=function(n){var t=n.articles,e=n.banners,o=n.email;return(0,a.jsx)("div",{dangerouslySetInnerHTML:{__html:function(){var n=function(n){var t=n.getDate(),e=["Januar","Februar","Mart","April","Maj","Juni","Juli","August","Septembar","Oktobar","Novembar","Decembar"][n.getMonth()],a=n.getFullYear();return"".concat(t," ").concat(e,", ").concat(a)}(new Date);return'\n       <!DOCTYPE html>\n<html lang="bs">\n\n<head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Avaz Newsletter</title>\n\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            background-color: white;\n            margin: 0;\n            padding: 0;\n            width: 100%;\n        }\n\n        .container {\n            width: 100%;\n            max-width: 700px;\n            background-color: #ffffff;\n            margin: 0px auto;\n            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        hr{\n            margin-left:auto;\n            margin-right:auto;\n        }\n\n        .header {\n            text-align: center;\n            width: 80%;\n            display: block;\n        }\n\n        .header img {\n            max-width: 80%;\n            height: auto;\n            display: block;\n            margin: 0 auto;\n        }\n\n        .stamp-row {\n            align-items: baseline;\n        }\n\n        .center-col {\n            text-align: center;\n        }\n\n        /* centers everything  */\n        .full-img {\n            width: 100%;\n            max-width: 360px;\n            border-radius: 6px;\n        }\n\n        .small-hr {\n            border: 0;\n            height: 8px;\n            background: #D50000;\n            width: 100%;\n            max-width: 360px;\n            margin: 0 auto 15px;\n        }\n\n\n        .title {\n            font-size: 60px;\n            font-weight: bold;\n            text-align: center;\n            margin: 15px 0;\n            display: block;\n            color: #EC2128;\n            justify-content: flex-start;\n            font-family: \'DM Sans\', sans-serif;\n\n        }\n\n        .paginacija {\n            font-size: 100px;\n            color: #E0E0E0;\n            line-height: 1;\n            font-family: \'Didot\', \'Bodoni\', \'Playfair Display\', serif;\n        }\n\n        .date {\n            text-align: center;\n            color: #666;\n            font-size: 17px;\n            display: block;\n            margin-bottom: 15px;\n            padding-top: 25px;\n        }\n\n        .glavniHr {\n\n            border: 0;\n            height: 8px;\n            background: #D50000;\n            width: 100%;\n            margin-top: 0px;\n\n\n        }\n\n        .article {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            padding: 20px 0;\n            border-bottom: 1px solid #ddd;\n            padding-bottom: 30px;\n        }\n\n        .article img {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n            border-radius: 6px;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .article-content {\n            flex: 1;\n            display: block;\n        }\n\n        .article h2 {\n            font-size: 18px;\n            color: #383435;\n            margin: 0 0 5px;\n        }\n\n        .article p {\n            font-size: 40px;\n            color: #231F20;\n            margin: 0;\n        }\n\n        .obav {\n            font-family: \'Roboto\', sans-serif;\n            font-size: 18px;\n            max-width: 75%;\n            color: #383435;\n            margin-bottom: 50px;\n        }\n\n        .read-more {\n            display: block;\n            text-align: left;\n            color: #d32f2f;\n            font-weight: bold;\n            text-decoration: none;\n            margin-top: 8px;\n            font-size:14px!important;\n        }\n\n        .footer {\n            text-align: center;\n            padding: 15px;\n            font-size: 12px;\n            color: #666;\n            display: block;\n            width: 100%;\n        }\n\n        .adContainer {\n            align-items: center;\n            justify-content: center;\n            align-self: center;\n        }\n\n        .unsubscribe {\n            text-align: center;\n            margin-top: 10px;\n            display: block;\n            width: 100%;\n            font-size: 20px;\n        }\n\n        .container-slike {\n            paddding-top: 15px;\n            display:flex;\n            justify-content:center;\n\n        }
1\n\n        .middlePart{\n              width:74%;\n        }\n\n        .sideParts{\n              width:13%;\n        }\n\n        .sideParts{\n          justify-content:center;\n        }\n\n\n        /* New, more granular mobile breakpoint for devices up to 600px */\n        @media only screen and (max-width: 700px) {\n            .container {\n\n                padding: 10px;\n                //max-width: 92% !important;\n            }\n\n            /* Stamps: hide desktop copy, show mobile copy */\n            .stamp-desktop {\n                display: none !important;\n            }\n\n            .stamp-mobile {\n                display: block !important;\n            }\n\n\n\n            .title {\n                font-size: 68px;\n            }\n\n            .paginacija {\n                font-size: 43px !important;\n                line-height:43px!important;\n            }\n\n            .stamp-text {\n                font-size: 15px !important;\n            }\n\n            .govno {\n\n                width: 100% !important;\n\n            }\n\n            .slikica {\n                max-width: 240px !important;\n                /* \u2248\xa02\u20443 of the desktop size   */\n                width: 80% !important;\n                /* or any % you prefer         */\n                margin-left: 17px !important;\n                /* stop it from shifting right */\n            }\n\n            h1.heading-word {\n                font-size: 14px !important;\n            }\n\n            .article-titleX {\n                font-size: 18px !important;\n                line-height:20px!important;\n            }\n\n            .articleSubtitle {\n                font-size: 16px !important;\n                line-height:17px!important;\n            }\n\n            .article {\n\n                align-items: flex-start !important;\n                gap: 12px !important;\n            }\n\n            .article img {\n                width: 100% !important;\n                height: auto !important;\n                margin:0 auto!important;\n            }\n\n            .obav {\n                font-size: 16px;\n                max-width: 100%;\n            }\n\n            .article-title {\n                font-size: 15px !important;\n                line-height: 24px !important;\n                margin-left: 0px !important;\n            }\n\n            .read-more {\n                font-size: 18px;\n            }\n\n\n\n            /* Hide huge number & make wrapper fit */\n            .article-wrap {\n                width: 100% !important;\n            }\n\n\n            .footer h3 {\n                font-size: 24px;\n            }\n\n            .footer p,\n            .date {\n                font-size: 14px;\n            }\n\n            /* ====== fix horizontal overflow on mobile ====== */\n            .heading-row {\n                margin-left: 0 !important;\n            }\n\n            /* NEWSLETTER line */\n\n\n            /* each article card */\n            .article-wrap>hr {\n                margin-left: 0 !important;\n                width: 80% !important;\n            }\n\n            /* red bar */\n            .heading-word {\n                font-size: 34px !important;\n                line-height: 38px !important;\n            }\n\n            .heading-bar {\n                display: block !important;\n                /* show it */\n                width: 100% !important;\n                /* span the full screen width */\n                margin: 10px 0 0 0 !important;\n                /* sit just below \u201cNEWSLETTER\u201d; no left margin */\n                margin-bottom: 10px !important;\n                height: 5px !important;\n            }\n\n            .unsubscribe {\n                font-size: 16px;\n            }\n\n            .middlePart{\n              width:70%;\n            }\n\n            .sideParts{\n              width:15%;\n            }\n\n\n            .social{\n              flex-direction: column;\n            }\n        }\n\n        @media only screen and (max-width: 700px) and (min-width:600px) {\n            h1.heading-word {\n                font-size: 18px !important;\n            }\n        }\n\n        @media only screen and  (min-width:700px) {\n            h1.heading-word {\n                font-size: 26px !important;\n            }\n        }\n\n\n\n\n\n\n        @media only screen and (min-width: 950px) {\n            h1.heading-word {\n                font-size: 44px !important;\n            }\n        }\n\n\n\n\n    </style>\n</head>\n\n<body>\n    <div class="container">\n        <div class="header" style="margin-top:20px">\n\n            <div class="container-slike">\n            <a href="https://avaz.ba">\n                <img src="https://cdn.avaz.ba/newsletter-banners/3372bef4-e488-4f1a-a13e-353d94f5dcf2.png" alt="Avaz Logo" style="width:70%" />\n            </a>\n            </div>\n        </div>\n\n        \x3c!-- Example date placeholder --\x3e\n        <div class="date">'.concat(n,'</div>\n\n        <hr style="border: 0; height: 1px; background: #ccc; margin: 10px auto; width: 80% ; ">\n\n\n        <div>\n\n            <hr style="\n          border: 0;\n          height: 1px;\n          background: #ccc;\n          margin: 10px auto;\n          width: 100%;\n          " />\n        </div>\n        <div class="heading-row" style="display:flex;align-items:center;margin:2px 0 3px 0px;width:100%">\n            <h1 class="heading-word"\n                style="color:#EC2128!important;font-weight:bold;margin:0;white-space:nowrap;padding-right:10px;width:50%;text-align:right;">\n                NEWSLETTER</h1>\n            <hr class="heading-bar" style="flex-grow:1;border:none;height:8px;background:#D50000;margin:0">\n        </div>\n\n        <p class="obav">\n            Po\u0161tovani \u010ditatelji, donosimo vam naj\u010ditanije pri\u010de na\n            najposje\u0107enijem portalu Avaz.ba\n        </p>\n\n        <div style="display:grid;gap:20px;width: 100%;max-width: 700px;">\n\n            \x3c!-- Here is where we loop through selectedArticles --\x3e\n            ').concat(t.map((function(n,t){var a;return'\n            <div class="article-wrap"\n                style="max-width:700px;width:100%;background-color:'.concat(t%2===1?"#F0ECE9":"transparent",';overflow:visible; gap: 20px;">\n\n                <div class="article" style="\n                  max-width:  100%;\n                  margin:0;\n                  display: flex;\n                  align-items: center;\n                  flex-direction: column;\n\n                  border-bottom: none !important;\n                ">\n\n                    <div style="margin:0 auto" class="middlePart">\n\n\n                        <hr class="glavniHr" style="border:0;height:8px;background:#D50000; width:100%;\n                        @media only screen and (max-device-width:600px){\n                          width:50% !important;\n                          margin:0 auto !important;\n                          height:5px !important;\n                        }\n                    " />\n\n                        <div class="govno" style="text-align: center;">\n\n                            <img src="').concat((0,i.p)(null===(a=n.thumbnailImage)||void 0===a?void 0:a.thumbnailUrl)||"https://via.placeholder.com/100",'"\n                                alt="').concat(n.title,'" style="\n                              width: 100%;\n                              border-radius: 6px;\n                              margin-bottom: 10px;\n                            " />\n                        </div>\n\n                    </div>\n\n\n                    \x3c!-- Article Content --\x3e\n                    <div style="display:flex;width:100%">\n\n                        \x3c!-- desktop copy --\x3e\n                        <div class="stamp-row sideParts" style="display:flex;align-items:flex-start;">
1\n                            <span class="paginacija" style="font-family:\'Didot\',\'Playfair Display\',serif;\n                                      font-size:100px;line-height:84px;color:#E0E0E0;">\n                                ').concat(t+1,'\n                            </span>\n\n\n                        </div>\n\n                        \x3c!-- mobile copy, starts hidden --\x3e\n                        \x3c!-- mobile copy, shows on \u2264600\u202fpx --\x3e\n\n                        <div style="width:80%">\n                            <span class="stamp-text" style="font-family:DMSans,sans-serif;\n                          font-size:25px;line-height:29px;font-weight:700;\n                          color:rgb(46,43,44);margin-left:0px; margin-top:50px;">\n                                ').concat(n.stamp,'\n                            </span>\n\n\n                            <p class="article-titleX" style="font-family:Roboto,sans-serif;\n                            font-size:36px;\n                            font-weight:500;\n                            line-height:42px;\n                            margin-bottom:10px;\n                            color:rgb(46,43,44);">\n                                                                                           <a href="').concat(n.external_link,'"> ').concat(n.title||"Nema sadr\u017eaja",'</a>\n                            </p>\n\n\n\n                            <p class="articleSubtitle"\n                                style="font-family:  Roboto,sans-serif; font-size:20px; ">').concat(n.subtitle,'</p>\n\n\n                            <a href="').concat(n.external_link,'" style="\n                      color: #d32f2f;\n                      font-weight: bold;\n                      text-decoration: none;\n                      margin-top:20px;\n                      font-size:14px;\n                      font-family:\'Roboto\',sans-serif\n                    ">\n                                Pro\u010ditaj vi\u0161e\n                            </a>\n\n\n                        </div>\n\n                        <div class="sideParts"></div>\n                    </div>\n                </div>\n            </div>\n\n            ').concat(t+1!==2&&t+1!==4||!e[t+1===2?0:1]?"":'\n            <div style="width: 100%; background-color: #ffffff;">\n                <div class="article" style="display: flex;align-items: center;justify-content: center;border-bottom: none;">\n                    <a href="'.concat(e[t+1===2?0:1].link||"#",'" target="_blank" style="text-align:center; display:block;">\n                        <img class="slikica" src="').concat(e[t+1===2?0:1].imageUrl,'" alt="Newsletter Banner"\n                            style="width: 100%; max-width:360px; border-radius: 6px; display: block;" />\n                    </a>\n                </div>\n            </div>\n            '),"\n\n            ")})).join(""),'\n\n        </div>\n\n        \x3c!-- FOOTER AREA --\x3e\n        <div class="">\n\n\n            \x3c!-- App Store & Google Play Section --\x3e\n            <div style="text-align: center; ">\n                \x3c!-- Red Title Section Above App Heading --\x3e\n                <div style="text-align: center; padding: 15px 0; width:100%">\n                    <p style="\n      color: #e60000;\n      font-size: 30px;\n      font-weight: 400;\n      margin: 0;\n      font-family: \'Google Sans\', Roboto, Arial, sans-serif;\n\n\n    ">\n                        Pogledaj najnovije vijesti na Avaz.ba\n                    </p>\n                    <p style="\n      color: rgb(46,43,44);\n      font-size: 16px;\n      margin: 5px 0 15px 0;\n      font-weight:italic\n      font-family: \'Google Sans\', Roboto, Arial, sans-serif;\n\n\n    ">\n                        Pogledajte najnovije vijesti i budite u toku s najva\u017enijim\n                        <br>de\u0161avanjima iz BiH i svijeta.\n                    </p>\n                    <hr style="\n              border: 0;\n              height: 1px;\n              background: #ccc;\n              margin-top: 30px;\n              width: 80%;\n            " />\n                </div>\n\n                <h3 style="\n              font-size: 30px;\n              color: #333;\n              margin-bottom: 10px;\n              font-weight: bold;\n            ">\n                    Dnevni avaz aplikacija\n                </h3>\n                <div class="social" style="\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              gap: 20px;\n            ">\n                    <a href="https://apps.apple.com/ba/app/avaz/id584780409?l=hr" target="_blank">\n                        <img src="https://cdn.avaz.ba/newsletter-banners/79a3b3fa-8154-4039-9524-f91c8c7db504.png"\n                            alt="Apple Store" style="height: 30px;" />\n                    </a>\n                    <a href="https://play.google.com/store/apps/details?id=ba.leftor.avaz&hl=hr&pli=1" target="_blank">\n                        <img src="https://cdn.avaz.ba/newsletter-banners/ce51cbb3-3681-4c61-bc69-3fe09f0aa8be.png"\n                            alt="Google Play" style="height: 30px;" />\n                    </a>\n                </div>\n                <hr style="\n              border: 0;\n              height: 1px;\n              background: #ccc;\n              margin-top: 30px;\n              width: 80%;\n            " />\n            </div>\n\n            \x3c!-- Social Media Icons --\x3e\n            <div style="text-align: center; padding: 15px 0;" >\n                <div style="\n              display: flex;\n              justify-content: center;\n              gap: 15px;\n            ">\n                    <a href="https://www.facebook.com/dnevniavaz" target="_blank">\n                        <img src="https://cdn.avaz.ba/newsletter-banners/26796e73-5bb6-486f-af45-6631b3887e7e.png" alt="Facebook"\n                            style="width: 40px; height: 40px;" />\n                    </a>\n                    <a href="https://www.instagram.com/dnevniavaz" target="_blank">\n                        <img src="https://cdn.avaz.ba/newsletter-banners/d3621595-30c0-4a04-bae5-b218ac828f0c.png" alt="Instagram"\n                            style="width: 40px; height: 40px;" />\n                    </a>\n                    <a href="https://x.com/DnevniAvaz" target="_blank">\n                        <img src="https://cdn.avaz.ba/newsletter-banners/a323e9e2-9d5d-4991-a499-fb7ebb5677fb.png" alt="Twitter"\n                            style="width: 40px; height: 40px;" />\n                    </a>\n                    <a href="https://www.youtube.com/c/DnevniAvazTV" target="_blank">\n                        <img src="https://cdn.avaz.ba/newsletter-banners/e21ccc1c-7201-422c-8615-acd88de77455.png" alt="YouTube"\n                            style="width: 40px; height: 40px;" />\n                    </a>\n                </div>\n                <hr style="\n              border: 0;\n              height: 1px;\n              background: #ccc;\n              margin-top: 30px;\n              width: 80%;\n            " />\n            </div>\n\n            <div class="" style="padding-bottom: 30px;text-align:center">\n                <a href="').concat("https://apiv.avaz.ba/api/newsletter-users/unsubscribe?email="+o,'" style="color: #333; font-size: 15px;">Ako ne \u017eelite primati ovakve e-mailove, mo\u017eete se odjaviti\n                    klikom na ovaj <span style="color: red;">link</span></a>\n            </div>\n            <hr style="\n              border: 0;\n              height: 1px;\n              background: #ccc;\n              margin-bottom: 30px;\n              width: 80%;\n            " />\n            <div class="container-slike">\n            <a href="https://avaz.ba" style="justify-content: center;display:flex">\n                <img src="https://cdn.avaz.ba/newsletter-banners/3372bef4-e488-4f1a-a13e-353d94f5dcf2.png" alt="Avaz Logo" style="width:60%" />\n            </a>\n            </div>\n\n            <div style="margin-top: 20px;">\n                Vlasnik autorskih prava &copy; avaz-roto press d.o.o. ISSN\n                1840-3522.<br />\n                Zabranjeno preuzimanje sadr\u017eaja bez dozvole izdava\u010da.\n            </div>\n        </div>\n        \x3c!-- /FOOTER AREA --\x3e\n    </div>\n</body>\n\n</html>\n      ')}()}})}}},function(n){n.O(0,[9774,2888,179],(function(){return t=93742,n(n.s=t);var t}));var t=n.O();_N_E=t}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.