templates/base_bip.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="pl">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>
  7. {% block title %}{% endblock %}
  8. </title>
  9. <meta name="keywords" content="{% block meta_keywords %}{% endblock %} ">
  10. <meta name="description" content="{% block meta_description %}{% endblock %}">
  11. <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
  12. <meta name="robots" content="noindex">
  13. <meta name="viewport" content="width=device-width, initial-scale=1">
  14. {% block stylesheets %}
  15. {{ encore_entry_link_tags('app') }}
  16. {% endblock %}
  18. </head>
  20. <body class="{%- block body_class -%}{%- endblock -%} bip-base">
  21. <a href="#go-main-content" class="skip-link">Przejdź do treści</a>
  22. <a href="#go-menu" class="skip-link">Przejdź do menu</a>
  23. <a href="#go-footer" class="skip-link">Przejdź do stopki</a>
  24. {% block header_content %}
  25. {% endblock %}
  26. <div id="outer">
  27. {% block body %}
  29. <div class="container">
  30. <header>
  31. <div class="logos">
  32. <img class="bip-logo" src="{{ asset('images/POL_BIP_full.svg') }}" alt="Ikona BIP" role="banner" aria-label="Ikona BIP">
  33. <img class="bip-logo bip-logo-contrast" src="{{ asset('images/POL_BIP_full_contrast.svg') }}" alt="Ikona BIP" role="banner" aria-label="Ikona BIP">
  34. <a href="/" aria-label="Strona główna" role="button">
  35. <div class="logo" aria-label="Logo ZGK"></div>
  36. </a>
  37. </div>
  39. <div class="main-menu desktop-menu" id="go-menu">
  40. <nav>
  41. <div class="wcag-menu">
  42. <div class="font-size-controls">
  43. <a href="#" id="increase-font-mobile" aria-label="Zwiększ rozmiar czcionki"
  44. role="button">+</a>
  45. <a href="#" id="reset-font-mobile" aria-label="Resetuj rozmiar czcionki"
  46. role="button">A</a>
  47. <a href="#" id="decrease-font-mobile" aria-label="Zmniejsz rozmiar czcionki"
  48. role="button">-</a>
  49. </div>
  50. <a href="#" class="contrast-mode-btn" @click.prevent="contrastModeToggle" aria-label="Wersja kontrastowa" role="button">
  51. <svg aria-label="Ikona wersji kontrastowej">
  52. <use xlink:href="#contrast-mode-icon"></use>
  53. </svg>
  54. <span>Wersja<br>kontrastowa</span>
  55. </a>
  56. </div>
  57. <span class="search-wrap">
  59. <form method="get" action="{{ url('search') }}" class="search-form" role="search">
  60. <input placeholder="Znajdź na stronie..." name="query" ref="search"
  61. value="{{ app.request.query.get('query') }}" aria-label="Pole wyszukiwarki" />
  62. <button type="submit" aria-label="Rozpocznij wyszukiwanie">
  63. <svg aria-label="Ikona wyszukiwarki">
  64. <use xlink:href="#search-icon"></use>
  65. </svg>
  66. </button>
  67. </form>
  68. </span>
  69. </nav>
  70. </div>
  73. <span class="open-menu" @click.prevent="menuToggle()" aria-label="Otwórz menu" role="button">
  74. <span class="c1"></span>
  75. <span class="c2">
  76. <span></span>
  77. </span>
  78. <span class="c3"></span>
  79. </span>
  81. <div class="mobile-menu">
  82. <div class="main-menu">
  83. <div class="wcag-menu">
  84. <div class="font-size-controls">
  85. <a href="#" id="increase-font-mobile" aria-label="Zwiększ rozmiar czcionki"
  86. role="button">+</a>
  87. <a href="#" id="reset-font-mobile" aria-label="Resetuj rozmiar czcionki"
  88. role="button">A</a>
  89. <a href="#" id="decrease-font-mobile" aria-label="Zmniejsz rozmiar czcionki"
  90. role="button">-</a>
  91. </div>
  92. <a href="#" class="contrast-mode-btn" @click.prevent="contrastModeToggle" aria-label="Wersja kontrastowa" role="button">
  93. <svg aria-label="Ikona wersji kontrastowej">
  94. <use xlink:href="#contrast-mode-icon"></use>
  95. </svg>
  96. <span>Wersja<br>kontrastowa</span>
  97. </a>
  99. {% if sett('bip')!='' %}
  100. <a class="bip-btn" href="{{ sett('bip') }}" target="_blank" role="button"
  101. aria-label="Biuletyn Informacji Publicznej otwierany w nowym oknie">
  102. <svg aria-label="Ikona Biuletynu Informacji Publicznej">
  103. <use xlink:href="#bip-icon"></use>
  104. </svg>
  105. </a>
  106. {% endif %}
  108. {% if sett('facebook')!='' %}
  109. <a href="{{ sett('facebook') }}" target="_blank" role="button"
  110. aria-label="Facebook otwierany w nowym oknie">
  111. <svg aria-label="Ikona Facebook">
  112. <use xlink:href="#facebook-icon"></use>
  113. </svg>
  114. </a>
  115. {% endif %}
  116. </div>
  117. <nav>
  118. <ul>
  119. {{ knp_menu_render({menu: 'app.menu'}, {depth : 10, 'matchingDepth': 2, 'template' : 'menu_bip.html.twig'}) }}
  120. <span class="search-wrap">
  122. <form method="get" action="{{ url('search') }}" class="search-form" role="search">
  123. <input placeholder="Znajdź na stronie..." name="query" ref="search"
  124. value="{{ app.request.query.get('query') }}"
  125. aria-label="Pole wyszukiwarki" />
  126. <button type="submit" aria-label="Rozpocznij wyszukiwanie">
  127. <svg aria-label="Ikona wyszukiwarki">
  128. <use xlink:href="#search-icon"></use>
  129. </svg>
  130. </button>
  131. </form>
  132. </span>
  133. </ul>
  134. </nav>
  135. </div>
  136. </div>
  137. </header>
  138. </div>
  139. {% block before_content %}{% endblock %}
  141. <main id="go-main-content">
  142. <div class="container">
  143. <div class="left-menu">
  144. {{ knp_menu_render({menu: 'app.menu'}, {depth : 10, 'matchingDepth': 2, 'template' : 'menu_bip.html.twig'}) }}
  145. </div>
  146. <div class="bip-main-content">
  147. {% block content %}{% endblock %}
  148. </div>
  149. <div class="right-menu">
  150. <div class="right-menu-item">
  151. <a target="_blank" href="https://bip.gov.pl"><img class="bip-logo" src="{{ asset('images/bipgovpl.png') }}" alt="Ikona BIP" role="banner" aria-label="Ikona BIP"></a>
  152. </div>
  153. <div class="right-menu-item">
  154. {{ sett('bip_office')|raw }}
  155. </div>
  156. </div>
  157. </main>
  159. <footer id="go-footer">
  160. <div class="container">
  161. <div class="footer-container">
  163. <!-- Kolumna 1: Hotel Info -->
  164. <div class="footer-column">
  165. <div class="footer-title">Zakład Gospodarki Komunalnej Sp. z o.o.</div>
  166. {{ sett('footer_col1') | raw }}
  167. </div>
  169. <!-- Kolumna 2: Kontakt -->
  170. <div class="footer-column">
  171. <div class="footer-title"></div>
  172. {{ sett('footer_col2') | raw }}
  173. </div>
  174. <!-- Kolumna 3: Główne Informacje (z CMS) -->
  175. <div class="footer-column">
  176. <div class="footer-title">Biuletyn Informacji Publicznej</div>
  177. {{ sett('footer_bip_version') }}
  179. </div>
  181. <!-- Kolumna 4: Newsletter -->
  182. <div class="footer-column">
  183. <div class="wcag-menu">
  184. {% if sett('facebook')!='' %}
  185. <div>
  186. <a href="{{ sett('facebook') }}" target="_blank"
  187. aria-label="Facebook otwierany w nowym oknie" role="button">
  188. <svg aria-label="Ikona Facebook">
  189. <use xlink:href="#facebook-icon"></use>
  190. </svg>
  191. Facebook
  192. </a>
  193. </div>
  194. {% endif %}
  196. <div>
  197. <a href="#" class="contrast-mode-btn" @click.prevent="contrastModeToggle"
  198. aria-label="Ustaw wersje kontrastową" role="button">
  199. <svg aria-label="Ikona wersji kontrastowej">
  200. <use xlink:href="#contrast-mode-icon"></use>
  201. </svg>
  202. <span>Wersja<br>kontrastowa</span>
  203. </a>
  204. </div>
  205. <div class="font-size-controls">
  206. <a href="#" class="increase-font-btn" @click.prevent="increaseFont"
  207. aria-label="Zwiększ rozmiar czcionki" role="button">+</a>
  208. <a href="#" class="reset-font-btn" @click.prevent="resetFont"
  209. aria-label="Resetuj rozmiar czcionki" role="button">A</a>
  210. <a href="#" class="decrease-font-btn" @click.prevent="decreaseFont"
  211. id="decrease-font-footer" aria-label="Zmniejsz rozmiar czcionki" role="button">-</a>
  212. </div>
  214. </div>
  215. </div>
  217. </div>
  220. </div>
  222. <div class="container">
  223. <hr>
  224. </div>
  225. <div class="footer-bottom">
  226. <div class="container footer-bottom-container">
  227. <div class="footer-links">
  228. {{ sett('footer_bottom') | raw }}
  229. </div>
  231. <div class="footer-credit">
  232. <span>web by:</span>
  233. <a href="https://softwizards.eu" target="_blank" rel="noopener" role="button"
  234. class="softwizards-logo" aria-label="Strona softwizards otwierana w nowym oknie"></a>
  235. </div>
  236. </div>
  237. </div>
  238. </footer>
  239. </div>
  240. {% endblock %}
  241. {% block javascripts %}
  242. <script type="text/javascript">
  243. var base_url = '{{ app.request.baseUrl }}';
  244. var locale = '{{ app.request.locale }}';
  245. var dataLayer = [
  246. ]
  247. window.cookiei18n = {{ {
  248. title: 'cookie.title'|trans ,
  249. settingsTitle: 'cookie.settings'|trans,
  250. settings: 'cookie.settings'|trans,
  251. accept: 'cookie.accept'|trans,
  252. cancel: 'cookie.cancel'|trans,
  253. save:'cookie.save'|trans,
  254. info: sett('cookie_info')|raw,
  255. category: {
  257. }
  258. }|json_encode|raw }}
  259. </script>
  260. {{ encore_entry_script_tags(_cms.settings.entry) }}
  262. {% endblock %}
  264. {% include 'icons.html.twig' %}
  266. </body>
  268. </html>