63 lines
3.2 KiB
HTML
63 lines
3.2 KiB
HTML
{{define "headerHTML"}}
|
|
<header>
|
|
<center>
|
|
<a href="/" class="logo">
|
|
<pre id="logo">
|
|
_____ ______ ____ ____ ___ ____ ___ __ __ ____ ____ ___
|
|
/ ___/| | / || \ / _]| \ / \ | | || || \ / _]
|
|
( \_ | || o || D ) / [_ | _ || || | | | | | _ | / [_
|
|
\__ ||_| |_|| || / | _]| | || O || | | | | | | || _]
|
|
/ \ | | | | _ || \ | [_ | | || || : | | | | | || [_
|
|
\ | | | | | || . \| || | || | \ / | | | | || |
|
|
\___| |__| |__|__||__|\_||_____||__|__| \___/ \_/ |____||__|__||_____|
|
|
|
|
</pre>
|
|
</a>
|
|
</center>
|
|
<nav class="hed">
|
|
<a href="{{.previous}}">
|
|
<div class="arr-pr-nx" title="Prethodna">
|
|
<svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g id="prev" transform="translate(8.500000, 8.500000) scale(-1, 1) translate(-8.500000, -8.500000)">
|
|
<polygon class="arrow" points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596"></polygon>
|
|
<polygon class="arrow-fixed" points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596"></polygon>
|
|
<path d="M-1.48029737e-15,0.56157424 L-1.48029737e-15,16.1929159 L9.708,8.33860465 L-2.66453526e-15,0.56157424 L-1.48029737e-15,0.56157424 Z M1.33333333,3.30246869 L7.62533333,8.34246869 L1.33333333,13.4327013 L1.33333333,3.30246869 L1.33333333,3.30246869 Z"></path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
<a href="/">
|
|
<div class="home-icon" title="Pocetna">
|
|
<i class="fa fa-home" style="font-size:48px;color:white"></i>
|
|
</div>
|
|
</a>
|
|
<a href="{{.next}}">
|
|
<div class="arr-pr-nx" title="Sledeca">
|
|
<svg width="18px" height="17px" viewBox="-1 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g>
|
|
<polygon class="arrow" points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596"></polygon>
|
|
<polygon class="arrow-fixed" points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596"></polygon>
|
|
<path d="M-4.58892184e-16,0.56157424 L-4.58892184e-16,16.1929159 L9.708,8.33860465 L-1.64313008e-15,0.56157424 L-4.58892184e-16,0.56157424 Z M1.33333333,3.30246869 L7.62533333,8.34246869 L1.33333333,13.4327013 L1.33333333,3.30246869 L1.33333333,3.30246869 Z"></path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
</nav>
|
|
<br>
|
|
</header>
|
|
<script>
|
|
const handleScroll = function(event) {
|
|
const top = window.scrollY;
|
|
const header = document.querySelector('.hed');
|
|
const headerBottom = header.offsetTop + header.offsetHeight;
|
|
|
|
if (top >= headerBottom) {
|
|
header.classList.add('fixed');
|
|
} else {
|
|
header.classList.remove('fixed');
|
|
}
|
|
}
|
|
window.addEventListener('scroll', handleScroll);
|
|
</script>
|
|
{{end}}
|