Commit 9abee8cf authored by Isabella Skořepová's avatar Isabella Skořepová
Browse files

delete old-theme

parent 14f2dc6f
{% extends "partials/base.html.nunj" %}
{% block head %}
<meta property="og:type" content="article" />
<meta property="article:published_time" content="{{ metadata.published | date }}" />
{% if metadata.image %} <meta property="og:image" content="{{ metadata.image | absURL( canonicalURL ) }}" /> {% endif %}
<meta property="og:description" content="{% if metadata.perex %}{{metadata.perex}}{% else %}{% if metadata.perex_e %}{{metadata.perex_e | truncate}}{% else %}{% if content %}{{ content | striptags | truncate }}{% endif %}{% endif %}{% endif %}" />
{{ super() }}
{{ metadata.headerextra | safe }}
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true
},
elements: $("#content article"),
"HTML-CSS": { availableFonts: ["TeX"] },
locale: "cs",
menuSettings: {
zoom: "Hover"
},
MathEvents: {
hover: 0
}
});
</script>
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML&">
</script>
{% endblock %}
{% block bodyattr %} class="type-article"{% endblock %}
{% block content %}
<div class="section container" id="content">
<div class="row">&nbsp;</div>
<div class="metadata">
<h2 id="title">{{ metadata.title }}</h2>
{% if not metadata.nodate %}
<a class="author" style="color: #a2a2a2; display: block" class="black-text" target="_blank" href="https://git.ok1kvk.cz/ok1kvk.cz/content/tree/master/articles/{{file | replace("clanek/","") | replace(r/\/$/, "")}}.md">
{% if metadata.published %}
<span style="color: #626262">{{ metadata.published | date("D. M. YYYY") }}</span>
napsal{% if metadata.author.gender == "F" %}a{% endif %}
<span style="color: #626262">{{ metadata.author.name }}</span>
{% else %}
Článek nebyl publikován
{% endif %}
</a>
{% endif %}
<div class="tags">
{% for tag in metadata.tags %}
{% if tag.url != "tag/vse" %}
<a href="{{ config.baseurl }}/{{ tag.url }}/1/"><div class="chip">{{ tag.text }}</div></a>
{% endif %}
{% endfor %}
</div>
</div>
<article>
<p>
{{ content | safe }}
</p>
</article>
</div>
{% endblock %}
{% block footerlink %}
{% endblock %}
<!DOCTYPE html>
<html lang="en">
<head>
{% block head %}
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>{% if metadata.title %}{{ metadata.title }}{%else%}Radioklub OK1KVK{%endif%}</title>
<link rel="canonical" href="{{ canonicalURL }}" />
<meta property="og:title" content="{% if metadata.title %}{{ metadata.title }}{%else%}Radioklub OK1KVK{%endif%}" />
<meta property="og:locale" content="cs_CZ" />
<meta property="og:url" content="{{ canonicalURL }}" />
<meta property="og:site_name" content="ok1kvk.cz" />
<meta property="fb:app_id" content="1419886504744454" />
<link href='https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href="{{ config.baseurl }}/theme/style.css?v=2" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="{{ config.baseurl }}/theme/highlight.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="{{ config.baseurl }}/theme/lightbox2/dist/css/lightbox.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<script src="{{ config.baseurl }}/theme/js/jquery-1.12.0.min.js"></script>
<link rel="apple-touch-icon" sizes="57x57" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-57x57.png?v=3">
<link rel="apple-touch-icon" sizes="60x60" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-60x60.png?v=3">
<link rel="apple-touch-icon" sizes="72x72" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-72x72.png?v=3">
<link rel="apple-touch-icon" sizes="76x76" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-76x76.png?v=3">
<link rel="apple-touch-icon" sizes="114x114" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-114x114.png?v=3">
<link rel="apple-touch-icon" sizes="120x120" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-120x120.png?v=3">
<link rel="apple-touch-icon" sizes="144x144" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-144x144.png?v=3">
<link rel="apple-touch-icon" sizes="152x152" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-152x152.png?v=3">
<link rel="apple-touch-icon" sizes="180x180" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-180x180.png?v=3">
<link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-32x32.png?v=3" sizes="32x32">
<link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/android-chrome-192x192.png?v=3" sizes="192x192">
<link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-96x96.png?v=3" sizes="96x96">
<link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-16x16.png?v=3" sizes="16x16">
<link rel="manifest" href="{{ config.baseurl }}/theme/favicons/manifest.json?v=3">
<link rel="mask-icon" href="{{ config.baseurl }}/theme/favicons/safari-pinned-tab.svg?v=3" color="#0288d1">
<link rel="shortcut icon" href="{{ config.baseurl }}/theme/favicons/favicon.ico?v=3">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-TileImage" content="{{ config.baseurl }}/theme/favicons/mstile-144x144.png?v=3">
<meta name="msapplication-config" content="{{ config.baseurl }}/theme/favicons/browserconfig.xml?v=3">
<meta name="theme-color" content="#0288d1">
{% if config.devel %}
<script src="{{ config.baseurl }}/theme/js/socket.io-1.4.5.js"></script>
{% endif %}
{% endblock %}
</head>
<body{% block bodyattr %}{% endblock %}>
{% import "partials/svgs.html.nunj" as svgs %}
<div id="all">
<!-- Top nav -->
<nav class="supernav" role="navigation" style="z-index:5;position:absolute;">
<div class="nav-wrapper container">
<a data-activates="nav-mobile" class="menu-icon hide-on-med-and-up" style="float:left">
{{ svgs.menu("#fff",false) }}
</a>
<div style="z-index: 2" class="brand-logo">
<a id="logo-container" href="{{ config.baseurl }}/tag/vse/1/" >
<img class="hide-on-small-and-up" src="{{ config.baseurl }}/theme/icon56.png">
<img class="hide-on-med-and-up hide-on-ultra-small" src="{{ config.baseurl }}/theme/logo56.png">
<img class="hide-on-small-only" src="{{ config.baseurl }}/theme/logo64.png">
</a>
</div>
<div class="toplinks">
<a class="hide-on-small-only left" id="aktuality">
Aktuality
</a>
<a class="hide-on-small-only left" id="clanky">
Články
</a>
<a class="hide-on-small-only left" id="o-nas">
O nás
</a>
<a class="search-icon left">
{{ svgs.search("#fff",false) }}
</a>
</div>
</div>
</nav>
<script>
$(document).ready(function() {
$(".menu-icon").sideNav();
$("#o-nas").click(function() {
var body = $("body");
body.removeClass("show-subnav2");
body.removeClass("show-subnav3");
if(body.hasClass("show-subnav1"))
body.removeClass("show-subnav1");
else
body.addClass("show-subnav1");
});
$("#aktuality").click(function() {
var body = $("body");
body.removeClass("show-subnav1");
body.removeClass("show-subnav3");
if(body.hasClass("show-subnav2"))
body.removeClass("show-subnav2");
else
body.addClass("show-subnav2");
});
$("#clanky").click(function() {
var body = $("body");
body.removeClass("show-subnav1");
body.removeClass("show-subnav2");
if(body.hasClass("show-subnav3"))
body.removeClass("show-subnav3");
else
body.addClass("show-subnav3");
})
$("body").click(function(e) {
if(!($(e.target).parents("a").length || $(e.target).is("a"))) {
$("body").removeClass("show-subnav2").removeClass("show-subnav1");
}
});
});
</script>
<!-- Side nav -->
<ul id="nav-mobile" class="side-nav collapsible">
<li class="no-padding">
<a class="collapsible-header waves-effect waves-teal">Aktuality</a>
<div class="collapsible-body"><ul>
<li><a href="{{ config.baseurl }}/tag/aktuality">Všechny aktuality</a></li>
<li><a href="{{ config.baseurl }}/tag/pozvanky">Pozvánky</a></li>
<li><a href="{{ config.baseurl }}/tag/stalo-se">Stalo se</a></li>
<li><a href="{{ config.baseurl }}/tag/zavody">Závody</a></li>
</ul></div>
</li>
<li class="no-padding">
<a class="collapsible-header waves-effect waves-teal">Články</a>
<div class="collapsible-body"><ul>
<li><a href="{{ config.baseurl }}/tag/clanky">Všechny články</a></li>
<li><a href="{{ config.baseurl }}/tag/programovani">Programování</a></li>
<li><a href="{{ config.baseurl }}/tag/mikroprocesory">Mikroprocesory</a></li>
<li><a href="{{ config.baseurl }}/tag/konstrukce">Konstrukce</a></li>
<li><a href="{{ config.baseurl }}/tag/technicke-clanky">Technické články</a></li>
<li><a href="{{ config.baseurl }}/tag/zajimavosti">Zajímavosti</a></li>
</ul></div>
</li>
<li class="no-padding">
<a class="collapsible-header waves-effect waves-teal">O nás</a>
<div class="collapsible-body"><ul>
<li><a href="{{ config.baseurl }}/clanek/o-radioklubu">O Radioklubu</a></li>
<li><a href="{{ config.baseurl }}/clanek/kontakt">Kontakt</a></li>
<li><a href="{{ config.baseurl }}/clanek/krouzek-mladeze">Kroužek mládeže</a></li>
<li><a href="{{ config.baseurl }}/clanek/pro-cleny-rk">Pro členy RK</a></li>
</ul></div>
</li>
</ul>
<!-- Lower nav -->
<nav class="subnav subnav1 hide-on-small-and-down" role="navigation">
<div class="nav-wrapper container">
<ul class="right">
<li><a href="{{ config.baseurl }}/clanek/o-radioklubu">O Radioklubu</a></li>
<li><a href="{{ config.baseurl }}/clanek/kontakt">Kontakt</a></li>
<li><a href="{{ config.baseurl }}/clanek/krouzek-mladeze">Kroužek mládeže</a></li>
<li><a href="{{ config.baseurl }}/clanek/pro-cleny-rk">Pro členy RK</a></li>
</ul>
</div>
</nav>
<!-- Lower nav 2 - Aktuality -->
<nav class="subnav subnav2 hide-on-small-and-down" role="navigation">
<div class="nav-wrapper container">
<ul class="right">
<li><a href="{{ config.baseurl }}/tag/aktuality">Všechny aktuality</a></li>
<li><a href="{{ config.baseurl }}/tag/pozvanky">Pozvánky</a></li>
<li><a href="{{ config.baseurl }}/tag/stalo-se">Stalo se</a></li>
<li><a href="{{ config.baseurl }}/tag/zavody">Závody</a></li>
</ul>
</div>
</nav>
<!-- Lower nav 3 - Články -->
<nav class="subnav subnav3 hide-on-small-and-down" role="navigation">
<div class="nav-wrapper container">
<ul class="right">
<li><a href="{{ config.baseurl }}/tag/clanky">Všechny články</a></li>
<li><a href="{{ config.baseurl }}/tag/programovani">Programování</a></li>
<li><a href="{{ config.baseurl }}/tag/mikroprocesory">Mikroprocesory</a></li>
<li><a href="{{ config.baseurl }}/tag/konstrukce">Konstrukce</a></li>
<li><a href="{{ config.baseurl }}/tag/technicke-clanky">Technické články</a></li>
<li><a href="{{ config.baseurl }}/tag/zajimavosti">Zajímavosti</a></li>
</ul>
</div>
</nav>
{% include "partials/search.html.nunj" %}
{% block content %}
{% endblock %}
<footer class="page-footer blue">
<div class="container s6">
<a class="orange-text text-lighten-3" target="_blank" href="https://git.ok1kvk.cz/">Gitlab</a> |
<a class="orange-text text-lighten-3" target="_blank" href="http://forum.ok1kvk.cz/">Fórum</a> |
<a class="orange-text text-lighten-3" href="/clanek/webkamera/">Webkamera</a> |
<a class="orange-text text-lighten-3" href="/clanek/jak-nahlasit-chybu/">Jak nahlásit chybu</a>
{% block footerlink %}
{% endblock %}
<div style="display:inline-block; height: 1em">
<a style="display: block; float: left; margin-top: -.5em" target="_blank" href="https://www.facebook.com/ok1kvk">{{ svgs.facebook("white",2,"em") }}</a>
</div>
</div>
<div class="container s6">
Stránky pro OK1KVK vytvořila <a class="orange-text text-lighten-3" target="_blank" href="https://codewitchbella.com">Isabella Skořepová</a> 2015-2019
</div>
</footer>
<script src="{{ config.baseurl }}/theme/js/materialize.js"></script>
<script src="{{ config.baseurl }}/theme/js/init.js"></script>
<script>
(function($) {
var onresize = function(){
$("footer").height("auto");
$("#content").css("margin-bottom",$("footer").height());
};
$(window).resize(onresize);
$(document).load(onresize);
$(document).ready(onresize);
})(jQuery);
</script>
{% if not config.debug %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-74646565-1', 'auto');
ga('send', 'pageview');
</script>
{% endif %}
<script src="{{ config.baseurl }}/theme/lightbox2/dist/js/lightbox.min.js"></script>
</body>
</html>
{% import "partials/svgs.html.nunj" as svgs %}
<div id=content class=container>
<div class="section">
<div class="row">
<div class="col">
<a class="breadcrumb">{{ tag.text }}</a>
{% if subtags %}
{% for subtag in subtags %}
<a href="{{ config.baseurl }}/{{ subtag.url }}" class="chip">{{ subtag.text }}</a>
{% endfor %}
{% endif %}
</div>
</div>
<div class="row">
{% for page in content %}
<div class="col s12 m6 l4"><!-- s12 m6 l4-->
<div class="block article" style="">
<a href="{{ config.baseurl }}/{{ page.file }}">
<div style="height:120px;
{% if page.metadata.image %}background-image: url('{{ config.baseurl }}{{ page.metadata.image | relURL(page.file) }}'){% endif %}
" class="leadimage light-blue darken-2"></div>
</a>
<div class="head-title">
<a href="{{ config.baseurl }}/{{ page.file }}"><h5 class="center">{{ page.metadata.title }}</h5></a>
</div>
<div style="padding: 0px 10px;" class="head-perex">
{% if page.metadata.perex %}
{{page.metadata.perex}}
{% else %}
{% if page.metadata.perex_e %}
{{page.metadata.perex_e | truncate}}
{% else %}
{% if page.content %}
{{ page.content | striptags | truncate }}
{% endif %}
{% endif %}
{% endif %}
</div>
<div class="clear"></div>
<div style="padding: 10px;" class="head-info">
<span style="color: #a2a2a2; text-align: left;display: inline-block;width: 75%;">{{ page.metadata.published | date("D. M. YYYY") }} napsal{% if page.metadata.author.gender == "F" %}a{% endif %} {{ page.metadata.author.name }}</span><!--
--><a style="text-align: right;display: inline-block;width: 25%;" href="{{ config.baseurl }}/{{ page.file }}">Číst&nbsp;dál</a>
</div>
</div>
</div>
{% endfor %}
</div>
{% include "partials/paginator.html.nunj" %}
</div>
<div class="hide-on-small-only">
{% if metadata.prevurl %}
<div style="left:0px;" class="sidelink sidelink-l">
<a href="{{config.baseurl}}/{{metadata.prevurl}}"><div>{{ svgs.backward(false) }}</div></a>
</div>
{% endif %}
{% if metadata.nexturl %}
<div style="right:0px" class="sidelink sidelink-r">
<a href="{{config.baseurl}}/{{metadata.nexturl}}"><div>{{ svgs.forward(false) }}</div></a>
</div>
{% endif %}
</div>
<script>
(function($) {
var onresize = function(){
// equalize article sizes
$(".head-perex").height("auto");
var maxHeight = 0;
$(".head-perex").each(function(){
if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});
$(".head-perex").height(maxHeight);
$(".head-title").height("auto");
maxHeight = 0;
$(".head-title").each(function(){
if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});
$(".head-title").height(maxHeight);
$(".head-info").height("auto");
maxHeight = 0;
$(".head-info").each(function(){
if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});
$(".head-info").height(maxHeight);
// Sidelink icons of same size
$(".sidelink-icon").css("top",$(window).height()/2);
};
$(window).resize(onresize);
$(document).load(onresize);
$(document).ready(onresize);
$(document).keyup(function(e) {
if($("#search-overlay").hasClass("shown")) return;
{% if metadata.nexturl %}
if(e.key == "ArrowRight") window.location = "{{config.baseurl}}/{{metadata.nexturl}}";
{% endif %}
{% if metadata.prevurl %}
if(e.key == "ArrowLeft") window.location = "{{config.baseurl}}/{{metadata.prevurl}}";
{% endif %}
});
})(jQuery);
</script>
</div> <!-- #content -->
{% import "partials/svgs.html.nunj" as svgs %}
<ul class="pagination">
<li><a {% if metadata.firstpage != undefined %} href="{{config.baseurl}}/{{metadata.firstpage.file}}"{%endif%}>
{{ svgs.doublechevronleft( "#999" if metadata.firstpage.file == file else "#000", 1,"em" ) }}
</a></li>
<li><a {% if metadata.prevpage != undefined %} href="{{config.baseurl}}/{{metadata.prevpage.file}}"{%endif%}>
{{ svgs.chevronleft( "#999" if metadata.prevpage == undefined else "#000", 1,"em" ) }}
</a></li>
{% for page in metadata.thispage | paginationList(4) %}
{% if page == metadata.thispage %}
<li class="active"><a>{{ page.metadata.pagenumber }}</a></li>
{% else %}
<li class="waves-effect"><a href="{{ config.baseurl }}/{{ page.file }}">{{ page.metadata.pagenumber }}</a></li>
{% endif %}
{% endfor %}
<li><a {% if metadata.nextpage != undefined %} href="{{config.baseurl}}/{{metadata.nextpage.file}}"{%endif%}>
{{ svgs.chevronright( "#999" if metadata.nextpage == undefined else "#000", 1,"em" ) }}
</a></li>
<li><a {% if metadata.lastpage != undefined %} href="{{config.baseurl}}/{{metadata.lastpage.file}}"{%endif%}>
{{ svgs.doublechevronright( "#999" if metadata.lastpage.file == file else "#000", 1,"em" ) }}
</a></li>
</ul>
{% import "partials/svgs.html.nunj" as svgs %}
<div class="hidden" id="search" style="display:none">
<div><div><div><div style="background-color: white">
<div id="searchbox" style="padding: 0 60px 0 10px">
<form>
<input style="padding: 0 60px 0 10px; margin: 0 -10px; width:100%;" placeholder="Vyhledávejte psaním...">
<form>
<div style="cursor: pointer; right: 0px; position: absolute; top: 0px; width: 50px; height: 50px; line-height: 50px;" class="close-search">
<div style="height: 2em; margin: auto 0; position: relative; top: 50%; margin-top: -1em">
{{ svgs.close("gray",2,"em") }}
</div>
</div>
</div>
<div id="searchresults"></div>
</div></div></div></div>
</div>
<div id="search-overlay" style="display:none"></div>
<script>
function debounce(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
var csc;
var myCallback = function() {
var doRender = function() {
var options = {};
options[google.search.Search.RESTRICT_EXTENDED_ARGS] = {
'as_sitesearch': 'ok1kvk.cz'
};
csc = new google.search.CustomSearchControl('003089460452505374651:q5prtsadbio', options);
csc.setLinkTarget (google.search.Search.LINK_TARGET_SELF);
var drawOptions = new google.search.DrawOptions();
drawOptions.enableSearchResultsOnly();
csc.draw("searchresults", drawOptions);
var s = $("#searchbox input").val()
if(s != "")
csc.execute(s);
}
if (document.readyState == 'complete') {
doRender();
} else {
google.setOnLoadCallback(doRender, true);
}
};
window.__gcse = {
parsetags: 'explicit',
callback: myCallback
};
(function() {
var cx = '003089460452505374651:q5prtsadbio';
var gcse = document.createElement('script'); gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
$("#searchbox form").submit(function(e) {
e.preventDefault();
});
$("#searchbox form").on("input", debounce(function(e) {
var s = $("#searchbox input").val()
if(s == "") {
$("#searchresults").html("");
myCallback();
} else
csc.execute(s);
},250));
(function() {
var searchHeight = $('#search').height();
var adjustHeight = function() {
var newh = $('#search').height();
if(newh != searchHeight) {
searchHeight = newh;
$("#all").height("auto");
if(!$("#search").hasClass("hidden") && $("#all").height() < searchHeight+20+194) {
$("#all").height(searchHeight+20+194);
}
}
}
// Resize page on searching
$("#search > div").bind('DOMSubtreeModified', adjustHeight);
// Search showing
$(".search-icon").on("click", function() {
$("#search").show();
setTimeout(function() {
$("#search").removeClass("hidden");
$("body").append('');
$("#search-overlay").show().addClass("shown");
adjustHeight();
setTimeout(function() {
$("#searchbox input").focus();
}, 320);
},0);
});
// Search hiding on search overlay click
$("#search-overlay, .close-search").click(function() {
$("#search-overlay").removeClass("shown");
$("#search").addClass("hidden");
setTimeout(function() {
adjustHeight();
$("#search").hide();
},320);
});
})();
</script>
{% macro symbol(color, size, unit, d) %}
<svg style="margin-top:auto;margin-bottom:auto;display:block;{% if size %}width:{{ size }}{{unit}};height:{{ size }}{{unit}};{% endif %}display:inline-block" viewBox="0 0 24 24">
<path {% if color %}fill="{{ color }}"{% endif %} d="{{ d }}" />
</svg>
{% endmacro %}
{% macro chevronleft(color, size=24, unit="px") %}
{{ symbol(color, size, unit, "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z") }}
{% endmacro %}
{% macro doublechevronleft(color, size=24, unit="px") %}
{{ symbol(color, size, unit, "M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z") }}
{% endmacro %}
{% macro chevronright(color, size=24, unit="px") %}
{{ symbol(color, size, unit, "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z") }}
{% endmacro %}
{% macro doublechevronright(color, size=24, unit="px") %}
{{ symbol(color, size, unit, "M5.59,7.41L7,6L13,12L7,18L5.59,16.59L10.17,12L5.59,7.41M11.59,7.41L13,6L19,12L13,18L11.59,16.59L16.17,12L11.59,7.41Z") }}
{% endmacro %}
{% macro forward(color, size=24, unit="px") %}
{{ symbol(color, size, unit, "M12,8V4L20,12L12,20V16H4V8H12Z") }}
{% endmacro %}
{% macro backward(color, size=24, unit="px") %}
{{ symbol(color, size, unit, "m 12,16 0,4 -8,-8 8,-8 0,4 8,0 0,8 -8,0 z") }}
{% endmacro %}
{% macro menu(color, size=24, unit="px") %}
{{ symbol(color, size, unit, "M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z") }}
{% endmacro %}
{% macro search(color, size=24, unit="px") %}
{{ symbol(color, size, unit, "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z") }}