templates/frontend/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="de" xmlns="http://www.w3.org/1999/html">
  3. <head>
  4. <title>{% block pageTitle %}{% endblock %}{{ (block('pageTitle') is not empty) ? ' - ' :'' }}Urner Wochenblatt</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8. {# BZ: Spez. referrer Tag damit von SSL auf nicht SSL-Page der Referer im Browser minimalst erhalten bleibt #}
  9. <meta name="referrer" content="origin-when-cross-origin">
  10. {#<meta name="msapplication-TileImage" content="{{ asset('apple-touch-icon.png') }}">#}
  11. {#<meta name="msapplication-TileColor" content="#ffffff">#}
  12. <meta name="description" content="{% block pageDescription %}{% endblock %}"/>
  13. <meta name="keywords" content="{% block pageKeywords %}{% endblock %}"/>
  15. {# <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,800">#}
  16. <link rel="stylesheet" href="{{ asset('bundles/app/frontend/dist/styles.css') }}?v={{ parameters.app_version }}">
  17. <link rel="stylesheet" href="{{ asset('bundles/app/frontend/css/klaro.css') }}?v={{ parameters.app_version }}">
  18. <link rel="stylesheet" href="{{ asset('bundles/app/frontend/css/font-awesome-4.7.0/css/font-awesome.min.css') }}">
  19. <link rel="stylesheet" href="https://use.typekit.net/qfi7mab.css">
  20. <link rel="shortcut icon" type="image/x-icon" href="{{ asset('favicon.jpg') }}">
  21. <link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ asset('apple-touch-icon-precomposed.png') }}">
  22. <link rel="alternate" type="application/rss+xml" title="RSS Feed Urner Wochenblatt" href="{{ url('fe.artikel_rss') }}" />
  24. {% block pageMetaArea %}{% endblock %}
  26. {% if parameters.google_analytics %}
  27. <!-- Google Tag Manager -->
  28. <script data-type="application/javascript" type="text/plain" data-name="google-analytics">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  29. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  30. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  31. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  32. })(window,document,'script','dataLayer','GTM-MR9BSBR');</script>
  33. <!-- End Google Tag Manager -->
  34. {% endif %}
  36. </head>
  37. <body>
  38. {% if parameters.google_analytics %}
  39. <!-- Google Tag Manager (noscript) -->
  40. <noscript><iframe data-name="google-analytics" data-src="https://www.googletagmanager.com/ns.html?id=GTM-MR9BSBR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  41. <!-- End Google Tag Manager (noscript) -->
  42. {% endif %}
  43. {# {{ 'now'|date('H:i:s') }} #}
  44. {# Menu fixed macht Problem vor allem beim Aufklappen des Submenus, dass der Bildschirm nicht nachgeschoben wird #}
  45. <div class="headerArea">
  46. <div class="container mt-1">
  47. <div class="row d-none d-lg-flex">
  48. <div class="col-6 text-left">
  49. <a href="{{ path('fe.page_inserieren') }}">Inserate</a>
  50. <a href="{{ path('fe.veranstaltungen') }}">Veranstaltungen</a>
  51. </div>
  52. <div class="col-6 text-right">
  53. <a href="{{ path('fe.abo') }}" class="btn btn-primary btn-sm">Abo</a>
  54. {# <a href="https://www.smarticle.com/app/html5/b1793f29bb" target="_blank" rel="nofollow">E-Paper</a>#}
  55. <a href="{{ path('fe.epaper') }}">E-Paper</a>
  56. <a href="{{ path('fe.abo_login') }}">Login</a>
  57. {# {% if abonnent_authenticated() %}#}
  58. {# <a href="{{ path('fe.abo_logout') }}">Abmelden</a>#}
  59. {# {% else %}#}
  60. {# <a href="{{ path('fe.abo_login') }}">Login</a>#}
  61. {# {% endif %}#}
  62. </div>
  63. </div>
  64. <div class="row">
  65. <div class="col text-center mt-2 mb-3">
  66. <a href="{{ path('fe.home') }}"><img src="{{ asset('bundles/app/frontend/img/urner-wochenblatt-logo.png') }}" class="img-fluid uw-logo"></a>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  73. <div class="navArea">
  74. <div class="container">
  75. <div class="row">
  76. <div class="col main-nav">
  77. <ul>
  78. <li>
  79. <a href="" class="jqShowMobileMenuBtn mobile-nav-btn" data-subnav-class="mobile-nav"><i class="fa fa-bars" aria-hidden="true"></i></a>
  80. </li>
  81. <li class="d-none d-lg-inline-block" style="align-self: flex-end;"><a href="{{ path('fe.home') }}">Startseite</a></li>
  82. <li class="d-none d-lg-inline-block"><a href="{{ path('fe.rubrik_uri') }}">Uri</a></li>
  83. <li class="d-none d-lg-inline-block"><a href="{{ path('fe.rubrik_gemeinden') }}">Gemeinden</a></li>
  84. <li class="d-none d-lg-inline-block"><a href="{{ path('fe.rubrik_kultur') }}">Kultur</a></li>
  85. <li class="d-none d-lg-inline-block"><a href="{{ path('fe.rubrik_sport') }}">Sport</a></li>
  86. <li class="d-none d-lg-inline-block"><a href="{{ path('fe.rubrik_vereine') }}">Vereine</a></li>
  87. <li class="d-none d-lg-inline-block"><a href="{{ path('fe.rubrik_blaulicht') }}">Blaulicht</a></li>
  88. {# <li class="d-none d-lg-inline-block"><a href="{{ path('fe.dossiers') }}">Dossier</a></li>#}
  89. <li class="d-none d-lg-inline-block"><a href="{{ path('fe.rubrik_uwplus') }}">UW+</a></li>
  91. <li class="d-inline-block d-lg-none"><a href="{{ path('fe.veranstaltungen') }}">Veranstaltungen</a></li>
  92. {# Okt. 2018 bz: deaktiviert wegen apple app review process #}
  93. <li class="d-inline-block d-lg-none"><a href="{{ path('fe.abo') }}">Abo</a></li>
  94. <li class="d-inline-block d-lg-none text-nowrap"><a href="{{ path('fe.abo_login') }}">Login</a></li>
  96. <li class=""><a href="{{ path('fe.suchen') }}"><i class="fa fa-search" aria-hidden="true"></i></a></li>
  97. </ul>
  98. </div>
  99. </div>
  101. <div class="row mobile-nav mb-3">
  102. <div class="col pt-4 pl-4 pb-4">
  103. <ul>
  104. <li><a href="{{ path('fe.home') }}">Startseite</a></li>
  105. <li><span class="no-link jqNavOpenCloseBtn">Rubriken <i class="fa fa-angle-right"></i></span>
  106. <ul>
  107. <li><a href="{{ path('fe.rubrik_uri') }}">Uri</a></li>
  108. <li><a href="{{ path('fe.rubrik_gemeinden') }}">Gemeinden</a></li>
  109. <li><a href="{{ path('fe.rubrik_kultur') }}">Kultur</a></li>
  110. <li><a href="{{ path('fe.rubrik_sport') }}">Sport</a></li>
  111. <li><a href="{{ path('fe.rubrik_vereine') }}">Vereine</a></li>
  112. <li><a href="{{ path('fe.rubrik_blaulicht') }}">Blaulicht</a></li>
  113. <li><a href="{{ path('fe.rubrik_uwplus') }}">UW+</a></li>
  114. <li><a href="{{ path('fe.dossiers') }}">Dossier</a></li>
  115. </ul>
  116. </li>
  117. <li><span class="no-link jqNavOpenCloseBtn">Galerie <i class="fa fa-angle-right"></i></span>
  118. <ul>
  119. <li><a href="{{ path('fe.galerie') }}">Bilder & Videos</a></li>
  120. </ul>
  121. </li>
  122. <li><span class="no-link jqNavOpenCloseBtn">E-Paper <i class="fa fa-angle-right"></i></span>
  123. <ul>
  124. {# <li><a href="https://www.smarticle.com/app/html5/b1793f29bb" target="_blank" rel="nofollow">Login</a></li>#}
  125. <li><a href="{{ path('fe.epaper') }}">Lesen</a></li>
  126. <li><a href="{{ path('fe.page_uwapp') }}">UW-App</a></li>
  127. </ul>
  128. </li>
  129. <li><span class="no-link jqNavOpenCloseBtn">Inserate <i class="fa fa-angle-right "></i></span>
  130. <ul>
  131. <li><a href="{{ path('fe.page_inserieren') }}">Inserieren</a></li>
  132. <li><a href="https://www.gisler1843.ch/gislerwerbung/mediadaten" target="_blank">Mediadaten</a></li>
  133. <li><a href="{{ path('fe.page_aschlagbraett') }}">Aschlagbrätt</a></li>
  134. <li><a href="{{ path('fe.page_kleininserat') }}">Kleininserat</a></li>
  135. </ul>
  136. </li>
  137. <li><span class="no-link jqNavOpenCloseBtn">Marktplatz <i class="fa fa-angle-right"></i></span>
  138. <ul>
  139. <li><a href="{{ path('fe.marktplatz_immobilien') }}">Immobilien</a></li>
  140. <li><a href="{{ path('fe.marktplatz_stellen') }}">Stellen</a></li>
  141. <li><a href="{{ path('fe.marktplatz_events') }}">Events</a></li>
  142. <li><a href="{{ path('fe.marktplatz_rest') }}">Angebote</a></li>
  143. <li><a href="{{ path('fe.marktplatz_publireportagen') }}">Publireportagen</a></li>
  144. </ul>
  145. </li>
  146. {# Okt. 2018 bz: deaktiviert wegen apple app review process. Klasse d-none d-lg-inline-block eingebaut #}
  147. <li><span class="no-link jqNavOpenCloseBtn">Abo <i class="fa fa-angle-right"></i></span>
  148. <ul>
  149. <li><a href="{{ path('fe.abo') }}">Aboservice</a></li>
  150. <li><a href="{{ path('fe.abo_login') }}">Login</a></li>
  151. </ul>
  152. </li>
  153. <li><span class="no-link jqNavOpenCloseBtn">Veranstaltungen <i class="fa fa-angle-right"></i></span>
  154. <ul>
  155. <li><a href="{{ path('fe.veranstaltungen') }}">Veranstaltungskalender</a></li>
  156. <li><a href="{{ path('fe.veranstaltungen_produkt') }}">Veranstaltung eintragen</a></li>
  157. </ul>
  158. </li>
  159. <li><span class="no-link jqNavOpenCloseBtn">Service <i class="fa fa-angle-right"></i></span>
  160. <ul>
  161. <li><a href="{{ path('fe.page_redaktion') }}">Redaktion</a></li>
  162. <li><a href="{{ path('fe.page_einsendungen') }}">Einsendungen</a></li>
  163. <li><a href="{{ path('fe.page_todesanzeigen') }}">Todesanzeigen</a></li>
  164. <li><a href="{{ path('fe.page_faq') }}">FAQ</a></li>
  165. </ul>
  166. </li>
  167. </ul>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  176. <div class="contentArea">
  177. <div class="container">
  179. {% set customWideboard = content_uw_ad_wideboard() %}
  180. {% set customWideboardMobile = content_uw_ad_wideboard_mobile() %}
  181. {% if customWideboard or customWideboardMobile %}
  182. <div class="row">
  183. <div class="col text-center mt-3 mb-4">
  184. {% if customWideboardMobile %}
  185. <!-- Mobile-Version -->
  186. <a href="{{ customWideboardMobile.getClickUrl }}" target="{{ customWideboardMobile.getClickUrlTarget }}" class="d-block d-md-none">
  187. <picture>
  188. <img class="img-fluid w-100 lazy"
  189. data-src="{{ asset(customWideboardMobile.getAssetFilepath) }}"
  190. alt="{{ customWideboardMobile.getAlt }}"
  191. title="{{ customWideboardMobile.getCaption }}"
  192. style="max-width: 320px">
  193. </picture>
  194. </a>
  195. {% endif %}
  197. <!-- Desktop-Version -->
  198. {% if customWideboard.getClickUrl %}
  199. <a href="{{ customWideboard.getClickUrl }}" target="{{ customWideboard.getClickUrlTarget }}" class="d-none d-md-block">
  200. <picture>
  201. <img class="img-fluid w-100 lazy"
  202. data-src="{{ asset(customWideboard.getAssetFilepath) }}"
  203. alt="{{ customWideboard.getAlt }}"
  204. title="{{ customWideboard.getCaption }}"
  205. style="max-width: 994px">
  206. </picture>
  207. </a>
  208. {% endif %}
  209. </div>
  210. </div>
  211. {% endif %}
  218. {% block contentArea %}{% endblock %}
  219. </div>
  220. </div>
  223. {# footer area #}
  224. <div class="footerArea mt-5 mb-3">
  225. <div class="container">
  227. <div class="row">
  228. <div class="col pt-4 pr-sm-5 pb-3 pl-sm-5">
  230. <div class="row">
  231. <div class="col-sm-8">
  232. <img class="img-fluid uw-logo lazy" data-src="{{ asset('bundles/app/frontend/img/urner-wochenblatt-logo-inv.png') }}" src="">
  233. </div>
  234. <div class="col-sm-4 social-media-list text-sm-right mt-3 mt-sm-1">
  235. <a href="https://www.facebook.com/urnerwochenblatt" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>
  236. <a href="https://www.youtube.com/channel/UCL5SMhOa3MY40-evhX3ymHA" target="_blank"><i class="fa fa-youtube-square" aria-hidden="true"></i></a>
  237. </div>
  238. </div>
  240. <div class="row">
  241. <div class="col mt-5 mb-5 link-list">
  242. <a href="{{ path('fe.epaper') }}" target="_blank" rel="nofollow">E-Paper</a>
  243. <a href="{{ path('fe.galerie') }}">Galerie</a>
  244. <a href="{{ path('fe.marktplatz_stellen') }}">Marktplatz Stellen</a>
  245. <a href="{{ path('fe.marktplatz_immobilien') }}">Marktplatz Immobilien</a>
  246. <a href="{{ path('fe.page_inserieren') }}">Inserate</a>
  247. {# Okt. 2018 bz: deaktiviert wegen apple app review process, class d-none d-lg-inline-block implementiert #}
  248. <a class="d-none d-lg-inline-block" href="{{ path('fe.abo') }}">Abo</a>
  249. <a href="{{ path('fe.veranstaltungen') }}">Veranstaltungen</a>
  250. <a href="{{ path('fe.page_faq') }}">FAQ</a>
  251. </div>
  252. </div>
  254. <div class="row">
  255. <div class="col-sm-5 footer-links">Copyright {{ 'now'|date('Y') }}, Gisler 1843 AG</div>
  256. <div class="col-sm-7 footer-links mt-1 mt-sm-0 text-sm-right">
  257. <a href="{{ path('fe.page_redaktion') }}">Kontakt</a> |
  258. <a href="{{ path('fe.page_impressum') }}">Impressum</a> |
  259. <a href="{{ path('fe.page_disclaimer') }}">Disclaimer</a> |
  260. <a href="{{ path('fe.page_datenschutz') }}">Datenschutz</a>
  261. </div>
  262. </div>
  264. </div>
  265. </div>
  267. </div>
  268. </div>
  269. {# end footer area #}
  272. <script
  273. src="https://code.jquery.com/jquery-3.3.1.min.js"
  274. integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  275. crossorigin="anonymous"></script>
  277. <script defer type="application/javascript" src="{{ asset('bundles/app/frontend/js/klaro-config.js') }}"></script>
  278. <script
  279. defer
  280. data-config="klaroConfig"
  281. type="application/javascript"
  282. src="{{ asset('bundles/app/frontend/js/klaro.js') }}">
  283. </script>
  286. <script async src="{{ asset('bundles/app/frontend/dist/scripts.js') }}?v={{ parameters.app_version }}"></script>
  287. {% block onPageScriptsArea %}
  288. {% endblock %}
  290. </body>
  291. </html>