templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>
  6. {% block title %}{% endblock %}
  7. </title>
  8. <meta name="keywords" content="{% block meta_keywords %}{% endblock %} ">
  9. <meta name="description" content="{% block meta_description %}{% endblock %}">
  10. <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
  11. <meta name="robots" content="noindex">
  12. <meta name="viewport" content="width=device-width, initial-scale=1">
  13. {% block stylesheets %}
  14. {{ encore_entry_link_tags('app') }}
  15. {% endblock %}
  16. </head>
  17. <body class="{%- block body_class -%}{%- endblock -%}">
  18. <a href="#go-main-content" class="skip-link">Przejdź do treści</a>
  19. <a href="#go-menu" class="skip-link">Przejdź do menu</a>
  20. <a href="#go-footer" class="skip-link">Przejdź do stopki</a>
  21. {% block header_content %}
  22. {% endblock %}
  23. <div id="outer">
  24. {% block body %}
  25. <div class="container">
  26. <header>
  27. <a href="/" aria-label="Strona główna" role="button">
  28. <div class="logo" aria-label="Logo ZGK"></div>
  29. </a>
  30. <div class="main-menu desktop-menu" id="go-menu">
  31. <div class="wcag-menu">
  32. {% if sett('bok')!='' %}
  33. <a class="button-primary" href="{{ sett('bok') }}" target="_blank" role="button">
  34. <svg aria-label="Ikona BOK">
  35. <use xlink:href="#ebok-icon"></use>
  36. </svg>
  37. <span>E BOK</span>
  38. </a>
  39. {% endif %}
  40. <a class="button-primary" href="#" target="_blank" role="button" :class="{ active: showAlarmPhones }" @click.prevent="showAlarmPhones = !showAlarmPhones">
  41. <svg aria-label="Ikona telefonu alarmowego">
  42. <use xlink:href="#alarm-phone-icon"></use>
  43. </svg>
  44. <span>Zgłoś awarię</span>
  45. <div class="hidden-content">
  46. <p>Wodociągowe:</p>
  47. {% if sett('alarm_phone_water') %}
  48. <span>
  49. <svg aria-label="Ikona telefonu alarmowego">
  50. <use xlink:href="#mobile-icon"></use>
  51. </svg>
  52. {{ sett('alarm_phone_water') }}
  53. </span>
  54. {% endif %}
  55. {% if sett('alarm_phone_water_2') %}
  56. <span>
  57. <svg aria-label="Ikona telefonu alarmowego">
  58. <use xlink:href="#mobile-icon"></use>
  59. </svg>
  60. {{ sett('alarm_phone_water_2') }}
  61. </span>
  62. {% endif %}
  63. <p>Kanalizacyjne:</p>
  64. {% if sett('alarm_phone_sewerage') %}
  65. <span>
  66. <svg aria-label="Ikona telefonu alarmowego">
  67. <use xlink:href="#mobile-icon"></use>
  68. </svg>
  69. {{ sett('alarm_phone_sewerage') }}
  70. </span>
  71. {% endif %}
  72. {% if sett('alarm_phone_sewerage_2') %}
  73. <span>
  74. <svg aria-label="Ikona telefonu alarmowego">
  75. <use xlink:href="#mobile-icon"></use>
  76. </svg>
  77. {{ sett('alarm_phone_sewerage_2') }}
  78. </span>
  79. {% endif %}
  80. </div>
  81. </a>
  82. <a href="#" class="increase-font-btn" @click.prevent="increaseFont"
  83. aria-label="Zwiększ rozmiar czcionki" role="button">+</a>
  84. <a href="#" class="reset-font-btn" @click.prevent="resetFont"
  85. aria-label="Resetuj rozmiar czcionki" role="button">A</a>
  86. <a href="#" class="decrease-font-btn" @click.prevent="decreaseFont"
  87. aria-label="Zmniejsz rozmiar czcionki" role="button">-</a>
  88. <a href="#" class="contrast-mode-btn" @click.prevent="contrastModeToggle"
  89. aria-label="Wersja kontrastowa" role="button">
  90. <svg aria-label="Ikona wersji kontrastowej">
  91. <use xlink:href="#contrast-mode-icon"></use>
  92. </svg>
  93. <span>Wersja<br>kontrastowa</span>
  94. </a>
  95. {% if sett('bip')!='' %}
  96. <a class="bip-btn" href="{{ sett('bip') }}" target="_blank" role="button"
  97. aria-label="Biuletyn Informacji Publicznej otwierany w nowym oknie">
  98. <svg aria-label="Ikona Biuletynu Informacji Publicznej">
  99. <use xlink:href="#bip-icon"></use>
  100. </svg>
  101. </a>
  102. {% endif %}
  103. {% if sett('facebook')!='' %}
  104. <a class="fb-btn" href="{{ sett('facebook') }}" target="_blank" role="button"
  105. aria-label="Facebook otwierany w nowym oknie">
  106. <svg aria-label="Ikona Facebook">
  107. <use xlink:href="#facebook-icon"></use>
  108. </svg>
  109. </a>
  110. {% endif %}
  111. </div>
  112. <nav>
  113. <ul>
  114. {{ knp_menu_render({menu: 'app.menu'}, {depth : 10, 'matchingDepth': 2, 'template' :
  115. 'menu.html.twig'}) }}
  116. </ul>
  117. <span class="search-wrap">
  118. <form method="get" action="{{ url('search') }}" class="search-form" role="search">
  119. <input placeholder="Znajdź na stronie..." name="query" ref="search"
  120. value="{{ app.request.query.get('query') }}" aria-label="Pole wyszukiwarki" />
  121. <button type="submit" aria-label="Rozpocznij wyszukiwanie">
  122. <svg aria-label="Ikona wyszukiwarki">
  123. <use xlink:href="#search-icon"></use>
  124. </svg>
  125. </button>
  126. </form>
  127. </span>
  128. </nav>
  129. </div>
  130. <span class="open-menu" @click.prevent="menuToggle()" aria-label="Otwórz menu" role="button">
  131. <span class="c1"></span>
  132. <span class="c2">
  133. <span></span>
  134. </span>
  135. <span class="c3"></span>
  136. </span>
  137. <div class="mobile-menu">
  138. <div class="main-menu">
  139. {% if sett('bok')!='' %}
  140. <a class="button-primary" href="{{ sett('bok') }}" target="_blank" role="button">
  141. <svg aria-label="Ikona BOK">
  142. <use xlink:href="#ebok-icon"></use>
  143. </svg>
  144. <span>E BOK</span>
  145. </a>
  146. {% endif %}
  147. <div class="wcag-menu">
  148. <div>
  149. <a class="button-primary" href="#" target="_blank" role="button" :class="{ active: showAlarmPhones }" @click.prevent="showAlarmPhones = !showAlarmPhones">
  150. <svg aria-label="Ikona telefonu alarmowego">
  151. <use xlink:href="#alarm-phone-icon"></use>
  152. </svg>
  153. <span>Zgłoś awarię</span>
  154. <div class="hidden-content">
  155. <p>Wodociągowe:</p>
  156. {% if sett('alarm_phone_water') %}
  157. <span>
  158. <svg aria-label="Ikona telefonu alarmowego">
  159. <use xlink:href="#mobile-icon"></use>
  160. </svg>
  161. {{ sett('alarm_phone_water') }}
  162. </span>
  163. {% endif %}
  164. {% if sett('alarm_phone_water_2') %}
  165. <span>
  166. <svg aria-label="Ikona telefonu alarmowego">
  167. <use xlink:href="#mobile-icon"></use>
  168. </svg>
  169. {{ sett('alarm_phone_water_2') }}
  170. </span>
  171. {% endif %}
  172. <p>Kanalizacyjne:</p>
  173. {% if sett('alarm_phone_sewerage') %}
  174. <span>
  175. <svg aria-label="Ikona telefonu alarmowego">
  176. <use xlink:href="#mobile-icon"></use>
  177. </svg>
  178. {{ sett('alarm_phone_sewerage') }}
  179. </span>
  180. {% endif %}
  181. {% if sett('alarm_phone_sewerage_2') %}
  182. <span>
  183. <svg aria-label="Ikona telefonu alarmowego">
  184. <use xlink:href="#mobile-icon"></use>
  185. </svg>
  186. {{ sett('alarm_phone_sewerage_2') }}
  187. </span>
  188. {% endif %}
  189. </div>
  190. </a>
  191. </div>
  192. <div class="font-size-controls">
  193. <a href="#" id="increase-font-mobile" aria-label="Zwiększ rozmiar czcionki"
  194. role="button">+</a>
  195. <a href="#" id="reset-font-mobile" aria-label="Resetuj rozmiar czcionki"
  196. role="button">A</a>
  197. <a href="#" id="decrease-font-mobile" aria-label="Zmniejsz rozmiar czcionki"
  198. role="button">-</a>
  199. </div>
  200. <a href="#" class="contrast-mode-btn" @click.prevent="contrastModeToggle" aria-label="Wersja kontrastowa" role="button">
  201. <svg aria-label="Ikona wersji kontrastowej">
  202. <use xlink:href="#contrast-mode-icon"></use>
  203. </svg>
  204. <span>Wersja<br>kontrastowa</span>
  205. </a>
  206. {% if sett('bip')!='' %}
  207. <a class="bip-btn" href="{{ sett('bip') }}" target="_blank" role="button"
  208. aria-label="Biuletyn Informacji Publicznej otwierany w nowym oknie">
  209. <svg aria-label="Ikona Biuletynu Informacji Publicznej">
  210. <use xlink:href="#bip-icon"></use>
  211. </svg>
  212. </a>
  213. {% endif %}
  214. {% if sett('facebook')!='' %}
  215. <a href="{{ sett('facebook') }}" target="_blank" role="button"
  216. aria-label="Facebook otwierany w nowym oknie">
  217. <svg aria-label="Ikona Facebook">
  218. <use xlink:href="#facebook-icon"></use>
  219. </svg>
  220. </a>
  221. {% endif %}
  222. </div>
  223. <nav>
  224. <ul>
  225. <li>
  226. <a href="/" aria-label="Strona główna" role="button">Strona główna</a>
  227. </li>
  228. {{ knp_menu_render({menu: 'app.menu'}, {depth : 10, 'matchingDepth': 2, 'template' :
  229. 'menu.html.twig'}) }}
  230. <span class="search-wrap">
  231. <form method="get" action="{{ url('search') }}" class="search-form" role="search">
  232. <input placeholder="Znajdź na stronie..." name="query" ref="search"
  233. value="{{ app.request.query.get('query') }}"
  234. aria-label="Pole wyszukiwarki" />
  235. <button type="submit" aria-label="Rozpocznij wyszukiwanie">
  236. <svg aria-label="Ikona wyszukiwarki">
  237. <use xlink:href="#search-icon"></use>
  238. </svg>
  239. </button>
  240. </form>
  241. </span>
  242. </ul>
  243. </nav>
  244. </div>
  245. </div>
  246. </header>
  247. </div>
  248. {% block before_content %}{% endblock %}
  249. <main id="go-main-content">
  250. {% block content %}{% endblock %}
  251. </main>
  252. <div class="container">
  253. <div class="homepage-eu" role="banner">
  254. <img src="{{ asset('images/eu.svg') }}" alt="Fundusze EU" role="banner" aria-label="Fundusze EU">
  255. </div>
  256. </div>
  257. <footer id="go-footer">
  258. <div class="container">
  259. <div class="footer-container">
  260. <div class="footer-columns12">
  261. <div class="footer-title">Zakład Gospodarki Komunalnej Sp. z o.o.</div>
  262. <div class="columns">
  263. <div class="footer-column">
  264. {{ sett('footer_col1') | raw }}
  265. </div>
  266. <div class="footer-column">
  267. {{ sett('footer_col2') | raw }}
  268. </div>
  269. </div>
  270. <img src="{{ asset('images/KRD_footer.png') }}" class="krd-banner" alt="KRD" role="banner" aria-label="KRD">
  271. </div>
  272. <div class="footer-column">
  273. <div class="footer-title">
  274. Na skróty
  275. </div>
  276. <ul class="footer-menu">
  277. {{ knp_menu_render({menu: 'app.footer'}, {depth : 2}) }}
  278. </ul>
  279. </div>
  280. <div class="footer-column">
  281. <div class="wcag-menu">
  282. {% if sett('facebook')!='' %}
  283. <div>
  284. <a href="{{ sett('facebook') }}" target="_blank"
  285. aria-label="Facebook otwierany w nowym oknie" role="button">
  286. <svg aria-label="Ikona Facebook">
  287. <use xlink:href="#facebook-icon"></use>
  288. </svg>
  289. Facebook
  290. </a>
  291. </div>
  292. {% endif %}
  293. <div>
  294. <a href="#" class="contrast-mode-btn" @click.prevent="contrastModeToggle"
  295. aria-label="Ustaw wersje kontrastową" role="button">
  296. <svg aria-label="Ikona wersji kontrastowej">
  297. <use xlink:href="#contrast-mode-icon"></use>
  298. </svg>
  299. <span>Wersja<br>kontrastowa</span>
  300. </a>
  301. </div>
  302. <div class="font-size-controls">
  303. <a href="#" class="increase-font-btn" @click.prevent="increaseFont"
  304. aria-label="Zwiększ rozmiar czcionki" role="button">+</a>
  305. <a href="#" class="reset-font-btn" @click.prevent="resetFont"
  306. aria-label="Resetuj rozmiar czcionki" role="button">A</a>
  307. <a href="#" class="decrease-font-btn" @click.prevent="decreaseFont"
  308. id="decrease-font-footer" aria-label="Zmniejsz rozmiar czcionki" role="button">-</a>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <div class="container">
  315. <hr>
  316. </div>
  317. <div class="footer-bottom">
  318. <div class="container footer-bottom-container">
  319. <div class="footer-links">
  320. {{ sett('footer_bottom') | raw }}
  321. </div>
  322. <div class="footer-credit">
  323. <span>web by:</span>
  324. <a href="https://softwizards.eu" target="_blank" rel="noopener" role="button"
  325. class="softwizards-logo" aria-label="Strona softwizards otwierana w nowym oknie"></a>
  326. </div>
  327. </div>
  328. </div>
  329. </footer>
  330. </div>
  331. {% endblock %}
  332. {% block javascripts %}
  333. <script type="text/javascript">
  334. var base_url = '{{ app.request.baseUrl }}';
  335. var locale = '{{ app.request.locale }}';
  336. var dataLayer = [
  337. ]
  338. window.cookiei18n = {{ {
  339. title: 'cookie.title'|trans ,
  340. settingsTitle: 'cookie.settings'|trans,
  341. settings: 'cookie.settings'|trans,
  342. accept: 'cookie.accept'|trans,
  343. cancel: 'cookie.cancel'|trans,
  344. save:'cookie.save'|trans,
  345. info: sett('cookie_info')|raw,
  346. category: {
  347. }
  348. }|json_encode|raw }}
  349. </script>
  350. {{ encore_entry_script_tags(_cms.settings.entry) }}
  351. {% endblock %}
  352. {% include 'icons.html.twig' %}
  353. </body>
  354. </html>