thomas-shop/templates/base.html

76 lines
8.7 KiB
HTML
Raw Permalink Normal View History

2022-05-02 16:26:06 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Thomas Pol Shop</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mohave:wght@400;700&family=Roboto:wght@100;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/css/index.css">
<link href="http://www.thomaspol.com/wp-content/themes/thomas_pol/img/icons/favicon.ico" rel="shortcut icon">
</head>
<body>
<nav class="c-main-nav js-menu">
<ul class="c-main-nav__list">
{{range menu}}
<li class="c-main-nav__item"><a href="{{.URL}}" class="c-main-nav__link">{{.Title}}</a></li>
{{end}}
<li class="c-main-nav__item"><a href="#" class="c-main-nav__link js-close">close menu</a></li>
</ul>
</nav>
<header class="page-header">
<a class="home-link" href="http://www.thomaspol.com">thomas pol</a>
<span class="subtitle">bassplayer composer educator</span>
<ul class="social-container">
<li><a href="https://www.facebook.com/thomas.pol.5" target="_blank"><span class="socicon-facebook"></span></a></li>
<li><a href="https://soundcloud.com/thomas_pol" target="_blank"><span class="socicon-soundcloud"></span></a></li>
<li><a href="https://www.youtube.com/user/bas1ser" target="_blank"><span class="socicon-youtube"></span></a></li>
</ul>
<div class="open-menu-wrapper">
<a href="#" class="open-menu">menu</a>
</div>
<div class="open-menu-wrapper">
<a class="open-menu js-mobile-trigger" href="#" >menu</a>
</div>
</header>
{{template "body" .}}
<footer class="c-footer">
<nav>
<ul>
<li class="c-footer__item"><span> &#169; {{nowYear}} Thomas Pol</span></li>
<li class="c-footer__item"><a target="_blank" rel="noopener" href="https://www.instagram.com/thomaspolbass">@thomaspolbass</a></li>
2022-06-08 16:53:49 +02:00
<li class="c-footer__item">KvK: 54256216</li>
<li class="c-footer__item"><a target="_blank" rel="noopener" href="/terms-and-conditions">Terms and conditions</a></li>
<li class="c-footer__item"><a target="_blank" rel="noopener" href="/terms-of-delivery">Terms of delivery</a></li>
2022-05-02 16:26:06 +02:00
</ul>
</nav>
</footer>
<script src="/static/js/shared.js"></script>
<script>
!function () {
/*! SmoothScroll v16.1.4 | (c) 2020 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/smooth-scroll */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).SmoothScroll=t()}(this,(function(){"use strict";var e={ignore:"[data-scroll-ignore]",header:null,topOnEmptyHash:!0,speed:500,speedAsDuration:!1,durationMax:null,durationMin:null,clip:!0,offset:0,easing:"easeInOutCubic",customEasing:null,updateURL:!0,popstate:!0,emitEvents:!0},t=function(){var e={};return Array.prototype.forEach.call(arguments,(function(t){for(var n in t){if(!t.hasOwnProperty(n))return;e[n]=t[n]}})),e},n=function(e){"#"===e.charAt(0)&&(e=e.substr(1));for(var t,n=String(e),o=n.length,a=-1,i="",r=n.charCodeAt(0);++a<o;){if(0===(t=n.charCodeAt(a)))throw new InvalidCharacterError("Invalid character: the input contains U+0000.");t>=1&&t<=31||127==t||0===a&&t>=48&&t<=57||1===a&&t>=48&&t<=57&&45===r?i+="\\"+t.toString(16)+" ":i+=t>=128||45===t||95===t||t>=48&&t<=57||t>=65&&t<=90||t>=97&&t<=122?n.charAt(a):"\\"+n.charAt(a)}return"#"+i},o=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},a=function(e){return e?(t=e,parseInt(window.getComputedStyle(t).height,10)+e.offsetTop):0;var t},i=function(e,t,n){0===e&&document.body.focus(),n||(e.focus(),document.activeElement!==e&&(e.setAttribute("tabindex","-1"),e.focus(),e.style.outline="none"),window.scrollTo(0,t))},r=function(e,t,n,o){if(t.emitEvents&&"function"==typeof window.CustomEvent){var a=new CustomEvent(e,{bubbles:!0,detail:{anchor:n,toggle:o}});document.dispatchEvent(a)}};return function(s,c){var u,l,d,f,m={};m.cancelScroll=function(e){cancelAnimationFrame(f),f=null,e||r("scrollCancel",u)},m.animateScroll=function(n,s,c){m.cancelScroll();var l=t(u||e,c||{}),h="[object Number]"===Object.prototype.toString.call(n),p=h||!n.tagName?null:n;if(h||p){var w=window.pageYOffset;l.header&&!d&&(d=document.querySelector(l.header));var g,y,v,S=a(d),E=h?n:function(e,t,n,a){var i=0;if(e.offsetParent)do{i+=e.offsetTop,e=e.offsetParent}while(e);return i=Math.max(i-t-n,0),a&&(i=Math.min(i,o()-window.innerHeight)),i}(p,S,parseInt("function"==typeof l.offset?l.offset(n,s):l.offset,10),l.clip),b=E-w,O=o(),I=0,M=function(e,t){var n=t.speedAsDuration?t.speed:Math.abs(e/1e3*t.speed);return t.durationMax&&n>t.durationMax?t.durationMax:t.durationMin&&n<t.durationMin?t.durationMin:parseInt(n,10)}(b,l),A=function(e){g||(g=e),I+=e-g,v=w+b*function(e,t){var n;return"easeInQuad"===e.easing&&(n=t*t),"easeOutQuad"===e.easing&&(n=t*(2-t)),"easeInOutQuad"===e.easing&&(n=t<.5?2*t*t:(4-2*t)*t-1),"easeInCubic"===e.easing&&(n=t*t*t),"easeOutCubic"===e.easing&&(n=--t*t*t+1),"easeInOutCubic"===e.easing&&(n=t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1),"easeInQuart"===e.easing&&(n=t*t*t*t),"easeOutQuart"===e.easing&&(n=1- --t*t*t*t),"easeInOutQuart"===e.easing&&(n=t<.5?8*t*t*t*t:1-8*--t*t*t*t),"easeInQuint"===e.easing&&(n=t*t*t*t*t),"easeOutQuint"===e.easing&&(n=1+--t*t*t*t*t),"easeInOutQuint"===e.easing&&(n=t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t),e.customEasing&&(n=e.customEasing(t)),n||t}(l,y=(y=0===M?0:I/M)>1?1:y),window.scrollTo(0,Math.floor(v)),function(e,t){var o=window.pageYOffset;if(e==t||o==t||(w<t&&window.innerHeight+o)>=O)return m.cancelScroll(!0),i(n,t,h),r("scrollStop",l,n,s),g=null,f=null,!0}(v,E)||(f=window.requestAnimationFrame(A),g=e)};0===window.pageYOffset&&window.scrollTo(0,0),function(e,t,n){t||history.pushState&&n.updateURL&&history.pushState({smoothScroll:JSON.stringify(n),anchor:e.id},document.title,e===document.documentElement?"#top":"#"+e.id)}(n,h,l),"matchMedia"in window&&window.matchMedia("(prefers-reduced-motion)").matches?i(n,Math.floor(E),!1):(r("scrollStart",l,n,s),m.cancelScroll(!0),window.requestAnimationFrame(A))}};var h=function(e){if(!e.defaultPrevented&&!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey)&&"closest"in e.target&&(l=e.target.closest(s))&&"a"===l.tagName.toLowerCase()&&!e.target.closest(u.ignore)&&l.hostname===window.location.hostname&&l.pa
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 1000, // Integer. Amount of time in milliseconds it should take to scroll 1000px
easing: 'easeInOutCubic',
speedAsDuration: true,
offset: 75
});
var menu = document.querySelector('.c-main-nav')
window.addEventListener('scroll', function (e) {
if (window.scrollY < (window.innerHeight * 0.9)) {
menu.classList.remove('fixed')
} else {
menu.classList.add('fixed')
}
})
}()
</script>
</body>
</html>