templates/public/head.html.twig line 1

Open in your IDE?
  1. <title>{{ title|default('Klaravik') }}</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  3. <meta name="keywords" content="{{ keywords|default('')|escape }}">
  4. <meta name="description" content="{{ description|default('')|escape }}">
  6. {% if app.request.attributes.get('requestParams').page is defined and app.request.attributes.get('requestParams').page is same as 'vendor' %}
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover" />
  8. {% else %}
  9.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=1, viewport-fit=cover">
  10. {% endif %}
  12. <meta name="format-detection" content="telephone=no" />
  13. <meta property="og:title" content="{{ shortTitle|default('') }}" />
  14. <meta property="og:type" content="website" />
  16. {% if products_id is defined and products_id is not empty %}
  17.     <meta property="og:image" content="{{ ogImage }}" />
  18.     <meta property="og:imageWidth" content="900" />
  19.     <meta property="og:imageHeight" content="675" />
  20. {% elseif ogImage is defined and ogImage is not empty %}
  21.     <meta property="og:image" content="{{ ogImage }}"/>
  22.     <meta property="og:image:width" content="200" />
  23.     <meta property="og:image:height" content="200" />
  24. {% endif %}
  26. {% if not constant('DEV_MODE') %}
  27.     <script type="text/JavaScript" data-cookieconsent="ignore">
  28.         window.addEventListener('CookiebotOnDialogInit', () => {
  29.           window.addEventListener('CookiebotOnAccept', () => {
  30.               location.reload()
  31.           })
  32.         })
  33.     </script>
  34. {% endif %}
  36. <link rel="manifest" href="{{ getFileVersion('/manifest.json') }}">
  38. {# This script makes it possible to use Fontawesome Pro icons #}
  39. <script src="https://kit.fontawesome.com/aa499cc0ce.js" crossorigin="anonymous"></script>
  41. {# Slick Carousel CSS #}
  42. <link rel="stylesheet" href="{{ getFileVersion('/css/slick.css') }}">
  44. {# UI Tooltip CSS  #}
  45. <link rel="stylesheet" type="text/css" media="screen" href="{{ getFileVersion('/css/tool-tip.css') }}" />
  47. {# TODO: use remixicon via NPM package when possible #}
  48. <link rel="preload" href="/fonts/RemixIcon/remixicon.woff2" as="font" type="font/woff2" crossorigin>
  50. <link rel="preload" href="/fonts/KlaravikSans/KlaravikSans-Light.woff2" as="font" type="font/woff2" crossorigin>
  51. <link rel="preload" href="/fonts/KlaravikSans/KlaravikSans-Regular.woff2" as="font" type="font/woff2" crossorigin>
  52. <link rel="preload" href="/fonts/KlaravikSans/KlaravikSans-SemiBold.woff2" as="font" type="font/woff2" crossorigin>
  53. <link rel="preload" href="/fonts/KlaravikSans/KlaravikSans-Bold.woff2" as="font" type="font/woff2" crossorigin>
  54. <link rel="preload" href="/fonts/KlaravikSans/KlaravikSans-ExtraBold.woff2" as="font" type="font/woff2" crossorigin>
  56. <link rel="stylesheet" href="/fonts/RemixIcon/remixicon.css?v=1">
  57. <link rel="stylesheet" type="text/css" href="/fonts/Authenia-Textured/stylesheet.css">
  58. <link rel="stylesheet" type="text/css" media="screen" href="{{ getFileVersion('/css/foundation.css') }}" />
  59. <link rel="stylesheet" type="text/css" media="screen" href="{{ getFileVersion('/css/uni-form.css') }}" />
  60. <link rel="stylesheet" type="text/css" media="screen" href="{{ getFileVersion('/css/default.uni-form.css') }}" id="formStyle" />
  62. {% if (currentPage is same as "auction" and products_id is defined) or currentPage is same as "vendor" %}
  63.     <link rel="stylesheet" type="text/css" media="all" href="{{ getFileVersion('/dist/css/fancybox.css') }}" />
  64.     <link rel="stylesheet" type="text/css" media="all" href="{{ getFileVersion('/dist/css/carousel.css') }}" />
  65. {% endif %}
  67. <link rel="stylesheet" type="text/css" media="all" href="{{ getFileVersion('/dist/css/stylesheet.css') }}" />
  68. {# apple-touch-icon defines an icon for adding Klaravik to the homescreen for iPhone/iPad #}
  69. <link rel="apple-touch-icon" sizes="80x80" href="/klaravik-web-icon-80x80.png">
  70. <link rel="apple-touch-icon" sizes="120x120" href="/klaravik-web-icon-120x120.png">
  71. <link rel="apple-touch-icon" sizes="152x152" href="/klaravik-web-icon-152x152.png">
  72. <link rel="apple-touch-icon" sizes="167x167" href="/klaravik-web-icon-167x167.png">
  73. <link rel="apple-touch-icon" sizes="180x180" href="/klaravik-web-icon-180x180.png">
  74. <link rel="apple-touch-icon" sizes="192x192" href="/klaravik-web-icon-192x192.png">
  75. <link rel="icon" type="image/png" href="{{ getFileVersion('/favicon-32x32.png') }}" sizes="32x32">
  76. <link rel="icon" type="image/png" href="{{ getFileVersion('/favicon-16x16.png') }}" sizes="16x16">
  77. {# Manifest link defines "add to homescreen" (PWA) attributes for Android #}
  78. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#008540">
  79. {% for css in includedCSS|default([]) %}
  80.     <link rel="stylesheet" type="text/css" media="{{ css["media"] }}" href="{{ getFileVersion(css["url"]) }}" />
  81. {% endfor %}
  82. {{ manifestAssets.renderCss() }}
  83. <meta name="theme-color" content="#ffffff">
  85. <style>
  86.     @media only screen and (max-width: 1024px) {
  87.     {# Label the data for mybids table #}
  88.         body .mybids td:nth-of-type(1):before { content: "{{ 'ALIAS_BUYER_TH_PRODUCT'|trans }}"; }
  89.         body .mybids td:nth-of-type(2):before { content: "{{ 'ALIAS_BUYER_TH_AUCTIONEND'|trans }}"; }
  90.         body .mybids td:nth-of-type(3):before { content: "{{ 'ALIAS_BUYER_TH_YOURMAXBID'|trans }}"; }
  91.         body .mybids td:nth-of-type(4):before { content: "{{ 'ALIAS_BUYER_TH_YOURBID'|trans }}"; }
  92.         body .mybids td:nth-of-type(5):before { content: "{{ 'ALIAS_BUYER_TH_HIGHBID'|trans }}"; }
  93.         body .mybids td:nth-of-type(6):before { content: "{{ 'ALIAS_BUYER_TH_RESPRICE'|trans }}"; }
  94.         body .mybids td:nth-of-type(7):before { content: "{{ 'ALIAS_BUYER_TH_STATUS'|trans }}"; }
  96.     {# Label the data for myorders table #}
  97.         body .myorders td:nth-of-type(1):before { content: "{{ 'ALIAS_BUYER_TH_PRODUCT'|trans }}"; }
  98.         body .myorders td:nth-of-type(2):before { content: "{{ 'ALIAS_BUYER_TH_AUCTIONEND'|trans }}"; }
  99.         body .myorders td:nth-of-type(3):before { content: "{{ 'ALIAS_BUYER_TH_YOURMAXBID'|trans }}"; }
  100.         body .myorders td:nth-of-type(4):before { content: "{{ 'ALIAS_BUYER_TH_YOURBID'|trans }}"; }
  101.         body .myorders td:nth-of-type(5):before { content: "{{ 'ALIAS_BUYER_TH_HIGHBID'|trans }}"; }
  102.         body .myorders td:nth-of-type(6):before { content: "{{ 'ALIAS_BUYER_TH_RESPRICE'|trans }}"; }
  103.         body .myorders td:nth-of-type(7):before { content: "{{ 'ALIAS_BUYER_TH_INVOICE'|trans }}"; }
  104.         body .myorders td:nth-of-type(8):before { content: "{{ 'ALIAS_BUYER_TH_PAYMENT'|trans }}"; }
  105.         body .myorders td:nth-of-type(9):before { content: "{{ 'ALIAS_BUYER_TH_RECIEPT'|trans }}"; }
  106.         body .myorders td:nth-of-type(10):before { content: "{{ 'info_label_app-index_myorders-object-picked-up'|trans }}"; }
  107.     }
  108. </style>
  110. {# Google Tag Manager #}
  111. <script>
  112.     (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  113.       new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  114.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  115.     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  116.   })(window,document,'script','dataLayer', '{{ GTM_ID }}');
  117. </script>
  118. {# End Google Tag Manager #}
  120. <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>