<!DOCTYPE html>
<html{% if config.lang%} lang="{{config.lang}}"{% endif %}>
<head>
<title>{% block title %}{{config.siteTitle}} - {{app.request.getHost}}{% endblock %}</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/png" href="{{asset(favicon,'favicons')}}" >
<link rel="icon" type="image/png"href="{{asset(favicon,'favicons')}}">
<link rel="canonical" href="{{app.request.schemeAndHttpHost}}"/>
<meta property="og:site_name" content="{{config.siteTitle}}"/>
<meta property="og:title" content="{{config.siteTitle}}"/>
<meta property="og:url" content="{{app.request.schemeAndHttpHost}}"/>
<meta property="og:type" content="website"/>
<meta itemprop="name" content="{{config.siteTitle}}" />
<meta itemprop="url" content="{{app.request.schemeAndHttpHost}}" />
<meta name="twitter:title" content="{{config.siteTitle}}" />
<meta name="twitter:url" content="{{app.request.schemeAndHttpHost}}" />
<meta name="twitter:card" content="summary"/>
{% if config.siteDescription %}
<meta name="description" content="{{siteDescription}}" />
{% endif %}
{% if config.keywords %}
<meta name="keywords" content="{{keywords}}" />
{% endif %}
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" />
{% block css1 %}{% endblock %}
<link rel="stylesheet" href="{{asset('css.css','css')}}" type="text/css" />
{% block css2 %}{% endblock %}
{% block scripts_head %}{% endblock %}
</head>
<body>
<div class="page-wrapper">
<section class="header">
<div class="header-space-bar color-green-bg"></div>
<nav class="nav-bar">
<div class="nav-bar-inner reduced-width">
<div class="logo-wrap">
<a href="/"><img src="{{ asset('less-logo-smakk-green-100.png','i') }}"></a>
</div>
<div class="top-nav-links">
{% block nav %}{% endblock %}
</div>
</div>
</nav>
</section>
{% block body %}{% endblock %}
<footer class="color-green-bg creamy-text-1">
<div>
<div class="copyright">Copyright © {{ 'now' | date('Y') }} LESS& Ltd. All rights reserved</div>
<div class="bottom-links">
<a class="creamy-text-1" href="https://www.movetoless.co.uk/terms-and-conditions">Terms & Conditions</a>
<a class="creamy-text-1" href="https://www.movetoless.co.uk/privacy">Privacy Policy</a>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.3.2/jquery-migrate.min.js" crossorigin="anonymous"></script>
<script src="{{ asset('/js/responsive-menu.js') }}"></script>
{#
https://github.com/carhartl/jquery-cookie
https://github.com/js-cookie/js-cookie
#}
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
{# https://stackoverflow.com/questions/12744145/how-to-remember-scroll-position-of-page #}
<script>
// When document is ready...
$(document).ready(function() {
// If cookie is set, scroll to the position saved in the cookie.
var scrollValue = Cookies.get('scroll');
if ( scrollValue !== null ) {
$(document).scrollTop( scrollValue );
Cookies.remove('scroll');
}
$('form').on('submit', function() {
// Set a cookie that holds the scroll position.
Cookies.set('scroll', $(document).scrollTop() )
});
// When scrolling happens....
//$(window).on("scroll", function() {
// // Set a cookie that holds the scroll position.
// Cookies.set('scroll', $(document).scrollTop() )
//});
});
</script>
{% block scripts_bottom %}{% endblock %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B5578C0SK2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-B5578C0SK2');
</script>
</body>
</html>