templates/layouts/layout.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="{{ app.request.locale }}">
  3.     <head>
  4.         <!-- Required meta tags -->
  5.         <meta charset="utf-8">
  6.         <meta
  7.         name="viewport" content="width=device-width"/>
  8.         <!-- GOOGLE FONTS -->
  9.         <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
  10.         <link rel="icon" type="image/x-icon" href="/static/img/icons/favicon.ico">
  11.         {% apply spaceless %}
  12.         {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  13.         {# we use the view helper to have cache buster functionality #}
  14.         {% do pimcore_head_link().appendStylesheet(asset('global.css')) %}
  16.         <!-- Global site tag (gtag.js) - Google Analytics -->
  17.         <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-163580205-1"></script>
  18.         <script>
  19.         window.dataLayer = window.dataLayer || [];
  20.         function gtag(){dataLayer.push(arguments);}
  21.         gtag('js', new Date());
  23.         gtag('config', 'UA-163580205-1');
  24.         </script>
  26.         {% if not document is defined or not document %}
  27.             {% set document = pimcore_document(1) %}
  28.         {% endif %}
  30.         {% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
  31.             {# @var document \Pimcore\Model\Document\Link #}
  32.             {% set document = document.getObject() %}
  33.         {% endif %}
  35.         {% if document is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  36.             
  37.             {% if document.getTitle() is not empty %}
  38.                 {% do pimcore_head_title().set(document.getTitle()) %}
  39.             {% endif %}
  41.             {% if document.getDescription() is not empty %}
  42.                 {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  43.             {% endif %}
  45.             {% do pimcore_head_title().append('Torq IT') %}
  46.             {% do pimcore_head_title().setSeparator(' | ') %}
  48.         {% endif %}
  50.         {% if (caseStudy is defined) and (caseStudy is instanceof('\\Pimcore\\Model\\DataObject\\CaseStudy')) %}
  51.             
  52.             {% if caseStudy.getTitle() is not empty %}
  53.                 {% do pimcore_head_title().set(caseStudy.getTitle()) %}
  54.             {% endif %}
  56.             {% if caseStudy.getDescription() is not empty %}
  57.                 {% do pimcore_head_meta().setDescription(caseStudy.getDescription()) %}
  58.             {% endif %}
  60.             {% do pimcore_head_title().append('Torq IT') %}
  61.             {% do pimcore_head_title().setSeparator(' | ') %}
  63.         {% endif %}
  65.         {% if (blogPost is defined) and (blogPost is instanceof('\\Pimcore\\Model\\DataObject\\BlogPost')) %}
  66.             
  67.             {% if blogPost.getTitle() is not empty %}
  68.                 {% do pimcore_head_title().set(blogPost.getTitle()) %}
  69.             {% endif %}
  71.             {% if blogPost.getDescription() is not empty %}
  72.                 {% do pimcore_head_meta().setDescription(blogPost.getDescription()) %}
  73.             {% endif %}
  75.             {% do pimcore_head_title().append('Torq IT') %}
  76.             {% do pimcore_head_title().setSeparator(' | ') %}
  78.         {% endif %}
  80.         {% if (torqService is defined) and (torqService is instanceof('\\Pimcore\\Model\\DataObject\\TorqService')) %}
  81.             
  82.             {% if torqService.getTitle() is not empty %}
  83.                 {% do pimcore_head_title().set(torqService.getTitle()) %}
  84.             {% endif %}
  86.             {% if torqService.getDescription() is not empty %}
  87.                 {% do pimcore_head_meta().setDescription(torqService.getDescription()) %}
  88.             {% endif %}
  90.             {% do pimcore_head_title().append('Torq IT') %}
  91.             {% do pimcore_head_title().setSeparator(' | ') %}
  93.         {% endif %}
  95.         {% if (solution is defined) and (solution is instanceof('\\Pimcore\\Model\\DataObject\\Solution')) %}
  96.             
  97.             {% if solution.getTitle() is not empty %}
  98.                 {% do pimcore_head_title().set(solution.getTitle()) %}
  99.             {% endif %}
  101.             {% if solution.getDescription() is not empty %}
  102.                 {% do pimcore_head_meta().setDescription(solution.getDescription()) %}
  103.             {% endif %}
  105.             {% do pimcore_head_title().append('Torq IT') %}
  106.             {% do pimcore_head_title().setSeparator(' | ') %}
  108.         {% endif %}
  110.         {% set isPortal = ((isPortal is defined) and isPortal) %}
  111.         {% endapply %}
  113.         {# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
  114.         {% block layout_head_meta deferred %}
  115.             {{ pimcore_head_title() }}
  116.             {{ pimcore_head_meta() }}
  117.         {% endblock %}
  119.         {% block head_stylesheets deferred %}
  120.             {{ pimcore_head_link() }}
  121.         {% endblock %}
  122.     </head>
  123.     {% set pageClassId = ' page-id-' ~ document.getId() %}
  124.     {% set pageClassName = document.getTitle() ? ' ' ~ document.getTitle() | replace({' ' : '-'}) | lower %}
  125.     {% if caseStudy is defined %}
  126.     {% set caseStudyClassName = caseStudy.getTitle() ? ' case-study-' ~ caseStudy.getTitle() | replace({' ' : '-'}) | lower %}
  127.     {% endif %}
  128.     {% set altPageLayout = document.getProperty('alt_page_layout') ? ' alt-page-layout' : '' %}
  129.         <body class="{% if document.getId() == 1 %}home {% endif %}{{ pageClassName }}{% if caseStudy is defined %}{{ caseStudyClassName }}{% endif %}{{ pageClassId }}"> 
  130.             <a href="#main-content" class="skip-to-main-content">Skip to main content</a>
  131.             {{ include('layouts/includes/parts/mobile-menu.html.twig') }}
  132.             {{ include('layouts/includes/header.html.twig') }}
  133.             <div class="wrapper{{ altPageLayout }}">
  134.                 <div class="content"{% if document.getProperty('alt_page_layout') %} style=background-color:var(--med-dark-bg) {% endif %}>
  135.                     {% if caseStudy is defined %}
  136.                         {% include 'content/includes/breadcrumbs.html.twig' with { 'breadcrumbs': app_navigation_get_breadcrumbs(caseStudy) } %}
  137.                     {% elseif blogPost is defined %}
  138.                         {% include 'content/includes/breadcrumbs.html.twig' with { 'breadcrumbs': app_navigation_get_breadcrumbs(blogPost) } %}
  139.                     {% elseif torqService is defined %}
  140.                         {% include 'content/includes/breadcrumbs.html.twig' with { 'breadcrumbs': app_navigation_get_breadcrumbs(torqService) } %}
  141.                     {% elseif solution is defined %}
  142.                         {% include 'content/includes/breadcrumbs.html.twig' with { 'breadcrumbs': app_navigation_get_breadcrumbs(solution) } %}
  143.                     {% elseif document is defined and document.getId() != 1 and not document.getProperty('hide_breadcrumbs') %}
  144.                         {% include 'content/includes/breadcrumbs.html.twig' with { 'breadcrumbs': app_navigation_get_breadcrumbs(document) } %}
  145.                     {% endif %}
  146.                     
  147.                     {% if blogPost is defined and not editmode %}
  148.                     <div class="progress-container">
  149.                         <div class="progress-bar" id="progressBar"></div>
  150.                     </div>
  151.                     {% endif %}
  153.                     {% block body %}
  154.                     <div id="main-content">
  155.                         {{ pimcore_areablock("myAreablock", {
  156.                             "allowed": ["splash"],
  157.                             "limit": 1,
  158.                             "controlsAlign": 'right'
  159.                         }) }}
  160.                         {{ pimcore_areablock("sectionAreaBlocks", {
  161.                             "allowed": ["section"]
  162.                         }) }}
  163.                         {{ pimcore_areablock("footerFormBlock", {
  164.                             "allowed": ["footer-form"],
  165.                             "limit": 1
  166.                         }) }}
  167.                     </div>
  168.                     {% endblock %}
  169.                 </div>
  170.                 {{ include('layouts/includes/footer.html.twig') }}
  171.             </div>
  173.         <!-- JQUERY -->
  174.         <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  176.         <!-- RECAPTCHA -->
  177.         <script src="https://www.google.com/recaptcha/api.js"></script>
  179.         <!-- GOOGLE MAPS -->
  180.         <script>
  181.             (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
  182.                 key: "AIzaSyAJ0nTL7Dl35XPWribB6nJqm3ItMfL5JoE",
  183.                 v: "weekly",
  184.                 // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
  185.                 // Add other bootstrap parameters as needed, using camel case.
  186.             });
  187.         </script>
  189.         <!-- JS SCRIPTS -->
  190.         <script type="text/javascript" src="{{ asset("global.js") }}"></script>
  192.         <!-- BLOG PROGRESS BAR -->
  193.         {% if blogPost is defined and not editmode %}
  194.         <script src="/static/js/frontend.js"></script>
  195.         {% endif %}
  197.         <!-- LIGHTBOX -->
  198.         {% if caseStudy is defined and caseStudy.getLightbox() %}
  199.         <script src="/static/js/fslightbox.js"></script>
  200.         {% endif %}
  202.         <!-- FONT AWESOME -->
  203.         <script src="https://use.fontawesome.com/6ccd600e51.js"></script>
  205.         <!-- ANIMATE ON SCROLL -->
  206.         <script>
  207.             torq.aos.init({
  208.                 once: true,
  209.             });
  210.         </script>
  211.         
  212.         <!-- MODAL -->
  213.         {{ include('layouts/includes/modal.html.twig') }}
  214.     </body>
  215. </html>