Instytut Gość Media

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="pl" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Instytut Gość Media</title> <meta name="author" content="Instytut Gość Media"> <meta name="generator" content="www.igomedia.pl"> <meta property="og:site_name" content="Instytut Gość Media"> <meta http-equiv="refresh" content="3600"> <meta moj="test"> <link rel="stylesheet" type="text/css" href="/static/themes/igomedia-2016/service.min.css?_=aQxRnoY4ZFM2SdiSyRcahw"/> <script type='text/javascript'> window.CookieMsgVersion = 2; window.PrivacyPolicyContentURL = "https://www.wiara.pl/_int/welcome-message"; var wre={"web":{},"api":{"DEBUG":false,"ReportProblem":null,"GetHelp":null,"LoginLayer":null,"ReportJSWarns":false,"migrateMute":true,"ServiceWorker":"/static/js/sw.min.js"}}; wre.Ready=function(cb){}; wre.EmitDone=function(cb){}; wre.IncReqScripts=function(){wre._req_scripts++}; wre._req_scripts=0; wre.api.MOBILE=false; (function() { "use strict"; var readyList=[],readyFired=false,inst=false,d=document; function ready(){if(!readyFired){readyFired=true;for(var i=0;i<readyList.length;i++){readyList[i].fn.call(window,readyList[i].ctx);}readyList=null;}}; wre.Ready=function(callback,context){if(readyFired||!wre._req_scripts){setTimeout(function(){callback(context);},1);return;}else{readyList.push({fn:callback,ctx:context});}}; wre.EmitDone=function(){wre._req_scripts--;if(wre._req_scripts <= 0){ready();}}; })(); </script> <script type="text/javascript" src="//wf2.xcdn.pl/static/js/desktop.min.js?_=_xKyf4PBjIkypB5cp94rXw"></script> <script>wre.IncReqScripts(); wre.recaptcha_v3_key="6LfKq5UUAAAAAMU4Rd1_l_MKSJAizQb5Mk_8bFA_";</script> <script src="https://www.google.com/recaptcha/api.js?render=6LfKq5UUAAAAAMU4Rd1_l_MKSJAizQb5Mk_8bFA_" async onload="wre.EmitDone()"></script> <script type="text/javascript"> $(document).on("mobileinit", function () { $.mobile.ajaxEnabled = false; }); </script> <script type="text/javascript"> /* <![CDATA[ */ wre.api.SERVICE_ROOT = "/"; wre.api.ReportProblem = "x9b5327ec.xff17b375"; wre.api.GetHelp = "x014234ef.x09b49125"; wre.api.LoginLayer = "xedcfe968.x2b43a516"; wre.api.ReportAbuse = "x9b5327ec.x3d8cf562"; wre.api.UserInfoTooltip = "xedcfe968.x62ac0126"; wre.api.NewMessage = "xedcfe968.xeda7861c"; wre.api.AddFriend = "xedcfe968.xd4d39bc2"; wre.api.ManageFollowers = "x52c6d494.x6ed3e580"; wre.api.Sink = "https://www.wiara.pl/sink"; wre.api.Logout = "x2983bb04.x8d97e42a"; wre.api.CommentVote = "x52c6d494.x70f961d2"; wre.api.CommentAbuse = "x52c6d494.xba877c6c"; wre.api.Adverts = false; wre.api.AdvertsDFPAsync = true; wre.api.SessionKey = "wiara_sid"; wre.api.CookiePrefix = ""; wre.api.WidgetsFrame = 3; wre.api.community = {}; wre.includes = {}; wre.includes.player = ["//wf2.xcdn.pl/static/js/player-audio.min.js?_=DbqkyN6fmGisRAfVDxmjVg"]; wre.includes.mejs = ["//wf1.xcdn.pl/static/js/jquery/mejs/build-4.2.9/mediaelement-and-player.min.js?_=rJ6hiWug6GJG9U_yXnqA"]; wre.includes.webevents = ["//wf1.xcdn.pl/static/js/websocket-client.min.js?_=GnJe552nb1ub1uNOYL2BrQ"]; /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', "UA-22353525-1", { cookieDomain: ".igomedia.pl", legacyCookieDomain: ".igomedia.pl" }); ga('send', 'pageview'); ga('set', 'anonymizeIp', true); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TV64FXJQ"); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ (function(u,p,s,c,r){u[r]=u[r]||function(p){(u[r].q=u[r].q||[]).push(p)},u[r].ls=1*new Date();var a=p.createElement(s),m=p.getElementsByTagName(s)[0];a.async=1;a.src=c;m.parentNode.insertBefore(a,m)})(window,document,'script','//files.upscore.com/async/upScore.js','upScore'); upScore({"config": {"domain": "igomedia.pl", "track_positions": true, "article": ""}, "data": {"object_id": "", "pubdate": "", "author": "", "custom_source": "", "custom_app": 0, "section": "main-page", "object_type": "landingpage"}}); /* ]]> */ </script> <script type="text/javascript" src="/static/js/browser-update.min.js?_=15174" async="async" defer="defer"></script> <link href="/static/themes/igomedia-2016/touch-icons/touch-icon-192x192.png" rel="icon" sizes="192x192"/> <link href="/static/themes/igomedia-2016/touch-icons/180igm.png" rel="apple-touch-icon-precomposed" sizes="180x180"/> <link href="/static/themes/igomedia-2016/touch-icons/152igm.png" rel="apple-touch-icon-precomposed" sizes="152x152"/> <link href="/static/themes/igomedia-2016/touch-icons/144igm.png" rel="apple-touch-icon-precomposed" sizes="144x144"/> <link href="/static/themes/igomedia-2016/touch-icons/120igm.png" rel="apple-touch-icon-precomposed" sizes="120x120"/> <link href="/static/themes/igomedia-2016/touch-icons/114igm.png" rel="apple-touch-icon-precomposed" sizes="114x114"/> <link href="/static/themes/igomedia-2016/touch-icons/76igm.png" rel="apple-touch-icon-precomposed" sizes="76x76"/> <link href="/static/themes/igomedia-2016/touch-icons/72igm.png" rel="apple-touch-icon-precomposed" sizes="72x72"/> <link href="/static/themes/igomedia-2016/touch-icons/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed"/> <link rel="manifest" href="https://www.igomedia.pl/manifest.webmanifest.json"/> <meta name="msapplication-TileColor" content="#da532c"/> <meta name="theme-color" content="#ffffff"/> <link rel="shortcut icon" href="/static/themes/igomedia-2016/favicon.ico?v=qj9y1K8lgSgUCz57gw0oA" type="image/x-icon" /> <meta property="fb:app_id" content="314192143101"/> <meta name="description" content="Wydawca tygodnika Gość Niedzielny, miesięcznika Mały Gość Niedzielny, Radia eM, portalu Wiara.pl. Media katoilckie: radio, prasa, internet."/> <meta property="og:description" content="Wydawca tygodnika Gość Niedzielny, miesięcznika Mały Gość Niedzielny, Radia eM, portalu Wiara.pl. Media katoilckie: radio, prasa, internet."/> <meta property="og:image" content="https://www.igomedia.pl/static/images/base/igomedia.jpg"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="www.igomedia.pl"/> <meta property="og:title" content="Instytut Gość Media"/> <script type="application/ld+json">{"@context": "https://schema.org", "url": "https://www.igomedia.pl", "name": "Instytut Go\u015b\u0107 Media"}</script> <meta name="keywords" content="media katolickie, radio, tygodnik, miesięcznik, portal internetowy, informacje religijne, reklama w mediach, wydawnictwo, działalność wydawnicza"/> <meta name="msapplication-config" content="none"/> </head> <body id="body" class="home-page"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TV64FXJQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="fb-root"></div> <script> window.fbAsyncInit=function() {FB.init({appId:"314192143101",xfbml:true,version:'v2.9'});}; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.async=1; js.src = "//connect.facebook.net/pl_PL/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <script type="text/javascript"> /* <![CDATA[ */ var pp_gemius_identifier = new String("ncngi7Maf4bf5arBnxxzFuUC.lzFrOMU8g9MzHCMkPj.e7"); var org_gemius_identifier = new String("ncngi7Maf4bf5arBnxxzFuUC.lzFrOMU8g9MzHCMkPj.e7"); function gemius_pending(i) { window[i] = window[i] || function() {var x = window[i+'_pdata'] = window[i+'_pdata'] || []; x[x.length]=arguments;};}; gemius_pending('gemius_hit'); gemius_pending('gemius_event'); gemius_pending('pp_gemius_hit'); gemius_pending('pp_gemius_event'); (function(d,t) {try {var gt=d.createElement(t),s=d.getElementsByTagName(t)[0],l='http'+((location.protocol=='https:')?'s':''); gt.setAttribute('async','async'); gt.setAttribute('defer','defer'); gt.src=l+'://gapl.hit.gemius.pl/xgemius.js'; s.parentNode.insertBefore(gt,s);} catch (e) {}})(document,'script'); /* ]]> */ </script> <div id="w"> <div id="NewReleaseLayer" style="display:none"> <a href="#" class="BtnClose" style="font-size:16px">Powrót do strony</a> <div class="Content"></div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-HeaderMobile wp-el" > <div id="h" data-role="header"> <a href="javascript: history.go(-1)" data-icon="arrow-l" data-iconpos="notext" id="backBtn" class="ui-btn-right" style="display:none;">powrót</a> </div> <div id="h2" class="StickyHdr" style="background-color:#ffffff"> <div class="logo"> <a href="https://www.igomedia.pl" class="custom-logo"> <img src="//wf1.xcdn.pl/files/22/04/13/850306_zbyY_logoigm.webp" alt="Wiara.pl - Serwis"> </a> </div> <div class="mobile-menu Menu"> <button class="mobile-menu__button MenuButton" data-role="none">Menu</button> <div class="mobile-menu__content"> <ul> <li class="lks_img"> <a href="https://www.igomedia.pl/Igomedia-kontakt"> <span>Kontakt</span> </a> </li> <li class="lks_img"> <a href="http://gosc.pl"> <span>Serwis Gosc.pl</span> </a> </li> <li class="lks_img"> <a href="http://malygosc.pl"> <span>Mały Gość Niedzielny</span> </a> </li> <li class="lks_img"> <a href="http://radioem.pl"> <span>Radio eM</span> </a> </li> <li class="lks_img"> <a href="http://foto.gosc.pl"> <span>Agencja Foto Gość</span> </a> </li> <li class="lks_img"> <a href="http://wiara.pl"> <span>Wiara.pl</span> </a> </li> <li class="lks_img"> <a href="https://www.igomedia.pl/Prenumerata"> <span>Prenumerata wydania papierowego</span> </a> </li> <li class="lks_img"> <a href="http://reklama.gosc.pl"> <span>Reklama w naszych mediach</span> </a> </li> <li class="lks_img"> <a href="http://fundacja.gosc.pl"> <span>Fundacja Gość Niedzielny</span> </a> </li> </ul> </div> </div> <div class="nav-dropdown nav-login-box"> <a href="" class="nav-login-box__toggler DropdownToggler">twój profil</a> <div class="nav-dropdown__inner"> <div class="nav-login-box__login"> <div class="nav-login-box__header"> Nie jesteś zalogowany </div> <div id="l"> <div class="l1"><a href="https://moj.gosc.pl/" class="b show-layer-login" title="zaloguj się">zaloguj się</a></div> <div class="l2"><a href="https://moj.gosc.pl/rejestracja" class="b" title="załóż konto">zarejestruj się</a></div> </div> </div> </div> </div> <form class="search" method="get" id="search_form" action="/wyszukaj/wyrazy"> <button class="search__button SearchButton" type="button" data-role="none">Wyszukiwarka</button> <div class="search__content"> <input type="text" data-role="none" class="search__input" name="q" class="input" placeholder="Wyszukaj..." value="" /> <input type="submit" data-role="none" class="search__submit" id="search" value="szukaj" data-width="233" /> </div> </form> <div class="layout-group-name" id="LayoutGroupName" style="display:none"></div> </div> <script type="text/javascript"> /* <![CDATA[ */ $(function(){ wre.web.InstallMobileHeader(); wre.web.InstallLayoutGroups(); }); /* ]]> */ </script> </div> <div class="wp-bd fl-w100 webpart-wrap-raw_html wp-el" > <style> body { position: relative; } div#qc-cmp2-container { position: absolute; bottom: 80px; right: 0; z-index: 9999; display: flex; left: 0; width: 100%; margin: auto; justify-content: flex-end; } .qc-cmp2-persistent-link { position: static; background-color: transparent; } @keyframes start { 0% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } } body{ opacity: 0; animation: start 5s forwards; } .layout-1200{ padding: 0; justify-content: center; display: flex; align-items: center; } .c1200{ margin:0; padding:0; } /* Logo */ .logo { top: 0; bottom: unset; left: 5%; height: 80px; width: 284px; background: white; display: flex; justify-content: center; align-items: center; z-index: 10; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } /* #search_form.search.open button.search__button { background: red !important; } */ .search__button { border: none; text-indent: -9999px; padding: 0; position: relative; background: none; width: 50px; height: 50px; background: white !important; border-color: white !important; border: none !important; outline: transparent !important; } .search__button:after { color: #000; } .logo a { width: 100% !important; height: 100% !important; display: flex !important; justify-content: center; align-items: center; } .logo a img { height: auto; width: 226px; display: flex; max-width: unset; } #h2 { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background:white; } .mobile-menu, .nav-messages, .nav-login-box, .search { background: red; } /* mobile logic */ /* overflow for sliders */ .slick-list { position: relative; } .slick-list::after { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: red; z-index: 34; } .mobile-menu__content { display: flex; justify-content: center; align-items: center; } .nav-login-box .nav-dropdown__inner, .nav-messages .nav-dropdown__inner { display: flex; justify-content: center; align-items: center; width: 100%; } form.search .search__content { display: none; top: 50px; height: 0; } form.search.open .search__content { display: flex; top: 50px; height: 100vh; flex-direction: row; justify-content: center; align-items: center; } .search__input { height: 50px; display: flex; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .search__submit { width: unset; position: unset; border-bottom: 1px solid #6b6766; display: flex; margin-bottom: -1px; } .searchOpen #h2 { margin-top: 0 !important; } .mobile-menu__content { width: 100%; max-width: 100%; background: #E2002B; } #f { display: none; } .webpart-wrap-HeaderMobile { padding-top: 0; } @media (max-width:992px) { #h { min-width: unset; } .layout-1200 { width: 100% !important; } .c1200 { width: 100% !important; } .mobile-menu__content { width: unset; max-width: unset; } .mobile-menu__content { position: fixed; right: 0; /* bottom: unset; */ } .nav-login-box .nav-dropdown__inner, .nav-messages .nav-dropdown__inner{ width:unset; bottom: unset; height: unset; } body.searchOpen .StickyHdr{ top:50px !important; transition: unset !important; } body.searchOpen{ margin-top: -100px; } form.search.open .search__content{ position: fixed; top: 0; height: 50px; padding: 0; background: #ff0000; } .search__content input[type="submit"]{ padding-left: 2rem; padding-right: 2rem; } .search__input::placeholder{ font-size: 15px; color:#640014; } .search__input{ padding-left:2rem; } .slider2019{ display: none !important; } .mobile-menu__content a { display: flex; justify-content: center; } .nav-login-box__logged-in{ background:#E2002B; } .nav-login-box__logged-in .user-profile__content{ display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; } .your-class.slick-initialized.slick-slider:after { content: ""; display: flex; justify-content: flex-end; background: url(/files/21/09/02/588579_q22n_swipeIcon.svg); width: 97%; height: 40px; background-repeat: no-repeat; background-position: right; } } @media (max-width:576px) { .logo { /* display: none; */ top:12px; left:0px; width:225px; height: unset !important; filter: unset; background:unset; } .logo a img{ width:196px; } .your-class.slick-initialized.slick-slider.slick-dotted:after{ content: ""; display: flex; justify-content: flex-end; background: url(/files/21/09/02/588579_q22n_swipeIcon.svg); width: 97%; height: 40px; background-repeat: no-repeat; background-position: right; } } .wp-bd.webpart-wrap-layout.wp-el { overflow-x: hidden; } .mobile-menu.open .mobile-menu__button { /* background: #ff0000; */ } .mobile-menu, .nav-messages, .nav-login-box, .search { background: white; } .nav-login-box .nav-login-box__toggler.logged-in, .nav-login-box .nav-messages__toggler.logged-in, .nav-messages .nav-login-box__toggler.logged-in, .nav-messages .nav-messages__toggler.logged-in { background: url(https://www.wiara.pl/files/21/08/24/805718_hCmg_user.svg) 50% no-repeat; background-position-y: 0; } .nav-login-box .nav-login-box__toggler.nav-messages__toggler, .nav-login-box .nav-messages__toggler.nav-messages__toggler, .nav-messages .nav-login-box__toggler.nav-messages__toggler, .nav-messages .nav-messages__toggler.nav-messages__toggler { background-image: url(https://www.wiara.pl/files/21/08/24/805724_jCQF_notify.svg); } .mobile-menu { float: right; margin-right: 0; position: relative; background: white !important; width: 50px; height: 50px; } .mobile-menu__button{ border: none; outline: none; background: #E2002B; width: 50px; height: 50px; } .mobile-menu__content { transition: all .2s ease-out !important; } .mobile-menu:after { /* background-image: url(https://www.wiara.pl/files/21/08/24/805727_Untw_menu.svg); */ content: ''; top: 50%; /* left: 0; */ right: 15px; width: 20px; height: 1px; background: white; position: absolute; transition: 0.2s; pointer-events: none; } .mobile-menu__button:after { content: ''; position: absolute; width: 20px; height: 1px; background: white; transition: 0.2s; top: 17px; left: unset; right: 15px; font-size: 0; display: flex; transform: none; } .mobile-menu.open .mobile-menu__button:after, .mobile-menu.open .mobile-menu__button:before { content: ''; position: absolute; width: 20px; height: 1px; background: black; transition: 0.2s; } .mobile-menu.open .mobile-menu__button:before { top: 25px; transform: rotate(45deg); } .mobile-menu.open .mobile-menu__button:after { top: 25px; transform: rotate(135deg); } .mobile-menu.open:after { background: rgba(0,0,0,0); } .mobile-menu__button:before { content: ''; position: absolute; width: 20px; height: 1px; background: white; transition: 0.2s; top: 33px; right: 15px; } .mobile-menu.Menu.open .mobile-menu__button.MenuButton{ /* background:url(https://www.wiara.pl/files/21/08/25/897495_vxna_menuHover12.svg) !important; */ background: white !important; } .search__button { background: url(https://www.wiara.pl/files/21/08/24/805721_ohpH_search.svg) !important; } .nav-messages.expanded .nav-messages__toggler { background-color: unset !important; background-image: url(https://www.wiara.pl/files/21/08/24/812455_TiYm_notifyHover.svg); background-size: 50px; } .search__button:after { display: none; } .nav-login-box.expanded .nav-login-box__toggler { background-color: unset !important; background-image: url(https://www.wiara.pl/files/21/08/24/812924_UkUg_loginHover.svg); background-size: 50px; } .search.open .search__button { background: unset !important; background-image: url(https://www.wiara.pl/files/21/08/24/812922_KEUa_searchHover.svg) !important; background-size: 50px; } .search__content{ background: #E2002B !important; } .search__input{ width:65%; border-bottom: 1px solid #ffffff; margin-right: 10px; margin-top:-100px; } .search__submit{ width: 125px; border: 1px solid; text-align: center; display: flex; justify-content: center; width: 125px; border: 1px solid; text-align: center; display: flex; justify-content: center; font-size: 15px; padding-top: 14px; padding-bottom: 14px; font-weight: 400; line-height: 1; margin-top:-100px; } input.search__input::placeholder { color: white; font-size: 18px; line-height: 27px; } .user-profile__content{ grid-template-columns:156px auto; grid-template-rows: auto auto auto; display: grid; margin-bottom: 70px; margin-top: -100px; } .user-profile__content a{ grid-column: 1 / span 1; grid-row: 1 / span 3; display: grid; background: url(https://www.wiara.pl/files/21/08/26/985323_liED_avatarLogin.svg); background-size: auto; background-repeat: no-repeat; height: 132px; } .user-profile__content a img{ display: none !important; } .user-profile__content-name{ display: grid; grid-column: 2 / span 1; grid-row: 1 / span 1; margin-top: 74px; text-align: left !important; } .user-profile__content-email{ display: grid; grid-column: 2 / span 1; grid-row: 2 / span 1; text-align: left !important; } .nav-login-box .nav-dropdown__inner, .nav-messages .nav-dropdown__inner{ background: #E2002B; } .nav-login-box__logged-in{ width: 400px; } .user-profile__settings a{ background: #e2002b; border: 1px solid white; } .user-profile a.button{ width:100%; color: #e2002b; background: #ffffff; margin: 16px 0 0; } .user-profile .user-profile__content a img { width: 130px; height: 130px; border-radius: 50%; content: " "; margin:0; } @media(min-width: 992px) and (max-height: 700px){ .mobile-menu__content ul:before { margin-bottom: 0 !important; font-size: 35px !important; } .mobile-menu__content a{ font-size: 11px !important; } } @media(max-width:998.98px){ .search__content input[type="submit"] { border:unset; } .user-profile__content a { background-size: 65px; background-position: center; } .user-profile__content { margin-bottom: 0; } .user-profile a.button { margin: 0; height: 48px; background: #e2002b; color: white; font-size: 15px; font-weight: 400; line-height: 1; justify-content: center; display: flex; align-items: center; } .user-profile .user-profile__settings{ margin-top: 0; } .user-profile .user-profile__settings a { height: 48px; font-size: 15px; font-weight: 400; border-left: unset; border-right: unset; } input.search__input:focus, input.search__input:active { border: unset !important; outline-width: 0; outline: none; } .search__input { border: unset; } .mobile-menu.open .mobile-menu__content{ width:100%; height:100%; } .mobile-menu__content ul { width: 385px !important; margin-top: -100px; } .search__input,.user-profile__content,.search__submit{ margin-top:0; } } @media(max-width:576.98px){ .slider2020.slick-initialized.slick-slider.slick-dotted:after { content: ''; width: 50px; height: 50px; background-image: url(https://www.wiara.pl/files/22/02/08/310556_cCTx_swipeIcon.svg); position: absolute; z-index: 3; bottom: 15px; left: 15px; display: flex; background-repeat: no-repeat; } .nav-messages , .nav-login-box{ display: none; } .mobile-menu__content ul:before { font-size: 26px !important; line-height: 31px !important; margin-bottom: 10px !important; margin-top: 0 !important; } .mobile-menu__content li { padding: 10px 0 !important; } .mobile-menu__content ul { width: 70% !important; } } .nav-messages .NtfyCount{ background: #e2002b; display: flex; color: white; justify-content: center; align-items: center; } .nav-messages.expanded .NtfyCount{ background: white; color: black; } .mobile-menu.open .mobile-menu__content{ box-shadow: 0px -2px #8888882e; } .mobile-menu__content a{ color: white; text-align: center; display: flex; justify-content: center; transition: color .3s ease-in-out; } .mobile-menu__content li { padding: 18px 0; margin: 0 20px; border-bottom: 1px solid white; overflow: hidden; } .mobile-menu__content li:hover a{ color:black; } .mobile-menu__content ul { width: 24%; } .mobile-menu__content ul:before { content: "Linki"; text-align: center; width: 100%; display: flex; justify-content: center; margin: auto; font-family: "Fira Sans"; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; margin-bottom: 40px; margin-top: -50px; color:white; } li.lks_img:hover { background: white; } .lks_img { position: relative; padding: 1.4rem 4.2rem; padding-right: 3.1rem; font-size: 1.4rem; color: #fff; text-transform: uppercase; transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); cursor: pointer; user-select: none; } .lks_img:before, .lks_img:after { content: ''; position: absolute; transition: inherit; z-index: -1; } .lks_img:hover { color: #96B7C4; transition-delay: .5s; } .lks_img:hover:before { transition-delay: 0s; } .lks_img:hover:after { background: #fff; transition-delay: .35s; } /* From Top */ .lks_img.from-top:before, .lks_img.from-top:after { left: 0; height: 0; width: 100%; } .lks_img.from-top:before { bottom: 0; border: 1px solid #fff; border-top: 0; border-bottom: 0; } .lks_img.from-top:after { top: 0; height: 0; } .lks_img.from-top:hover:before, .lks_img.from-top:hover:after { height: 100%; } /* From Left */ .lks_img.from-left:before, .lks_img.from-left:after { top: 0; width: 0; height: 100%; } .lks_img.from-left:before { right: 0; border: 1px solid #fff; border-left: 0; border-right: 0; } .lks_img.from-left:after { left: 0; } .lks_img.from-left:hover:before, .lks_img.from-left:hover:after { width: 100%; } /* From Right */ .lks_img.from-right:before, .lks_img.from-right:after { top: 0; width: 0; height: 100%; } .lks_img.from-right:before { left: 0; border: 1px solid #fff; border-left: 0; border-right: 0; } .lks_img.from-right:after { right: 0; } .lks_img.from-right:hover:before, .lks_img.from-right:hover:after { width: 100%; } /* From center */ .lks_img.from-center:before { top: 0; left: 50%; height: 100%; width: 0; border: 1px solid #fff; border-left: 0; border-right: 0; } .lks_img.from-center:after { bottom: 0; left: 0; height: 0; width: 100%; background: #fff; } .lks_img.from-center:hover:before { left: 0; width: 100%; } .lks_img.from-center:hover:after { top: 0; height: 100%; } /* From Bottom */ .lks_img.from-bottom:before, .lks_img.from-bottom:after { left: 0; height: 0; width: 100%; } .lks_img.from-bottom:before { top: 0; border: 1px solid #fff; border-top: 0; border-bottom: 0; } .lks_img.from-bottom:after { bottom: 0; height: 0; } .lks_img.from-bottom:hover:before, .lks_img.from-bottom:hover:after { height: 100%; } .socIcons { padding: 0 0 0 5px; } .socIcons a { margin-right: 24px; text-decoration: none; } .socIcons a:hover svg { transform: scale(1.1); transition: ease-in-out .2s; } </style> </div> <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Skrypty JS</h2> <div class=" txt__rich-area"> <head><link href="/static/js/jquery/slick/slick-theme.css" rel="stylesheet" type="text/css"/> <link href="/static/js/jquery/slick/slick.css" rel="stylesheet" type="text/css"/> <link href="/files/22/01/26/189269_M1l6_aos.css" rel="stylesheet" type="text/css"/><script> console.log('test from header'); document.querySelector('head').innerHTML += '<meta name="viewport" content="width=device-width, initial-scale=1.0">' </script> <style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600;800&family=Roboto&display=swap'); .slider2019:not(.toUpdate):after{ content:''; width:100%; height:100vh; position:absolute; top:0; bottom:0; left:0; right:0; background:white; transition:all 4s ease; z-index:4; } .txt__rich-area > h1 { font-family: 'Fira Sans'; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; color: #000000; } .slick-initialized.slider2019:not(.toUpdate):after{ background:transparent; z-index:-1; } .grecaptcha-badge{ display:none; } .slider2019:not(.toUpdate):before{ content:''; width:35%; max-width: 400px; height:20%; position:absolute; top:50%; bottom:50%; left:50%; right:50%; opacity:1; transition:all 4s ease; background:URL(//wf2.xcdn.pl/files/16/08/11/922897_lRk2_igm_45.png); background-size:contain; z-index:30; margin-left:-150px; margin-top:-20px; background-repeat:no-repeat; overflow: hidden; } .nav-login-box__toggler,.nav-messages{ display: none !important; } .txt{ font-family: 'Fira Sans'; } .menuLink{ display: none; } @media(min-width:992px){ .slider2019:not(.toUpdate):before{ transform: translateX(-20%); } } @media(max-width:576.98px){ .slider2019:not(.toUpdate):before{ width:80%; transition:all 1s ease; } .search__input { font-size: 15px; } .search__input::placeholder { font-size: 15px; } } @media(min-width:577px) and (max-width:991.98px){ .slider2019:not(.toUpdate):before{ width:80%; left: 30%; transition:all 1s ease; } } @media(min-width:577px){ .search__button{ display: none !important; } .menuLink{ display: flex; position: absolute; right: 84px; top: 15px; } .menuLink a{ text-decoration: none; } } .slick-initialized.slider2019:not(.toUpdate):before{ opacity:0; z-index:-1; } /* prevent transition .mobile-menu__content{ transition:unset !important; }*/ .nav-login-box .nav-dropdown__inner, .nav-messages .nav-dropdown__inner{ transition:unset !important; } </style> <script> var menuTest = document.querySelectorAll('.lks_img'); var menu = document.querySelector('#h2'); menu.innerHTML += `<div class="menuLink"><a href="/Igomedia-kontakt">KONTAKT</a></div>` var testArr = ['from-top','from-bottom','from-left','from-right','from-center','from-bottom','from-left','from-right','from-center','from-bottom','from-left','from-right','from-center'] menuTest.forEach((item,index) => { item.classList.add(testArr[index]) }) </script></head> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Slider Testy</h2> <div class=" txt__rich-area"> <div class="slider2020Wrapper"> <div class="slider2020-info"> <h3 class="slider2020title" data-aos="fade-right">Witamy na stronie</h3> <picture> <source media="(max-width: 992px)" srcset="/files/22/02/01/717234_MWSy_Instytutu_Gosc_Media.svg"/> <img alt="Slider IGOmedia" class="sb IGOmediaTitle" data-aos="fade-right" src="/files/22/01/26/199367_ty6z_Instytutu_Gosc_Media.svg"/> </picture> <div class="firmyIgomedia"> <div class="firmyIgomediaItem" data-aos="zoom-in-right" data-aos-delay="0"><img alt="" src="/files/22/01/26/190225_qcLw_gosc.svg" width="51"/></div> <div class="firmyIgomediaItem" data-aos="zoom-in-right" data-aos-delay="100"><img alt="" src="/files/22/01/26/190225_mwF3_maly_gosc.svg" style="margin-right: 1rem; margin-left: 1rem" width="74"/></div> <div class="firmyIgomediaItem" data-aos="zoom-in-right" data-aos-delay="200"><img alt="" src="/files/22/01/26/190225_yx2p_radioEm.svg" width="42"/></div> <div class="firmyIgomediaItem" data-aos="zoom-in-right" data-aos-delay="300"><img alt="" src="/files/22/01/26/190225_VeZ0_goscPL.svg" width="63"/></div> <div class="firmyIgomediaItem" data-aos="zoom-in-right" data-aos-delay="400"><img alt="" src="/files/22/01/26/190225_vJio_wiara_logo.svg" width="75"/></div> <div class="firmyIgomediaItem" data-aos="zoom-in-right" data-aos-delay="500"><img alt="" src="/files/22/01/26/190225_4xM1_fotoGOSC.svg" width="67"/></div> <div class="firmyIgomediaItem" data-aos="zoom-in-right" data-aos-delay="600"><img alt="" src="/files/22/01/26/190225_UuM8_igm.svg" width="47"/></div> <div class="firmyIgomediaItem" data-aos="zoom-in-right" data-aos-delay="700"><img alt="" src="/files/22/01/26/190225_0zaJ_fundacja.svg" style="margin-left: 1.8rem" width="57"/></div> </div> </div> <div class="slider2020"> <div class="slider-item"> <div class="imgBox"> <picture> <source media="(max-width: 576px)" srcset="/files/22/09/09/729166_tjUE_tlo_04.jpg"/> <source media="(max-width: 992px)" srcset="/files/22/09/09/719976_GFUe_tlo_03Done.jpg"/> <img alt="Slider IGOmedia" class="sb" src="/files/22/09/13/057034_iqQI_tlo1Done.jpg"/> </picture> </div> </div> <div class="slider-item"> <div class="imgBox"> <picture> <source media="(max-width: 576px)" srcset="/files/22/09/09/729166_mSPM_tlo_02.jpg"/> <source media="(max-width: 992px)" srcset="/files/22/09/09/719975_fFWf_tlo_01Done.jpg"/> <img alt="Slider IGOmedia" class="sb" src="/files/22/09/13/057034_Wt8E_tlo2Done.jpg"/> </picture> </div> </div> <div class="slider-item"> <div class="imgBox"> <picture> <source media="(max-width: 576px)" srcset="/files/22/09/09/729166_0VxA_Group_617.jpg"/> <source media="(max-width: 992px)" srcset="/files/22/09/09/720942_uSRn_tlo_00Done.jpg"/> <img alt="Slider IGOmedia" class="sb" src="/files/22/09/13/057034_sTf0_tlo3Done.jpg"/> </picture> </div> </div> <div class="slider-item"> <div class="imgBox"> <picture> <source media="(max-width: 576px)" srcset="/files/22/09/09/729166_k4ux_tlo_03.jpg"/> <source media="(max-width: 992px)" srcset="/files/22/09/09/719975_Ckb5_tlo_02Done.jpg"/> <img alt="Slider IGOmedia" class="sb" src="/files/22/09/13/057034_xnfO_tlo4Done.jpg"/> </picture> </div> </div> </div> </div> <script type="text/javascript"> /* <![CDATA[ */ wre.Ready(function () { wre.web.InstallSlider2019(".slider2020", { infinite: true, arrows: false, dots: true, autoplay: true, autoplaySpeed: 3000, speed: 500, fade: true, cssEase: "linear", }); }); /* ]]> */ </script> <style type="text/css"> @keyframes overlay { from { z-index: 4; opacity: 1; } to { z-index: -1; opacity: 0; } } .search, .nav-dropdown.nav-messages, .nav-dropdown.nav-login-box { display: none; } .mobile-menu__button { margin-right: 1rem; } body:before { content: ""; background: white; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 4; animation-name: overlay; animation-duration: 1s; animation-fill-mode: forwards; } .slick-dots { bottom: 36px; margin: 0 !important; } .slick-dots li { padding: 4px 0 4px 15px !important; width: 10px; height: 10px; margin: 0 5px; } .slick-dots li.slick-active button:before { border: 2px solid #e2002b; background: #e2002b; } .slick-dots li button:before { font-size: 0; width: 10px; height: 10px; border: 1px solid black; border-radius: 50%; opacity: 1; } .slick-slide img { display: block; width: 100%; height: 100vh; object-fit: cover; object-position: top; border-bottom: 5px solid red; } .slider2020-info:before { content: ""; height: 1px; background: black; width: 100%; position: absolute; left: 0; margin-top: 40px; } .firmyIgomediaItem { margin-right: 25px; } .slider2020Wrapper { position: relative; } .icon-e8ff5a2c { margin-bottom: 40px; } .firmyIgomedia { display: flex; width: 300px; flex-wrap: wrap; height: 200px; justify-content: flex-start; align-items: center; margin-top: 50px; } .slider2020-info { position: absolute; z-index: 1; padding-left: 5%; height: calc(100% - 5px); top: 0; bottom: 0; display: flex; justify-content: center; flex-direction: column; background-image: linear-gradient(to right, #ffffffdb 70%, #ffffff00); } .firmyIgomediaItem svg { height: 30px; width: 100px; } .slider2020-info .slider2020title { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; letter-spacing: 0.06em; text-transform: uppercase; color: #e2002b; margin-bottom: 2rem; margin-left: 5px; } @media (min-width: 1440px) { .firmyIgomedia { width: 360px; margin-top: 100px; } .IGOmediaTitle { height: 150px; } .firmyIgomedia .firmyIgomediaItem:nth-of-type(1) img { width: 70px; } .firmyIgomedia .firmyIgomediaItem:nth-of-type(2) img { /* width:74px; */ width: 94px; } .firmyIgomedia .firmyIgomediaItem:nth-of-type(3) img { width: 42px; /* width:62px; */ } .firmyIgomedia .firmyIgomediaItem:nth-of-type(4) img { /* width:63px; */ width: 82px; } .firmyIgomedia .firmyIgomediaItem:nth-of-type(5) img { /* width:75px; */ width: 95px; } .firmyIgomedia .firmyIgomediaItem:nth-of-type(6) img { /* width:67px; */ width: 87px; } .firmyIgomedia .firmyIgomediaItem:nth-of-type(7) img { /* width:47px; */ width: 67px; } .firmyIgomedia .firmyIgomediaItem:nth-of-type(8) img { /* width:57px; */ width: 77px; } } @media (max-width: 992px) { .slick-dots { display: none !important; } .slider2020-info { position: absolute; z-index: 1; padding-left: 0; width: 100%; height: 300px; top: 0; bottom: 0; display: flex; justify-content: flex-start; flex-direction: column; background-color: unset; background-image: unset; margin-top: 100px; } .firmyIgomedia { display: none; } .icon-e8ff5a2c { margin-left: -20px; height: 106px; } .slider2020-info:before { content: unset; } .slider2020-info .slider2020title { margin-left: auto; margin-right: auto; font-size: 20px; } .slider2020-info img { height: 80px; margin: auto; } } @media (max-width: 576px) { .slider2020-info img { height: 38px; margin: auto; } .slider2020-info .slider2020title { font-size: 18px; line-height: 22px; margin-bottom: 1rem; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">O nas</h2> <div class=" txt__rich-area"> <div class="coWydajemy"> <h1 class="title" data-aos="fade-in">O nas</h1> <p class="text" data-aos="fade-in">Jesteśmy wydawcą największego tygodnika o tematyce społeczno-religijnej i największego miesięcznika dla dzieci i młodzieży w Polsce. Prowadzimy dwa portale internetowe, radio, a także wydawnictwo i agencję fotograficzną. W nowoczesnej formie przybliżamy życie i naukę Kościoła katolickiego, informujemy o ważnych wydarzeniach w Polsce i na świecie, w felietonach i komentarzach interpretujemy rzeczywistość. W pracy kierujemy się nauczaniem Kościoła, dbając o profesjonalizm i rzetelność przygotowywanych przez nas materiałów.</p> <div class="coWydajemy-Loga"> </div> </div> <script> var coWydajemyObj = [ { "link":"https://www.gosc.pl/Tygodnik", "image":"/files/22/01/26/195830_VscV_GNwhiteSVG.svg", "text":"Największy w Polsce katolicki tygodnik opinii.", "mail":"mailto:redakcja@gosc.pl", "width":"80px", }, { "link":"https://www.malygosc.pl/", "image":"/files/22/01/26/195830_7wll_MGwhiteSVG.svg", "text":"Katolicki miesięcznik dla dzieci i młodzieży.", "mail":"mailto:redakcja@malygosc.pl", "width":"90px", }, { "link":"https://www.gosc.pl/", "image":"/files/22/01/26/195830_sxbA_GoscPLwhiteSVG.svg", "text":"Serwis internetowy. Parafia. Polska. Świat.", "mail":"mailto:redakcja@gosc.pl", "width":"80px", }, { "link":"https://www.radioem.pl/", "image":"/files/22/01/26/195830_0aAa_RadioEMwhiteSVG.svg", "text":"Nadajemy na 107.6 FM oraz w internecie na radioem.pl/Sluchaj", "mail":"mailto:redakcja@radioem.pl", "width":"60px", }, { "link":"https://www.wiara.pl/", "image":"/files/22/01/26/195830_Hby8_wiaraWhiteSVG.svg", "text":"Portal ludzi otwartch. Informacje. Formacja. Społeczności.", "mail":"mailto:wiara@wiara.pl", "width":"90px", }, { "link":"https://foto.gosc.pl/", "image":"/files/22/01/26/197301_kh0e_FotoGoscWhiteSVG1.svg", "text":"Agencja Forograficzna Instytutu Gość Media.", "mail":"mailto:foto@gosc.pl", "width":"90px", }, ] var coWydajemyWrapper = document.querySelector('.coWydajemy-Loga'); var resultcoWydajemy = '' for (var i in coWydajemyObj){ resultcoWydajemy += ` <div class="item" data-aos="${ i%2 === 0 ? "fade-up-right" : "fade-up-left"}"> <div class="item-left"> <a href="${coWydajemyObj[i].link}" target="_blank"> <img alt="" src="${coWydajemyObj[i].image}" width="${coWydajemyObj[i].width}" /> </a> </div> <div class="item-right"> <p>${coWydajemyObj[i].text}</p> <h4><a href="${coWydajemyObj[i].mail}">Kontakt</a></h4> </div> </div> ` } coWydajemyWrapper.innerHTML = resultcoWydajemy </script> <style type="text/css">.coWydajemy { max-width: 910px; margin: auto; margin-top: 30px; margin-bottom: 60px; overflow: hidden; } .coWydajemy-Loga { display: flex; justify-content: center; flex-wrap: wrap; } .coWydajemy-Loga .item { width: 47%; display: flex; background: #f1f1f1; margin: 10px; } .coWydajemy-Loga .item > a { display: flex; text-decoration: none; height: 100px; } .coWydajemy-Loga .item:hover .item-right p { font-weight: 800; } .coWydajemy-Loga .item .item-left a { height: 100%; display: flex; width: 165px; min-height: 110px; padding: 2rem; background: #E2002B; justify-content: center; align-items: center; } .coWydajemy-Loga .item a svg { background: red; height: 40px; transition: all 0.5s ease-in-out; } .coWydajemy-Loga .item .item-right { padding: 0 1rem; display: flex; flex-direction: column; justify-content: space-between; } .coWydajemy-Loga .item .item-right p { font-family: Fira Sans; font-style: normal; font-weight: 350; font-size: 15px; line-height: 21px; transition: all 0.3s ease-in-out; } .coWydajemy-Loga .item .item-right a { text-decoration: none; } .coWydajemy-Loga .item .item-right h4 { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 13px; line-height: 150%; display: flex; letter-spacing: 0.05em; text-transform: uppercase; margin-top: 0; color: #000000; } .coWydajemy .text { text-align: center; font-family: Fira Sans; font-style: normal; font-weight: 350; font-size: 18px; line-height: 150%; color: #000000; margin: 47px 0 38px 0; } .coWydajemy .title { font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; color: #000000; } .wp-el > .txt.None > h2 { display: none; } @media (max-width: 992px) { .coWydajemy { margin-top: unset; margin-bottom: unset; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; max-width: unset; margin-left: 11%; margin-right: 11%; margin-top: 33px; padding-bottom: 2rem; border-bottom: 0.5px solid #828282; } .coWydajemy .text { font-size: 15px; color: #000000; margin: 0px 0 38px 0; } .coWydajemy-Loga .item { width: 100%; } } @media (max-width: 567.98px) { .coWydajemy { padding-left: 15px; padding-right: 15px; margin-left: 0 !important; margin-right: 0 !important; } .coWydajemy .title { font-size: 26px; line-height: 31px; } .coWydajemy .text { font-size: 15px; color: #000000; margin: 0px 0 24px 0 !important; } .coWydajemy-Loga .item .item-right{ padding: 0 5px 0 15px; } .coWydajemy-Loga .item .item-left a{ padding: 1rem; width: 127px; min-height: 100px; } .coWydajemy-Loga .item .item-right p{ font-size: 12px; line-height: 17px; margin-top: 10px; margin-bottom: 5px; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Wydarzenia</h2> <div class=" txt__rich-area"> <div class="wrapper wydarzeniawrapper" maincolor="0"> <h1 class="titleWydarzenia" data-aos="fade-up">Wydawnictwa</h1> <div class="imagesContainer"> </div> <div class="wydarzenia" id="app"> </div> </div> <script> var wydarzeniaIMGcontainer = document.querySelector(".imagesContainer"); var wydarzeniaInfo = document.querySelector(".wydarzenia"); var wydarzeniaDATA = [ { image: "https://www.wiara.pl/files/22/01/14/169216_iECD_tlo_011.jpg", svg: '<svg fill="none" height="46" viewbox="0 0 34 46" width="34" xmlns="http://www.w3.org/2000/svg"><path d="M31.8154 2H6.69491C6.69491 2 2.00432 2.29787 2.00432 7.46089C2.00432 12.6239 2.00432 38.3404 2.00432 38.3404C2.00432 38.3404 1.53189 44 10.4681 44C19.4042 44 27.0497 44 27.0497 44L31.8154 34.5673V2Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M2.00391 38.5736C2.00391 33.8726 5.50301 33.9959 14.0421 33.9959C22.5812 33.9959 32.1131 33.9959 32.1131 33.9959" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M9.47559 2.09912V34.2693" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M2.51758 39.28H28.6987" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path></svg>', title: "Biblioteka Gościa", description: "Od wielu lat wydajemy książki wybitnych autorów, które tworzą serię Biblioteka Gościa.", link: "https://sklep.gosc.pl/kategoria-produktu/ksiazki/biblioteka-goscia/", }, { image: "https://www.wiara.pl/files/22/01/14/169216_FjzU_tlo_012.jpg", svg: '<svg fill="none" height="47" viewbox="0 0 39 47" width="39" xmlns="http://www.w3.org/2000/svg"> <path d="M26.4945 3C26.4945 3 20.5685 6.16067 14.3461 7.14825C8.12371 8.13583 2.09867 7.83953 2.09867 7.83953L2 44.8775C2 44.8775 8.7489 45.4307 13.6545 44.1862C20.2719 42.507 26.6919 39.0504 26.6919 39.0504L26.4945 3Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M26.8891 5.56787H31.63V44.7789H10.79" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M32.0256 11.0852H36.8855V43.0315H32.0205" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M8.6748 13.6298V21.0374C8.6748 21.0374 11.391 21.0374 14.9958 20.1979C18.6007 19.3585 20.8232 18.5683 20.8232 18.5683L20.6751 11.062C20.6751 11.062 17.0208 12.3954 13.9588 12.8893C10.8968 13.3833 8.6748 13.6298 8.6748 13.6298Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path></svg>', title: "Gość Extra", description: "Od 2021 roku wprowadziliśmy na rynek wydawniczy kwartalnik Gość Extra, który odnosi duże sukcesy sprzedażowe.", link: "https://sklep.gosc.pl/kategoria-produktu/gosc-extra/", }, { image: "https://www.wiara.pl/files/22/01/14/169216_Ubpw_tlo_013.jpg", svg: '<svg fill="none" height="36" viewbox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg"> <path d="M34 2H2V34H34V2Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M8.41016 19.481V8.34229H27.5901V19.481H8.41016Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M7 27L29 27" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path></svg>', title: "Materiały Duszpasterskie", description: "Przygotowujemy pomoce duszpasterskie cieszące się ogromną popularnością wśród duszpasterzy, katechetów oraz dzieci.", link: "https://sklep.gosc.pl/kategoria-produktu/md/", }, ]; wydarzeniaDATA.forEach((item, index) => { console.log("test wydarzenia"); wydarzeniaIMGcontainer.innerHTML += `<div bkgcolor="${ index + 1 }" class="imageItem" style="background-image: url(${ item.image });"> </div>`; wydarzeniaInfo.innerHTML += `<div bkgcolor="${index + 1}" class="el el${ index + 1 }" data-aos="zoom-out-up"> <div class="logoKomponent">${item.svg}</div> <div class="description"> <h4>${item.title}</h4> <p>${item.description}</p> <a class="testButton" href="${ item.link }" target="_blank"><span>więcej</span></a></div> </div>`; }); var hoverElements3 = document.querySelectorAll("#app.wydarzenia .el"); var clikedEl = false; hoverElements3.forEach((item) => { if (window.matchMedia("(min-width: 992px)").matches) { item.addEventListener("mouseover", function (event) { hoverElements3.forEach((item) => { if (item.classList.contains("actived")) { clikedEl = true; } }); let imageArr = document.querySelectorAll(".imagesContainer .imageItem"); imageArr.forEach((item) => { if ( item.getAttribute("bkgColor") === this.getAttribute("bkgColor") && clikedEl !== true ) { item.classList.add("active"); } }); if (clikedEl !== true) { this.classList.add("active"); } }); item.addEventListener("mouseout", function (event) { let imageArr = document.querySelectorAll(".imagesContainer .imageItem"); imageArr.forEach((item) => { if (item.getAttribute("bkgColor") === this.getAttribute("bkgColor")) { item.classList.remove("active"); } }); this.classList.remove("active"); }); } else { item.classList.add("active"); } // item.addEventListener("click", function () { // if(window.matchMedia("(min-width: 992px)").matches){ // let imageArr = document.querySelectorAll(".imagesContainer .imageItem"); // hoverElements3.forEach((item) => item.classList.remove("actived")); // imageArr.forEach((item) => { // item.classList.remove("active"); // item.classList.remove("clicked"); // }); // imageArr.forEach((item) => { // if (item.getAttribute("bkgColor") === this.getAttribute("bkgColor")) { // item.classList.add("active"); // item.classList.add("clicked"); // } // }); // this.classList.add("actived"); // }else{ // this.classList.toggle('active') // } // }); }); var wrapperEl = document.querySelector(".wrapper"); wrapperEl.addEventListener("click", function (event) { console.log("clicked"); if (event.target.classList.contains("wrapper")) { clikedEl = false; hoverElements3.forEach((item) => item.classList.remove("actived")); let imageArr = document.querySelectorAll(".imagesContainer .imageItem"); imageArr.forEach((item) => { item.classList.remove("active"); item.classList.remove("clicked"); }); } }); window.onorientationchange = function () { window.location.reload(); }; </script> <style type="text/css"> .wrapper.wydarzeniawrapper { width: 100%; height: auto; padding-top: 42px; padding-bottom: 60px; display: flex; background: red; overflow: hidden; justify-content: center; align-items: center; flex-direction: column; position: relative; background-size: cover; background-image: url(https://www.wiara.pl/files/22/01/14/169216_HPc6_tlo_01.jpg); background-attachment: fixed; } /* .wrapper.active:after { background: rgba(0, 0, 0, 0.315); } */ .imagesContainer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .wrapper.wydarzeniawrapper .titleWydarzenia { font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; color: #ffffff; position: relative; z-index: 3; } .imageItem { width: 100%; height: 100%; background-size: cover; background-attachment: fixed; background-position: center; } #app { width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; z-index: 2; align-items: center; } .wydarzeniawrapper .el { width: 30%; min-height: 220px; display: flex; margin: 5px 15px; background: transparent; transition: all 0.5s ease-in-out !important; } .wydarzeniawrapper .el.active, .el.actived { background: black; } .wydarzeniawrapper .el:hover { background: black; } .wydarzeniawrapper .logoKomponent { width: 20%; display: flex; justify-content: center; align-items: center; pointer-events: none; } .wydarzeniawrapper .el.actived .logoKomponent, .wydarzeniawrapper .el.active .logoKomponent { align-items: flex-start; margin-top: 2rem; } .wydarzeniawrapper .description { width: 80%; display: flex; color: white; justify-content: flex-start; align-items: flex-start; padding-left: 16px; /* pointer-events: none; */ justify-content: center; flex-direction: column; padding: 2rem 2rem 2rem 0; } .wydarzeniawrapper .description h4 { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 21px; line-height: 25px; letter-spacing: 0.05em; text-transform: uppercase; } .wydarzeniawrapper .description p { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; } .wydarzeniawrapper .description span { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 13px; line-height: 150%; display: flex; align-items: center; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #e2002b; margin-top: 17px; } .wydarzeniawrapper .description p, .wydarzeniawrapper .description h4 { margin: 0; } .wydarzeniawrapper .description p { opacity: 0; display: none; transition: all 0.5s ease-in-out; } .wydarzeniawrapper .description span { display: none; } .wydarzeniawrapper.wrapper:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; background: rgba(0, 0, 0, 0); transition: all 1s ease-in-out; } .wydarzeniawrapper .imageItem { opacity: 0; transition: all 0.4s ease-in-out; position: absolute; top: 0; } .wydarzeniawrapper .imageItem.active { opacity: 1; } .wydarzeniawrapper .imageItem.clicked { opacity: 1; } /* .el.active{ height: 180px; } */ .wydarzeniawrapper .el.active .description p, .wydarzeniawrapper .el.actived .description p { height: auto; font-size: 16px; line-height: 20px; opacity: 1; display: flex; flex-direction: column; margin-top: 7px; flex-grow: 1; } .wydarzeniawrapper .el.active .description span, .wydarzeniawrapper .el.actived .description span { display: flex; } @media (max-width: 991.98px) { .wydarzeniawrapper.wrapper { height: unset; min-height: 100vh; background-attachment: scroll; } .wydarzeniawrapper .el { width: 90%; max-height: 70px !important; height: unset !important; min-height: 120px; } .wydarzeniawrapper .el:hover { background: unset; } .wydarzeniawrapper .el.active, .el.actived { max-height: 250px !important; background: black; } .wydarzeniawrapper .imageItem { background-attachment: scroll !important; } } @media (max-width: 576.98px) { .wydarzeniawrapper.wrapper .titleWydarzenia { font-size: 26px; line-height: 31px; margin-top: 34px; } .wydarzeniawrapper.wrapper { padding-bottom: 40px; padding-top: 0; } .wydarzeniawrapper .el { margin-top: 15px; margin-bottom: 15px; } .wydarzeniawrapper .el:nth-of-type(1) { margin-top: 4px; } .wydarzeniawrapper .el:last-of-type { margin-bottom: 0; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Wiek Gościa</h2> <div class=" txt__rich-area"> <div class="kimJestesmy"> </div> <script> var kimJestesmyDOM = document.querySelector('.kimJestesmy'); var kimJestesmy = `<h1 class="title" data-aos="fade-up">Wiek „Gościa Niedzielnego”</h1> <p class="text" data-aos="fade-up">„Gość Niedzielny” posiada bogatą tradycję, wypracowaną przez blisko sto lat obecności na polskim rynku wydawniczym. Tygodnik założony został przez ks. Augusta Hlonda, późniejszego pierwszego biskupa katowickiego, a następnie prymasa Polski. Pierwszy numer ukazał się 9 września 1923 r. Niedługo będziemy świętować ważny jubileusz!</p> <a target="_blank" href="https://www.gosc.pl/doc/845858.Gosc-Niedzielny-historia-i-dzien-dzisiejszy" class="KimJestesLink" target="_blank"><button class="kimJestesButton"><span>więcej</span></button></a> <img alt="" data-aos="zoom-out-up" src="https://www.wiara.pl/files/22/01/18/512072_HBv6_staryinowyGN_1.png" />` kimJestesmyDOM.innerHTML = kimJestesmy </script> <style type="text/css">body.home-page .kimJestesmy { min-height: 80vh; color: black; max-width: 920px; display: flex; flex-direction: column; margin: auto; justify-content: center; overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.18); } body.home-page .kimJestesmy h1 { color: black; } .KimJestesLink{ width: 97px; height: 42px; margin-top: 23px; margin-bottom: 30px; display: flex; margin-left:auto; margin-right: auto; } .kimJestesButton{ margin:auto; text-decoration: none !important; } a{ text-decoration: none !important; } .kimJestesButton{ background: #f1f1f1; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 13px; line-height: 150%; display: flex; align-items: center; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: black; width: 97px; height: 42px; justify-content: center; border: none; cursor: pointer; text-decoration: none; position: relative; overflow: hidden; } .kimJestesButton span{ position: relative; z-index: 1; color: #FFFFFF; } .kimJestesButton:hover::after { transform: translate3d(100%,0,0); } .kimJestesButton:hover span{ color: black; } .kimJestesButton:after{ content: ''; background: #E2002B; width: 125%; left: -12%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); position: absolute; top: 0; height: 100%; } .kimJestesmy h1 { font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; } .kimJestesmy .text { font-family: Fira Sans; font-weight: 350; font-size: 18px; line-height: 150%; text-align: center; } @media(min-width:992px){ body.home-page .kimJestesmy { padding-bottom: 60px; } .kimJestesmy h1 { padding-top: 30px; } } @media(max-width:991.98px) { .kimJestesmy { min-height: 75vh !important; margin-left: 10% !important; margin-right: 10% !important; margin-top:60px !important; margin-bottom: 60px !important; } } @media(max-width:576.98px){ .kimJestesmy { padding-left: 15px; padding-right: 15px; margin-left: 0% !important; margin-right: 0% !important; margin-bottom: 30px !important; margin-top: 30px !important; } .kimJestesmy h1 { font-size: 26px; line-height: 31px; margin-top:0px; } .kimJestesmy .text { font-style: normal; font-size: 15px; margin-top: 0; } .kimJestesButton{ margin-top:30px; margin-bottom: 30px; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Reklama w prasie lub w radiu</h2> <div class=" txt__rich-area"> <div class="reklamaWgazecie"> <h1 class="title">Reklama w prasie, radiu, Internecie</h1> <p class="text">Oferujemy szerokie możliwości dotarcia do czytelników, radiosłuchaczy i Internautów.</p> <div class="reklamaWrapper"> </div> </div> <script> var reklamaWgazecieDOM = document.querySelector('.reklamaWrapper'); var reklamaDATA = [ { "image":'<svg fill="none" height="59" viewbox="0 0 60 59" width="60" xmlns="http://www.w3.org/2000/svg"> <path class="svg-elem-1b" d="M54.0318 4.83927H48.2935V2.37253C48.2935 1.72524 47.9323 1.13241 47.3576 0.836225C46.7832 0.539587 46.0911 0.589552 45.5644 0.964964C44.5156 1.71264 42.7036 2.36038 40.1662 2.89739V1.72839C40.1662 1.02033 39.7344 0.38384 39.0769 0.122312C38.4189 -0.139216 37.6687 0.0268836 37.183 0.541837C35.7326 2.07995 32.3199 3.21338 27.04 3.91019C22.1895 4.55028 15.6331 4.84827 6.40573 4.84827C5.45182 4.84827 4.67871 5.6225 4.67871 6.57679V57.2714C4.67871 58.2261 5.45182 58.9999 6.40573 58.9999H54.0318C54.9857 58.9999 55.7588 58.2261 55.7588 57.2714V6.56779C55.7588 5.61305 54.9857 4.83927 54.0318 4.83927V4.83927ZM36.7117 52.1142C35.0589 53.5123 31.5387 54.481 26.2286 54.9964C21.0422 55.4996 14.7876 55.5392 8.13274 55.5424V8.30125C23.2333 8.23418 31.9619 7.26144 36.7117 4.99592V52.1142ZM44.8394 52.5571C43.685 53.2121 41.9098 53.7621 39.5239 54.2069C39.5981 54.1294 39.6701 54.0511 39.7398 53.971C40.0146 53.6563 40.1657 53.2521 40.1657 52.8344V6.42419C42.0034 6.06544 43.5559 5.64861 44.8394 5.16787V52.5571ZM52.3047 55.5428H46.5719C46.9676 55.3191 47.3216 55.0837 47.6351 54.8361C48.0511 54.5084 48.2935 54.0079 48.2935 53.4785V8.2963H52.3047V55.5428Z" fill="black" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-width="1"></path> <path class="svg-elem-2b" d="M11.7114 37.137H11.7236C19.5131 37.0835 27.5896 36.6738 33.8865 34.0603C34.7671 33.6948 35.1853 32.6834 34.8201 31.8016C34.4545 30.9198 33.4439 30.5016 32.5633 30.8671C26.8147 33.2528 19.1385 33.6287 11.6997 33.68C10.7458 33.6863 9.97767 34.4655 9.98442 35.4202C9.99117 36.3709 10.7629 37.137 11.7114 37.137Z" fill="black"></path> <path class="svg-elem-3b" d="M11.7114 16.4022H11.7236C19.5131 16.3486 27.5896 15.939 33.8865 13.3255C34.7671 12.96 35.1853 11.9485 34.8201 11.0667C34.4545 10.1849 33.4439 9.76673 32.5633 10.1322C26.8147 12.5179 19.1385 12.8938 11.6997 12.9451C10.7458 12.9514 9.97767 13.7306 9.98442 14.6853C9.99117 15.636 10.7629 16.4022 11.7114 16.4022Z" fill="black"></path> <path class="svg-elem-4b" d="M11.7114 23.4022H11.7236C19.5131 23.3486 27.5896 22.939 33.8865 20.3255C34.7671 19.96 35.1853 18.9485 34.8201 18.0667C34.4545 17.1849 33.4439 16.7667 32.5633 17.1322C26.8147 19.5179 19.1385 19.8938 11.6997 19.9451C10.7458 19.9514 9.97767 20.7306 9.98442 21.6853C9.99117 22.636 10.7629 23.4022 11.7114 23.4022Z" fill="black"></path> <path class="svg-elem-5b" d="M11.7114 30.4022H11.7236C19.5131 30.3486 27.5896 29.939 33.8865 27.3255C34.7671 26.96 35.1853 25.9485 34.8201 25.0667C34.4545 24.1849 33.4439 23.7667 32.5633 24.1322C26.8147 26.5179 19.1385 26.8938 11.6997 26.9451C10.7458 26.9514 9.97767 27.7306 9.98442 28.6853C9.99117 29.636 10.7629 30.4022 11.7114 30.4022Z" fill="black"></path> <path class="svg-elem-6b" d="M11.711 44.3693H11.7231C19.4281 44.3162 27.4223 43.9165 33.6958 41.371C34.5795 41.0122 35.0054 40.0044 34.647 39.1194C34.2886 38.2349 33.282 37.8082 32.3978 38.1674C26.6632 40.4941 19.0607 40.8614 11.6997 40.9123C10.7458 40.9186 9.97767 41.6978 9.98442 42.6525C9.99117 43.6032 10.7629 44.3693 11.711 44.3693V44.3693Z" fill="black"></path> <path class="svg-elem-7b" d="M32.5629 45.3317C26.8147 47.7174 19.1385 48.0933 11.6993 48.1446C10.7454 48.1509 9.97767 48.9301 9.98442 49.8848C9.99072 50.8355 10.7625 51.6016 11.711 51.6016H11.7231C19.5131 51.5481 27.5896 51.1384 33.886 48.525C34.7671 48.1594 35.1849 47.148 34.8197 46.2662C34.4541 45.3844 33.4435 44.9662 32.5629 45.3317Z" fill="black"></path></svg>', "title":"Prasa", "detail":['ponad 80 tys sprzedanych egz. Gościa tygodniowo (dane PBC)','500 tys osób mających kontakt z tygodnikiem (dane PBC)','ponad 30 tys. sprzedanych egz. Małego Gościa miesięcznie (dane ZKDP)'], "link":'/Reklama' }, { "image":'<svg fill="none" height="37" viewbox="0 0 51 37" width="51" xmlns="http://www.w3.org/2000/svg"> <path class="svg-elem-1a" d="M25.4609 34.0596H25.4868" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-width="4.5"></path> <path class="svg-elem-2a" d="M18.1475 26.74C20.0872 24.7991 22.7178 23.7087 25.4606 23.7087C28.2035 23.7087 30.834 24.7991 32.7738 26.74" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-width="4.5"></path> <path class="svg-elem-3a" d="M10.8311 19.4177C12.7521 17.4949 15.0328 15.9696 17.5428 14.929C20.0528 13.8884 22.7431 13.3528 25.46 13.3528C28.1768 13.3528 30.8671 13.8884 33.3771 14.929C35.8872 15.9696 38.1678 17.4949 40.0889 19.4177" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-width="4.5"></path> <path class="svg-elem-4a" d="M3.51855 12.0984C15.6365 -0.0327966 35.2848 -0.0327966 47.4803 12.0984" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-width="4.5"></path> </svg>', "title":"Internet", "detail":['ponad milion unikalnych użytkowników (średnia miesięczna za 2021 r.)','ponad 10 milionów odsłon miesięcznie (średnia miesięczna za 2021 r.)'], "link":'/Reklama#internet' }, { "image":'<svg fill="none" height="56" viewbox="0 0 37 56" width="37" xmlns="http://www.w3.org/2000/svg"> <path class="svg-elem-1" d="M29.7573 20.7812V11.4844C29.7573 5.15189 24.6143 0 18.2928 0C11.9714 0 6.82844 5.15189 6.82844 11.4844V20.7812H0.277344V26.25C0.277344 35.648 7.48606 43.3898 16.6551 44.2215V52.7188H10.104V56H26.4817V52.7188H19.9306V44.2215C29.0997 43.3898 36.3084 35.648 36.3084 26.25V20.7812H29.7573ZM18.2928 3.28125C22.6246 3.28125 26.1793 6.66859 26.4615 10.9375H21.5684V14.2188H26.4817V17.5H21.5684V20.7812H26.4817V24.0625H21.5684V27.3438H26.4068C25.8711 31.3515 22.4378 34.4531 18.2928 34.4531C14.1479 34.4531 10.7147 31.3515 10.1789 27.3438H15.0173V24.0625H10.104V20.7812H15.0173V17.5H10.104V14.2188H15.0173V10.9375H10.1243C10.4064 6.66859 13.961 3.28125 18.2928 3.28125ZM33.0328 26.25C33.0328 34.3919 26.4206 41.0156 18.2928 41.0156C10.1651 41.0156 3.55289 34.3919 3.55289 26.25V24.0625H6.82844V26.25C6.82844 32.5825 11.9713 37.7344 18.2928 37.7344C24.6144 37.7344 29.7573 32.5825 29.7573 26.25V24.0625H33.0328V26.25Z" fill="black" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-width="1"></path></svg>', "title":"Radio", "detail":['Zasięg tygodniowy: 225 tysięcy osób', 'Zasięg dzienny: 56 tysięcy osób','(badanie Radio Track, styczeń-grudzień 2021, woj. śląskie, małopolskie, opolskie)'], "link":'/Reklama#radio' } ] var index, index2; var output = ''; for (index in reklamaDATA) { output += `<div class="reklamaItem" data-aos="fade-right">`; output += `<div class="image">${reklamaDATA[index].image}</div>` output += `<div class="title">${reklamaDATA[index].title}</div>` output += `<div class="detail">` output += `<ul>`; for (index2 in reklamaDATA[index].detail) { output += `<li> ${reklamaDATA[index].detail[index2]}</li>`; } output += `</ul> </div> <div class="more"> <a href="${reklamaDATA[index].link}" target="_blank"><button class="reklamaItemButton"><span>więcej</span></button></a> </div> </div>`; } console.log(output); reklamaWgazecieDOM.innerHTML = output; if(window.matchMedia("(max-width: 991.98px)").matches){ var reklamaItems = document.querySelectorAll('.reklamaItem'); reklamaItems.forEach(item => { item.classList.add("active") item.addEventListener('click',function(event){ this.classList.toggle("active") }) }) } </script> <style type="text/css">@keyframes example { from { transform: scale(0); } to { transform: scale(1); } } .reklamaItem svg .svg-elem-1 { stroke-dashoffset: 424.53863525390625px; stroke-dasharray: 424.53863525390625px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } .reklamaItem.aos-animate svg .svg-elem-1 { stroke-dashoffset: 0; fill: rgb(0, 0, 0); } .reklamaItem svg .svg-elem-1a { stroke-dashoffset: 2.025899887084961px; stroke-dasharray: 2.025899887084961px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; } .reklamaItem.aos-animate svg .svg-elem-1a { stroke-dashoffset: 0; } .reklamaItem svg .svg-elem-2a { stroke-dashoffset: 18.24776840209961px; stroke-dasharray: 18.24776840209961px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s; } .reklamaItem.aos-animate svg .svg-elem-2a { stroke-dashoffset: 0; } .reklamaItem svg .svg-elem-3a { stroke-dashoffset: 34.50257110595703px; stroke-dasharray: 34.50257110595703px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s; } .reklamaItem.aos-animate svg .svg-elem-3a { stroke-dashoffset: 0; } .reklamaItem svg .svg-elem-4a { stroke-dashoffset: 50.8278923034668px; stroke-dasharray: 50.8278923034668px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s; } .reklamaItem.aos-animate svg .svg-elem-4a { stroke-dashoffset: 0; } .reklamaItem svg .svg-elem-1b { stroke-dashoffset: 579.6625366210938px; stroke-dasharray: 579.6625366210938px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } .reklamaItem.aos-animate svg .svg-elem-1b { stroke-dashoffset: 0; fill: rgb(0, 0, 0); } .reklamaItem svg .svg-elem-2b { stroke-dashoffset: 56.54399108886719px; stroke-dasharray: 56.54399108886719px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } .reklamaItem.aos-animate svg .svg-elem-2b { stroke-dashoffset: 0; fill: rgb(0, 0, 0); } .reklamaItem svg .svg-elem-3b { stroke-dashoffset: 56.54411315917969px; stroke-dasharray: 56.54411315917969px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } .reklamaItem.aos-animate svg .svg-elem-3b { stroke-dashoffset: 0; fill: rgb(0, 0, 0); } .reklamaItem svg .svg-elem-4b { stroke-dashoffset: 56.54412078857422px; stroke-dasharray: 56.54412078857422px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } .reklamaItem.aos-animate svg .svg-elem-4b { stroke-dashoffset: 0; fill: rgb(0, 0, 0); } .reklamaItem svg .svg-elem-5b { stroke-dashoffset: 56.544124603271484px; stroke-dasharray: 56.544124603271484px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } .reklamaItem.aos-animate svg .svg-elem-5b { stroke-dashoffset: 0; fill: rgb(0, 0, 0); } .reklamaItem svg .svg-elem-6b { stroke-dashoffset: 56.159461975097656px; stroke-dasharray: 56.159461975097656px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } .reklamaItem.aos-animate svg .svg-elem-6b { stroke-dashoffset: 0; fill: rgb(0, 0, 0); } .reklamaItem svg .svg-elem-7b { stroke-dashoffset: 56.54378890991211px; stroke-dasharray: 56.54378890991211px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } .reklamaItem.aos-animate svg .svg-elem-7b { stroke-dashoffset: 0; fill: rgb(0, 0, 0); } .reklamaWgazecie { height: 80vh; min-height: 700px; margin: auto; justify-content: center; align-items: stretch; display: flex; flex-direction: column; padding: 7rem 0 0; } .reklamaWgazecie .reklamaWrapper{ display: flex; margin: auto; width: 920px; justify-content: space-around; flex-wrap: wrap; max-width: 100%; margin-top: 0; } .reklamaWgazecie .reklamaItem{ justify-content: flex-start; display: flex; flex-direction: column; align-items: center; width: 270px; min-height: 384px; margin-top: 0; } .reklamaWgazecie .reklamaItem .reklamaItemListPseudo{ width: 5px; height: 5px; font-size: 0px; display: inline-flex; color: #ff000000; position: relative; } span.reklamaItemListPseudo:after { content: ''; width: 5px; height: 5px; position: absolute; background: #e2002b; bottom: -2px; } .reklamaWgazecie .reklamaItem .image{ height: 130px; justify-content: center; align-items: center; display: flex; } .reklamaWgazecie .reklamaItem .title{ display: flex; margin: unset; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 36px; line-height: 150%; text-align: center; color: #E2002B; } .reklamaWgazecie .reklamaItem .more{ margin-top:2rem; } .reklamaWgazecie .reklamaItem:hover .title{ margin-bottom: 0; } .reklamaWgazecie .reklamaItem .detail{ display: flex; flex-grow: 1; font-family: Fira Sans; font-style: normal; font-weight: 350; font-size: 15px; line-height: 150%; text-align: center; color: #000000; overflow: hidden; /* height: 0; */ max-height: 0; transition: all 1s ease; } .txt ul li:before{ content: unset; } .reklamaWgazecie .reklamaItem .detail ul{ list-style: none; margin: 15px 0; } .reklamaWgazecie .reklamaItem .detail ul li{ padding:0; } .reklamaWgazecie .reklamaItem .more .reklamaItemButton{ width: 97px; height: 42px; border: unset; color: white; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 13px; line-height: 150%; display: flex; align-items: center; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; justify-content: center; position: relative; overflow: hidden; cursor: pointer; } .reklamaItemButton span{ position: relative; z-index: 1; color: #FFFFFF; } .reklamaItemButton:hover::after { transform: translate3d(100%,0,0); } .reklamaItemButton:hover span{ color: black; } .reklamaItemButton:after{ content: ''; background: #E2002B; width: 125%; left: -12%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); position: absolute; top: 0; height: 100%; } .reklamaWgazecie .title { font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; color: #000000; } .reklamaWgazecie .text { font-family: Fira Sans; font-style: normal; font-weight: 350; font-size: 18px; line-height: 150%; text-align: center; color: #000000; } @media(min-width:992px){ .reklamaWgazecie .reklamaItem:hover{ justify-content: flex-start; display: flex; flex-direction: column; align-items: center; width: 270px; } .reklamaWgazecie .reklamaItem:hover .detail{ display: flex; animation-name: example; animation-duration: .7s; max-height: 500px; } } @media(max-width:991.98px){ .reklamaWgazecie{ height: unset !important; margin-left: 10%; margin-right: 10%; padding: 7rem 0 7rem 0; } .reklamaWgazecie .reklamaWrapper{ flex-direction: column; align-items: center; } .reklamaWgazecie .reklamaItem{ min-height: unset; } .reklamaWgazecie .reklamaItem.active .detail{ display: flex; animation-name: example; animation-duration: .7s; max-height: 500px; } } @media(max-width:576.98px){ .reklamaWgazecie .title{ font-size: 26px; line-height: 31px; } .reklamaWgazecie{ padding: 34px 0 40px 0; } .reklamaWgazecie .reklamaItem .title{ font-size: 24px; line-height: 150%; } .reklamaWgazecie .reklamaItem .detail ul{ margin: 5px 0; font-size: 15px; line-height: 150%; } .reklamaWgazecie .reklamaItem .image{ height: 100px; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Prenumeruj Nas</h2> <div class=" txt__rich-area"> <div class="wrapper4" maincolor="0"> <h1 class="prenumerateTitle" data-aos="fade-up"> <a href="/Prenumerata"><span style="color: #ffffff">Prenumerata</span></a> </h1> <div class="imagesContainer"> <div bkgcolor="1" class="imageItem" style=" background-image: url(https://www.wiara.pl/files/22/01/17/416969_hb99_Group_359.jpg); "> </div> <div bkgcolor="2" class="imageItem" style=" background-image: url(https://www.wiara.pl/files/22/01/17/416969_y8Cc_Group_360.jpg); "> </div> <div bkgcolor="3" class="imageItem" style=" background-image: url(https://www.wiara.pl/files/22/01/17/416969_vdQl_Group_361.jpg); "> </div> <div bkgcolor="4" class="imageItem" style=" background-image: url(https://www.wiara.pl/files/22/01/17/416969_HFcw_Group_362.jpg); "> </div> </div> <div id="app1"> <div bkgcolor="1" class="el4main el1" data-aos="zoom-out-up"> <div class="logoKomponent"> <svg fill="none" height="59" viewbox="0 0 42 59" width="42" xmlns="http://www.w3.org/2000/svg"> <path d="M33.4928 3C33.4928 3 25.8736 7.06369 17.8734 8.33343C9.87328 9.60355 2.12723 9.22259 2.12723 9.22259L2 56.8425C2 56.8425 10.6771 57.5537 16.9846 55.9533C25.4926 53.7948 33.7469 49.3506 33.7469 49.3506L33.4928 3Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M34.0004 6.30176H40.0958V56.7149H13.3018" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M16.7738 26.3314L16.0938 27.0434C15.7338 26.7394 15.4298 26.6038 14.9822 26.6038C14.2062 26.6038 13.6305 27.1798 13.6305 28.5554C13.6305 30.0107 14.0145 30.5071 14.7822 30.5071C15.0542 30.5071 15.3022 30.4511 15.5342 30.3231V29.0674H14.8142L14.6862 28.1394H16.8058V30.8827C16.2378 31.2507 15.5182 31.4667 14.7902 31.4667C13.1185 31.4667 12.2705 30.4507 12.2705 28.555C12.2705 26.675 13.4462 25.6514 14.9182 25.6514C15.7182 25.6517 16.3182 25.9318 16.7738 26.3314Z" fill="white"></path> <path d="M21.9575 31.3304H20.2858L18.6862 27.0351C18.7502 27.5391 18.8542 28.2751 18.8542 29.2988V31.3304H17.6865V25.7871H19.3182L20.9578 30.0908C20.8858 29.6428 20.7818 28.9148 20.7818 28.0268V25.7871H21.9575V31.3304Z" fill="white"></path> </svg> </div> <div class="description"> <h4>Prenumerata papierowa Gość Niedzielny</h4> <p> Prenumeratę można rozpocząć w dowolnym momencie roku na minimum 13 wydań (kwartał). Prenumerata wysyłana jest przesyłką priorytetową za pośrednictwem Poczty Polskiej (koszty przesyłki na terenie kraju ponosi redakcja). </p> <a class="testButton" href="/Prenumerata/gosc" target="_blank"><span>więcej</span></a> </div> </div> <div bkgcolor="2" class="el4main el2" data-aos="zoom-out-up"> <div class="logoKomponent"> <svg fill="none" height="59" viewbox="0 0 42 59" width="42" xmlns="http://www.w3.org/2000/svg"> <path d="M33.4928 3C33.4928 3 25.8736 7.06369 17.8734 8.33343C9.87328 9.60355 2.12723 9.22259 2.12723 9.22259L2 56.8425C2 56.8425 10.6771 57.5537 16.9846 55.9533C25.4926 53.7948 33.7469 49.3506 33.7469 49.3506L33.4928 3Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M34.0004 6.30176H40.0958V56.7149H13.3018" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M15.7219 31.0615H14.4954L14.4039 28.9971C14.3658 28.2579 14.3506 27.4958 14.3887 26.8408L13.5733 30.5055H12.3925L11.5238 26.8408C11.5768 27.6181 11.5768 28.2731 11.5467 29.0119L11.4552 31.0615H10.2363L10.6326 25.7812H12.21L13.0025 29.3625L13.7413 25.7812H15.326L15.7219 31.0615Z" fill="white"></path> <path d="M20.4937 26.2991L19.8463 26.9773C19.5034 26.6877 19.2138 26.5586 18.7871 26.5586C18.0482 26.5586 17.4996 27.1072 17.4996 28.4176C17.4996 29.8037 17.8653 30.2766 18.5965 30.2766C18.8556 30.2766 19.0915 30.2232 19.3129 30.1013V28.9053H18.627L18.5051 28.0213H20.5238V30.6344C19.9831 30.9849 19.2973 31.1907 18.6038 31.1907C17.0115 31.1907 16.2041 30.2229 16.2041 28.4172C16.2041 26.6264 17.3239 25.6514 18.7257 25.6514C19.4878 25.6517 20.0597 25.9184 20.4937 26.2991Z" fill="white"></path> <path d="M25.4309 31.0615H23.8382L22.3145 26.97C22.3755 27.4501 22.4745 28.1512 22.4745 29.1262V31.0615H21.3623V25.7812H22.9165L24.4783 29.8807C24.4101 29.4539 24.3107 28.7605 24.3107 27.9146V25.7812H25.4309V31.0615Z" fill="white"></path> </svg> </div> <div class="description"> <h4>Prenumerata papierowa Mały Gość niedzielny</h4> <p> Prenumeratę można rozpocząć w dowolnym momencie roku na minimum 6 wydań (pół roku). Prenumerata wysyłana jest przesyłką ekonomiczną za pośrednictwem Poczty Polskiej (koszty przesyłki na terenie kraju ponosi redakcja). </p> <a class="testButton" href="/Prenumerata/malygosc" target="_blank"><span>więcej</span></a> </div> </div> <div bkgcolor="3" class="el4main el3" data-aos="zoom-out-up"> <div class="logoKomponent"> <svg fill="none" height="58" viewbox="0 0 61 58" width="61" xmlns="http://www.w3.org/2000/svg"> <path d="M59.7108 2H2V42.3179H59.7108V2Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M9.59082 34.6087V9.62793H52.338V34.6087H9.59082Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M30.7606 19.119L29.7304 20.1976C29.185 19.7371 28.7245 19.5317 28.0464 19.5317C26.8708 19.5317 25.9988 20.4042 25.9988 22.4882C25.9988 24.6928 26.5805 25.4448 27.7434 25.4448C28.1555 25.4448 28.5312 25.3599 28.8826 25.166V23.2638H27.7919L27.598 21.858H30.809V26.0138C29.9485 26.5713 28.8584 26.8985 27.7555 26.8985C25.2231 26.8985 23.9385 25.3593 23.9385 22.4876C23.9385 19.6396 25.7195 18.0889 27.9494 18.0889C29.1614 18.0894 30.0703 18.5136 30.7606 19.119Z" fill="white"></path> <path d="M38.6136 26.692H36.0812L33.6579 20.1851C33.7549 20.9486 33.9124 22.0636 33.9124 23.6143V26.692H32.1436V18.2944H34.6153L37.0992 24.8141C36.9902 24.1354 36.8326 23.0325 36.8326 21.6873V18.2944H38.6136V26.692Z" fill="white"></path> <path d="M39.2123 42.4448H22.4668V56.0002H39.2123V42.4448Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M15.042 55.9995H46.6382" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> </svg> </div> <div class="description"> <h4>eWydania Gość Niedzielny</h4> <p> Dostęp przyznawany natychmiast po dokonaniu opłaty. Treść wydania można czytać tylko online poprzez przeglądarkę. Można także pobrać zakupione wydanie na urządzenia mobilne. Możliwość zamówienia czasowej subskrypcji. </p> <a class="testButton" href="https://e.gosc.pl/" target="_blank"><span>więcej</span></a> </div> </div> <div bkgcolor="4" class="el4main el4" data-aos="zoom-out-up"> <div class="logoKomponent"> <svg fill="none" height="58" viewbox="0 0 61 58" width="61" xmlns="http://www.w3.org/2000/svg"> <path d="M59.7108 2H2V42.3179H59.7108V2Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M9.59082 34.6087V9.62793H52.338V34.6087H9.59082Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M27.7246 26.6933H25.7739L25.6284 23.41C25.5678 22.2344 25.5436 21.0224 25.6042 19.9806L24.3074 25.8092H22.4293L21.0477 19.9806C21.1319 21.2169 21.1319 22.2586 21.084 23.4337L20.9386 26.6933H19L19.6302 18.2954H22.1391L23.3995 23.9912L24.5746 18.2954H27.0949L27.7246 26.6933Z" fill="white"></path> <path d="M35.3136 19.1191L34.2839 20.1977C33.7385 19.7372 33.278 19.5317 32.5993 19.5317C31.4242 19.5317 30.5516 20.4043 30.5516 22.4884C30.5516 24.693 31.1333 25.4451 32.2963 25.4451C32.7083 25.4451 33.0835 25.3602 33.4355 25.1663V23.2641H32.3448L32.1508 21.8581H35.3615V26.0141C34.5015 26.5716 33.4107 26.8989 32.3078 26.8989C29.7753 26.8989 28.4912 25.3596 28.4912 22.4878C28.4912 19.6396 30.2723 18.0889 32.5017 18.0889C33.7137 18.0894 34.6233 18.5136 35.3136 19.1191Z" fill="white"></path> <path d="M43.1662 26.6933H40.6331L38.2097 20.1861C38.3067 20.9497 38.4642 22.0647 38.4642 23.6155V26.6933H36.6953V18.2954H39.1672L41.6512 24.8153C41.5427 24.1366 41.3846 23.0337 41.3846 21.6884V18.2954H43.1662V26.6933Z" fill="white"></path> <path d="M39.2123 42.4448H22.4668V56.0002H39.2123V42.4448Z" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> <path d="M15.042 55.9995H46.6382" stroke="white" stroke-miterlimit="10" stroke-width="2.5"></path> </svg> </div> <div class="description"> <h4>eWydania Mały Gość Niedzielny</h4> <p> Dostęp przyznawany natychmiast po dokonaniu opłaty. Treść wydania można czytać tylko online poprzez przeglądarkę. Można także pobrać zakupione wydanie na urządzenia mobilne. Możliwość zamówienia czasowej subskrypcji. </p> <a class="testButton" href="https://www.egazety.pl/gosc-niedzielny/e-wydanie-maly-gosc-niedzielny.html" target="_blank"><span>więcej</span></a> </div> </div> </div> </div> <script> var hoverElements = document.querySelectorAll(".el4main"); var clikedEl = false; hoverElements.forEach((item) => { if (window.matchMedia("(min-width: 992px)").matches) { item.addEventListener("mouseover", function (event) { hoverElements.forEach((item) => { if (item.classList.contains("actived")) { clikedEl = true; } }); let imageArr = document.querySelectorAll(".wrapper4 .imageItem"); imageArr.forEach((item) => { if ( item.getAttribute("bkgColor") === this.getAttribute("bkgColor") && clikedEl !== true ) { item.classList.add("active"); } }); if (clikedEl !== true) { this.classList.add("active"); } }); item.addEventListener("mouseout", function (event) { let imageArr = document.querySelectorAll(".wrapper4 .imageItem"); imageArr.forEach((item) => { if (item.getAttribute("bkgColor") === this.getAttribute("bkgColor")) { item.classList.remove("active"); } }); this.classList.remove("active"); }); } else { item.classList.add("active"); } // item.addEventListener("click", function () { // if (window.matchMedia("(min-width: 992px)").matches) { // let imageArr = document.querySelectorAll(".wrapper4 .imageItem"); // hoverElements.forEach((item) => item.classList.remove("actived")); // imageArr.forEach((item) => { // item.classList.remove("active"); // item.classList.remove("clicked"); // }); // imageArr.forEach((item) => { // if (item.getAttribute("bkgColor") === this.getAttribute("bkgColor")) { // item.classList.add("active"); // item.classList.add("clicked"); // } // }); // this.classList.add("actived"); // } else { // this.classList.toggle("active"); // } // }); }); var wrapperEl = document.querySelector(".wrapper4"); wrapperEl.addEventListener("click", function (event) { if (event.target.classList.contains("wrapper4")) { clikedEl = false; hoverElements.forEach((item) => item.classList.remove("actived")); let imageArr = document.querySelectorAll(".wrapper4 .imageItem"); imageArr.forEach((item) => { item.classList.remove("active"); item.classList.remove("clicked"); }); } }); </script> <style type="text/css"> .wrapper4 { width: 100%; padding-top: 42px; padding-bottom: 60px; height: auto; display: flex; /* background: black; */ justify-content: center; align-items: center; flex-direction: column; position: relative; background-size: cover; background-image: url(https://www.wiara.pl/files/22/01/17/416969_jr81_Group_229.jpg); background-attachment: fixed; overflow: hidden; } /* .wrapper.active:after { background: rgba(0, 0, 0, 0.315); } */ .imagesContainer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .wrapper4 .imageItem { width: 100%; height: 100%; background-size: cover; background-attachment: fixed; background-position: center; } #app1 { width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; z-index: 2; align-items: center; } .el4main { width: 40%; min-height: 250px; display: flex; margin: 5px 15px 15px 15px; background: transparent; transition: all 0.5s ease-in-out !important; } .el4main.active .logoKomponent, .el4main.actived .logoKomponent { align-items: flex-start; margin-top: 2rem; } .el4main.active, .el4main.actived { background: black; } .el4main:hover { background: black; } .wrapper4 .logoKomponent { width: 20%; display: flex; justify-content: center; align-items: center; /* pointer-events: none; */ } .wrapper4 .description { width: 80%; display: flex; color: white; justify-content: flex-start; align-items: flex-start; padding-left: 16px; /* pointer-events: none; */ justify-content: center; flex-direction: column; padding: 2rem 2rem 2rem 0; } h1 { color: white; z-index: 2; } .wrapper4 .description p, .wrapper4 .description h4 { margin: 0; } .wrapper4 .description { width: 80%; display: flex; color: white; justify-content: flex-start; align-items: flex-start; padding-left: 16px; /* pointer-events: none; */ justify-content: center; flex-direction: column; padding: 2rem 2rem 2rem 0; } .wrapper4 .description h4 { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 21px; line-height: 25px; letter-spacing: 0.05em; text-transform: uppercase; } .wrapper4 .description p { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; } .wrapper4 .description span { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 13px; line-height: 150%; display: flex; align-items: center; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #e2002b; margin-top: 17px; } .wrapper4 .description p { opacity: 0; display: none; transition: all 0.5s ease-in-out; } .wrapper4 .description span { display: none; } .wrapper4:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; background: rgba(0, 0, 0, 0); transition: all 1s ease-in-out; } .wrapper4 .prenumerateTitle { font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; color: #ffffff; } .wrapper4 .prenumerateSubtitle { font-family: Fira Sans; font-style: normal; font-weight: 350; font-size: 18px; line-height: 150%; text-align: center; color: #ffffff; } .wrapper4 .imageItem { opacity: 0; transition: all 0.4s ease-in-out; position: absolute; top: 0; } .wrapper4 .imageItem.active { opacity: 1; } .wrapper4 .imageItem.clicked { opacity: 1; } /* .el.active{ height: 180px; } */ .el4main.active .description p, .el4main.actived .description p { font-size: 16px; line-height: 19px; margin-top: 0.5rem; opacity: 1; display: flex; flex-direction: column; flex-grow: 1; } .el4main.active .description span, .el4main.actived .description span { display: flex; } @media (max-width: 991.98px) { #app1 { flex-direction: column; } .el4main { width: 90%; min-height: 150px !important; } .el4main:not(.active):hover { background-color: transparent; } .wrapper4 { height: unset !important; min-height: 100vh; background-attachment: scroll !important; padding-top: 5rem; padding-bottom: 5rem; } } @media (max-width: 576.98px) { .el4main { width: 90%; margin: 15px; } .el4main:nth-of-type(1) { margin-top: 4px; } .el4main:last-of-type { margin-bottom: 0; } .wrapper4 { padding-top: 34px; padding-bottom: 40px; } .wrapper4 .prenumerateTitle { font-size: 26px; line-height: 31px; } .wrapper4 .logoKomponent { width: 30%; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Wszystko czego Dusza zapragnie</h2> <div class=" txt__rich-area"> <div class="wszystkoDuszaWrapper"> <div class="wszystkoDusza-title" data-aos="fade-up">Wszystko, czego Dusza zapragnie</div> <div class="wszystkoDusza-subTitle" data-aos="fade-up"><a href="https://sklep.gosc.pl/" target="_blank"><img alt="" src="https://www.wiara.pl/files/22/01/19/592709_q4If_gosc.pl.png"/></a></div> <div class="wszystkoDusza-image" data-aos="zoom-out-up"><img alt="" src="https://www.wiara.pl/files/22/04/14/922461_WsEm_appleMonitor.png"/></div> </div> <style type="text/css">.wszystkoDuszaWrapper{ display: flex; justify-content: center; flex-direction: column; min-height: 80vh; overflow: hidden; padding-bottom: 3rem; } .wszystkoDusza-title{ font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; color: #000000; margin-top:60px; } .wszystkoDusza-subTitle{ margin:auto; margin-top:30px; } .wszystkoDusza-image{ margin:auto; } @media(max-width:992px){ .wszystkoDusza-subTitle { margin: 1rem auto !important; } .wszystkoDusza-image { margin: 1rem !important; margin-bottom: 5rem !important; } .wszystkoDuszaWrapper{ min-height: 70vh; } } @media(max-width:576.98px){ .wszystkoDusza-title{ font-size: 26px; line-height: 31px; margin-top: 30px; } .wszystkoDuszaWrapper { min-height: auto; } .wszystkoDusza-image{ margin-bottom: 30px !important; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Agencja zdjęć</h2> <div class=" txt__rich-area"> <div class="agencjaZdjec"></div> <script> var agencjaZdjecDOM = document.querySelector('.agencjaZdjec') var agencjaZdjecContent = `<h1 class="title" data-aos="fade-up">Agencja Fotograficzna</h1> <div class="text" data-aos="fade-up">Dziesiątki tysięcy zdjęć z najważniejszych wydarzeń w kraju udokumentowanych przez fotoreporterów "Gościa". Posiadamy dużą bazę fotograficzną z wydarzeń religijnych, ogólnopolskich i regionalnych.</div> <a href="https://foto.gosc.pl/" target="_blank"><button class="more" data-aos="fade-up"><span>Więcej</span></button><a> <div class="wrapperAgencjaZdjec"><img alt="" class="AgencjaZdjecIMG" data-aos="fade-right" src="https://www.wiara.pl/files/22/02/10/494472_Fqld_Rectangle_346b.jpg " /> <img alt="" class="AgencjaZdjecIMG" data-aos="fade-right" src="https://www.wiara.pl/files/22/02/10/494467_HDjF_Rectangle_347b.jpg" /><img alt="" class="AgencjaZdjecIMG" data-aos="fade-right" src="https://www.wiara.pl/files/22/02/10/494482_Gh2P_Rectangle_348a.jpg " /></div>` agencjaZdjecDOM.innerHTML = agencjaZdjecContent </script> <style type="text/css">.wrapperAgencjaZdjec{ display: flex; width: 100%; margin-top:60px; overflow: hidden; } .wrapperAgencjaZdjec img{ width: 33.33%; height: auto; object-fit: cover; } .agencjaZdjec{ background:url(https://www.wiara.pl/files/20/12/22/628305_iZxK_agencjaZdjec.jpg); background-size:cover; background-position:center; min-height:auto; display:flex; justify-content:center; align-items:center; flex-direction:column; padding-top:38px; padding-bottom: 60px; } .agencjaZdjec .title{ font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; margin-bottom:52px; color: #FFFFFF; } .AgencjaZdjecIMG{ padding: 3px; } img.AgencjaZdjecIMG:nth-of-type(1) { padding-left:0; } img.AgencjaZdjecIMG:nth-of-type(3) { padding-right: 0; } .agencjaZdjec .text{ font-family: Fira Sans; font-style: normal; font-weight: 350; font-size: 18px; line-height: 150%; text-align: center; color: #FFFFFF; max-width:759px; } .agencjaZdjec .more{ margin-top:62px; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 13px; line-height: 150%; display: flex; align-items: center; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; width: 156px; height: 42px; background: #E2002B; justify-content:center; border:none; display:flex; position: relative; overflow: hidden; cursor: pointer; } .agencjaZdjec .more span{ position: relative; z-index: 1; color: #FFFFFF; } .agencjaZdjec .more:hover::after { transform: translate3d(100%,0,0); } .agencjaZdjec .more:hover span{ color: white; } .agencjaZdjec .more:after{ content: ''; background: black; width: 125%; left: -12%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); position: absolute; top: 0; height: 100%; } @media(min-width:992px){ .agencjaZdjec{ min-height: auto; } .agencjaZdjec .title{ margin-top: 0; margin-bottom: 36px; } .agencjaZdjec .more{ margin-top: 55px; } } @media(min-width:576.98px) and (max-width:992px){ .agencjaZdjec .title{ margin-bottom: 30px; } .agencjaZdjec .more{ margin-top: 40px; } } @media (max-width:576.98px){ .agencjaZdjec { min-height: auto; padding-left: 15px; padding-right: 15px; padding-top: 38px; padding-bottom: 48px; } .agencjaZdjec .title { font-size: 26px; line-height: 31px; margin-bottom: 16px; } .agencjaZdjec .more { margin-top: 28px; height: 48px; } .wrapperAgencjaZdjec{ display: none; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">Nasze Serwisy testy</h2> <div class=" txt__rich-area"> <h1 class="naseSerwisyTitle" id="naszeserwisy">Nasze serwisy</h1> <div class="naseSerwisyLista"> </div> <script> var naszeSerwisyObj = [ { 'link':'https://janmacha.gosc.pl', 'image':'/files/22/01/19/583648_MjsA_janMacha.jpg', 'nazwa':'Beatyfikacja ks. Jana Machy, śląskiego męczennika II wojny światowej', }, { 'link':'https://wadowice1920.gosc.pl', 'image':'/files/22/01/19/583648_HuXB_wadowice.jpg', 'nazwa':'Serwis poświęcony 100. rocznicy urodzin Jana Pawła II', }, { 'link':'https://twarzesolidarnosci.gosc.pl/', 'image':'/files/22/01/19/583648_duFq_twarzeSolidarnosci.jpg', 'nazwa':'Serwis poświęcony 40. rocznicy powstania Solidarnośc', }, { 'link':'https://twarzesolidarnosci.gosc.pl/Zielona-rewolucja', 'image':'/files/22/01/19/583648_In5E_zielonaRewolucja.jpg', 'nazwa':'12 maja 1981 roku powstało NSZZ Rolników Indywidulanych „Solidarność”', }, { 'link':'https://twarzesolidarnosci.gosc.pl/Dziewieciu-z-Wujka', 'image':'/files/22/01/19/583648_zbhY_9wujek.jpg', 'nazwa':'Pacyfikacja katowickiej kopalni Wujek', }, { 'link':'https://twarzesolidarnosci.gosc.pl/Solidarnosc-burzy-mury', 'image':'/files/22/01/19/583648_CE9y_burzyMury.jpg', 'nazwa':'Posłanie do ludzi pracy Europy Wschodniej', }, { 'link':'https://twarzesolidarnosci.gosc.pl/podbeskidzie', 'image':'/files/22/01/19/583648_nai6_podbeskidzie.jpg', 'nazwa':'Strajk generalny na Podbeskidziu', }, { 'link':'https://twarzesolidarnosci.gosc.pl/dolny-slask', 'image':'/files/22/01/19/583648_84HY_zajezdnia.jpg', 'nazwa':'Znaczenie strajku na Dolnym Śląsku w sierpniu 1980 r.', }, { 'link':'https://biegfrassatiego.gosc.pl/', 'image':'/files/22/01/19/583648_qwK3_frasatti.jpg', 'nazwa':'Górski półmaraton im. bł. Jerzego Frassatiego', }, { 'link':'https://pielgrzymka1979.gosc.pl', 'image':'/files/22/01/19/583648_jspC_pielgrzymki.jpg', 'nazwa':'40. rocznica pierwszej pielgrzymki Jana Pawła II do Polski', }, ] var listDoWgrania = document.querySelector('.naseSerwisyLista') var result = '<div class="naszeSerwisyWrapper">' for (var i in naszeSerwisyObj){ result += ` <div class="naszeSerwisyItem ${ i < 3 && "mobile"}" data-aos="${ i%2 === 0 ? "fade-up-right" : "fade-up-left"}"> <a href="${naszeSerwisyObj[i].link}" target="_blank"> <img alt="" src="${naszeSerwisyObj[i].image}" /> <p>${naszeSerwisyObj[i].nazwa}</p> </a> </div> ` } result += '</div><button class="naszeSerwisyMore">więcej</button>' listDoWgrania.innerHTML = result var naseSerwisyLista = document.querySelectorAll('.naszeSerwisyItem'); var mniejWiecej = false var naszeSerwisyMore = document.querySelector('.naszeSerwisyMore'); naszeSerwisyMore.addEventListener('click',function(){ naseSerwisyLista.forEach(item => { item.classList.toggle('more'); }) if(!mniejWiecej){ naszeSerwisyMore.innerHTML = "mniej" mniejWiecej = true }else{ naszeSerwisyMore.innerHTML = "więcej" mniejWiecej = false } }) </script> <style type="text/css">.naseSerwisyLista{ display: flex; max-width:920px; margin:auto; padding-bottom: 3rem; border-bottom: 1px solid rgba(0, 0, 0, 0.18); } .naszeSerwisyWrapper{ display: flex; flex-direction: row; flex-wrap: wrap; overflow:hidden; } .naszeSerwisyItem{ width: 48%; box-sizing: border-box; margin: 0.5rem; display: flex; flex-direction: column; } .naszeSerwisyItem img{ width:100%; } .naszeSerwisyItem p{ height: 75px; margin: auto; display: flex; background: black; width: 100%; justify-content: center; align-items: center; color: white; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 18px; color: white; line-height: 22px; text-align: center; text-decoration: unset; padding: 1rem; } h1.naseSerwisyTitle{ font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; margin-top:37px; margin-bottom: 60px; color: #000000; } .naszeSerwisyMore{ width: 97px; height: 42px; background: #E2002B; border: unset; color: white; margin: 1rem auto; font-family: Fira Sans; justify-content: center; font-style: normal; font-weight: bold; font-size: 13px; line-height: 150%; text-align: center; display: flex; align-items: center; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; } @media(max-width:992px){ .naszeSerwisyWrapper{ flex-direction: column; } .naseSerwisyLista { justify-content: center; } .naszeSerwisyItem{ width: 80%; margin: 1rem auto; } .naszeSerwisyItem.mobile{ display: flex; } .naszeSerwisyItem{ display: none; } .naseSerwisyLista { justify-content: center; flex-direction: column; } .naszeSerwisyItem.more{ display: flex !important; } } @media(min-width:992px){ .naszeSerwisyMore{ display: none; } } @media(max-width:577px){ .naszeSerwisyItem.more{ display: flex !important; } h1.naseSerwisyTitle{ font-size: 26px; line-height: 31px; margin-bottom: 0; } .naszeSerwisyItem { width: 100%; margin: 15px 0; } .naszeSerwisyWrapper { padding: 15px; } .naseSerwisyLista { justify-content: center; flex-direction: column; padding-bottom: 0; } .naszeSerwisyMore{ margin-bottom: 40px; margin-top: 0; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <h2 class="">wspieraj nas Dajemy Słowo</h2> <div class=" txt__rich-area"> <div class="dajemySlowoWrapper"> <div class="dajemySlowo-title" data-aos="fade-up">Wesprzyj nas. Dajemy Słowo</div> <div class="dajemySlowo-subTitle" data-aos="fade-up"> <p>Zadanie budowania i propagowania kultury chrześcijańskiej nabiera dziś szczególnego znaczenia. Fałszywy obraz człowieka oraz pomijanie wymiaru religijnego to główne źródła upadku kultury. W Fundacji chcemy przeciwdziałać tej tendencji, angażując się w projekty ukazujące Prawdę. Prosząc o wsparcie Fundacji możemy „dać Słowo”, że będą one dobrze wykorzystane na chwałę Pana Boga i ku zbawieniu człowieka.</p> </div> <a href="https://fundacja.gosc.pl/Wspieram" target="_blank"><button data-aos="fade-up"><span>więcej</span></button></a> <div class="dajemySlowo-image" data-aos="zoom-out-up"><img alt="" src="https://www.wiara.pl/files/22/01/19/599754_VC7G_wspierajNas.png"/></div> </div> <style type="text/css">.dajemySlowoWrapper{ display: flex; justify-content: center; flex-direction: column; align-items: center; max-width: 920px; margin: auto; margin-top: 38px; margin-bottom: 60px; overflow: hidden; } .dajemySlowo-title{ font-family: Fira Sans; font-style: normal; font-weight: 600; font-size: 46px; line-height: 55px; text-align: center; color: #000000; } .dajemySlowoWrapper button{ cursor: pointer; } .dajemySlowo-subTitle{ margin:auto; text-align: center; } .dajemySlowo-image{ margin:auto; } .dajemySlowoWrapper button{ font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 13px; line-height: 150%; text-align: center; display: flex; align-items: center; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; background: #f1f1f1; border:none; color: #FFFFFF; width: 97px; height: 42px; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative } .dajemySlowoWrapper button span{ position: relative; z-index: 1; color: #FFFFFF; } .dajemySlowoWrapper button:hover::after { transform: translate3d(100%,0,0); } .dajemySlowoWrapper button:hover span{ color: black; } .dajemySlowoWrapper button:after{ content: ''; background: #E2002B; width: 125%; left: -12%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); position: absolute; top: 0; height: 100%; } @media(max-width:992px){ .dajemySlowoWrapper{ margin-left: 10%; margin-right: 10%; } } @media(max-width:576.98px){ .dajemySlowo-title{ font-size: 26px; line-height: 31px; } .dajemySlowoWrapper button{ margin-top: 23px; margin-bottom: 30px; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="wp-bd webpart-wrap-layout wp-el" > <div class="fl-w100 layout-1"> <div class="c1 LayoutColumn Col0"> <div class="wp-bd fl-w100 webpart-wrap-layout_column wp-el" > <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <div class=" txt__rich-area"> <div class="FooterWrapper"><a href="https://www.gosc.pl/" target="_blank"><img alt="" src="/files/22/01/26/195830_VscV_GNwhiteSVG.svg" width="62"/></a> <a href="https://www.malygosc.pl/" target="_blank"><img alt="" src="/files/22/01/26/195830_7wll_MGwhiteSVG.svg" width="93"/></a> <a href="https://www.radioem.pl/" target="_blank"><img alt="" src="/files/22/01/26/195830_0aAa_RadioEMwhiteSVG.svg" width="56"/></a> <a href="https://www.gosc.pl/" target="_blank"><img alt="" src="/files/22/01/26/195830_sxbA_GoscPLwhiteSVG.svg" width="69"/> </a> <a href="https://www.wiara.pl/" target="_blank"><img alt="" src="/files/22/01/26/195830_Hby8_wiaraWhiteSVG.svg" width="85"/></a> <a href="https://fundacja.gosc.pl/" target="_blank"><img alt="" src="/files/22/01/26/206005_wcf7_fundacjaSVGwhite.svg" width="85"/></a></div> <script src="/files/22/01/26/188697_ITNW_aos.js"></script><script> var reklamaDev = document.querySelectorAll('.doc-media.doc-media-title_right > a'); var reklamaDev1 = document.querySelectorAll('.doc-media.doc-media-title_right > p,.doc-media.doc-media-title_right > h2'); if(reklamaDev && reklamaDev1){ reklamaDev.forEach(item => { item.setAttribute('data-aos',"fade-left") }) reklamaDev1.forEach(item => { item.setAttribute('data-aos',"fade-right") }) } wre.Ready(function () { AOS.init(); }); if (document.querySelector('.c0_5 .im-617x370 a')) { const pdfLinks = document.querySelectorAll('.c0_5 .im-617x370 a'); for(let i=0; i<pdfLinks.length; i++) {pdfLinks[i].setAttribute("target", "_blank")} } </script> <style type="text/css">.FooterWrapper{ background:black; display: flex; justify-content: space-around; padding: 2rem; } .FooterWrapper a{ display: flex; } .adsbox{ display: none; } @media(max-width:576.98px){ .FooterWrapper a { display: flex; margin: 0 10px; } .FooterWrapper { padding: 2rem 0; } } </style> </div> </div> </div> <div class="wp-bd fl-w100 webpart-wrap-doc_content wp-el" > <div class="txt None"> <div class=" txt__rich-area"> <div> <script async="true" type="text/javascript"> (function() { var host = window.location.hostname; var element = document.createElement('script'); var firstScript = document.getElementsByTagName('script')[0]; var url = 'https://cmp.inmobi.com' .concat('/choice/', 'BhyET5PG__G7v', '/', host, '/choice.js?tag_version=V3'); var uspTries = 0; var uspTriesLimit = 3; element.async = true; element.type = 'text/javascript'; element.src = url; firstScript.parentNode.insertBefore(element, firstScript); function makeStub() { var TCF_LOCATOR_NAME = '__tcfapiLocator'; var queue = []; var win = window; var cmpFrame; function addFrame() { var doc = win.document; var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { var iframe = doc.createElement('iframe'); iframe.style.cssText = 'display:none'; iframe.name = TCF_LOCATOR_NAME; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler() { var gdprApplies; var args = arguments; if (!args.length) { return queue; } else if (args[0] === 'setGdprApplies') { if ( args.length > 3 && args[2] === 2 && typeof args[3] === 'boolean' ) { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { var retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stub' }; if (typeof args[2] === 'function') { args[2](retr); } } else { if(args[0] === 'init' && typeof args[3] === 'object') { args[3] = Object.assign(args[3], { tag_version: 'V3' }); } queue.push(args); } } function postMessageEventHandler(event) { var msgIsString = typeof event.data === 'string'; var json = {}; try { if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} var payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { var returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId } }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } if (event && event.source && event.source.postMessage) { event.source.postMessage(returnMsg, '*'); } }, payload.parameter ); } } while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} if (win === window.top) { break; } win = win.parent; } if (!cmpFrame) { addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); var uspStubFunction = function() { var arg = arguments; if (typeof window.__uspapi !== uspStubFunction) { setTimeout(function() { if (typeof window.__uspapi !== 'undefined') { window.__uspapi.apply(window.__uspapi, arg); } }, 500); } }; var checkIfUspIsReady = function() { uspTries++; if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) { console.warn('USP is not accessible'); } else { clearInterval(uspInterval); } }; if (typeof window.__uspapi === 'undefined') { window.__uspapi = uspStubFunction; var uspInterval = setInterval(checkIfUspIsReady, 6000); } })(); </script> </div> </div> </div> </div> </div> </div> </div> </div> <div class="NextGroupMsg">przewiń w dół</div> </div> <div id="help_div"><div class="ldr"></div></div> <noscript> <div style="position:absolute;top:0;z-index:999999999;padding:10px 20px;width:100%;background:#808080;color:#fff;text-align:center;font-family:Roboto, Helvetica, Arial, sans-serif;font-size:18px;line-height:25px;"> <p style="display:inline-block;text-align:left;margin:0;"> <span style="float:left;margin-right:20px;width:45px;"><img style="max-width:100%;height:auto;" src="/static/icons/error.gif" alt="" /></span> Wygląda na to, że Twoja przeglądarka nie obsługuje JavaScript.<br />Zmień ustawienia lub <a href="https://browser-update.org/pl/update-browser.html" style="text-decoration:underline;font-weight:bold;color:#fff;">wypróbuj inną przeglądarkę</a>. </p> </div> </noscript> <div id="l-overlay"> </div> <div id="l-error"><div class="l-login"><div class="l-login-"> <a href="#" class="close" title="zamknij">X</a> <div id="ProblemLayer"></div> </div></div></div> <div id="l-abuse"><div class="l-login"><div class="l-login-"> <a href="#" class="close" title="zamknij">X</a> <div id="AbuseLayer"></div> </div></div></div> <div id="l-addfriend"><div class="l-login l-newmessage"><div class="l-login-"> <a href="#" class="close" title="zamknij">X</a> <div id="AddFriendLayer"></div> </div></div></div> </body> </html>

CINXE.COM

Instytut Gość Media