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 © 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.