templates/themes/theme/common/site-header.html.twig line 1

Open in your IDE?
  1. {% set templateId = page.template.id %}
  2. {% set lightTheme = templateId == 7 or templateId == 8 %}
  4. <header class="{{ lightTheme ? 'site-header site-header--light' : 'site-header' }}">
  5. <div class="site-header__container">
  6. <a class="site-header__logo" href="/">
  7. {% if lightTheme %}
  8. <img
  9. class="logo-icon"
  10. src="{{ asset('build/images/logo-mark.svg') }}"
  11. alt="Taurus HR logo mark"
  12. width="87"
  13. height="55"
  14. loading="lazy"
  15. >
  16. <img
  17. class="logo-text"
  18. src="{{ asset('build/images/logo-text.svg') }}"
  19. alt="Taurus HR logo text"
  20. width="165"
  21. height="48"
  22. loading="lazy"
  23. >
  24. {% else %}
  25. <img
  26. class="logo-icon"
  27. src="{{ asset('build/images/logo-mark-light.svg') }}"
  28. alt="Taurus HR logo mark"
  29. width="87"
  30. height="55"
  31. loading="lazy"
  32. >
  33. <img
  34. class="logo-text"
  35. src="{{ asset('build/images/logo-text-light.svg') }}"
  36. alt="Taurus HR logo text"
  37. width="165"
  38. height="48"
  39. loading="lazy"
  40. >
  41. {% endif %}
  42. </a>
  43. <div class="site-header__contact">
  44. <a href="tel:{{ renderSetting(2, 'content')|striptags }}"
  45. ><i class="fa-solid fa-phone"></i> {{ renderSetting(2, 'content')|striptags }}</a
  46. >
  47. <a href="mailto:{{ renderSetting(3, 'content')|striptags }}"
  48. ><i class="fa-solid fa-paper-plane"></i> {{ renderSetting(3, 'content')|striptags }}</a
  49. >
  50. <twig:SocialLinks />
  51. </div>
  52. <div class="site-header__list" id="top_menu">
  53. {{ render(controller('App\\Controller\\MenuDefaultController::fetchMenu', { 'identifier':'Top', 'currentUrl': app.request.pathinfo })) }}
  54. <button class="site-header__search site-header__desktop-search">
  55. <i class="fa-regular fa-magnifying-glass"></i>
  56. <span class="sr-only">Search</span>
  57. </button>
  58. </div>
  59. <div class="site-header__actions">
  60. <button class="site-header__search site-header__mobile-search">
  61. <i class="fa-regular fa-magnifying-glass"></i>
  62. <span class="sr-only">Search</span>
  63. </button>
  64. <button
  65. class="site-header__toggler"
  66. type="button"
  67. data-toggle="collapse"
  68. data-target="#top-menu"
  69. aria-controls="top-menu"
  70. aria-expanded="false"
  71. aria-label="Toggle navigation"
  72. >
  73. <span class="sr-only">Toggle navigation</span>
  74. <i class="fa-regular fa-bars"></i>
  75. </button>
  76. </div>
  77. </div>
  78. </header>