website/_src/_includes/base.njk
2025-09-10 13:13:20 +03:00

93 lines
No EOL
5 KiB
Text

---
paw: "m 15.700739,16.184194 c 0,4.483 -2.555,2.038 -5.7060001,2.038 -3.151,0 -5.706,2.445 -5.706,-2.038 0,-2.925 2.555,-6.113001 5.706,-6.113001 3.1510001,0 5.7060001,3.188001 5.7060001,6.113001 z M 4.0687389,8.1071934 c 0.394,1.336 0.007,2.6259996 -0.862,2.8819996 -0.87,0.256001 -1.8929999,-0.619 -2.28599993,-1.9539996 -0.393,-1.336 -0.007,-2.626 0.86199993,-2.882 0.87,-0.256 1.893,0.619 2.286,1.954 z m 15.0000001,0.945 c -0.407,1.3319996 -1.442,2.1960006 -2.312,1.9299996 -0.869,-0.266 -1.244,-1.5609996 -0.837,-2.8919996 0.407,-1.332 1.442,-2.196 2.312,-1.93 0.869,0.265 1.244,1.56 0.837,2.892 z m -10.1100001,-4.859 c 0.365,1.897 -0.218,3.606 -1.302,3.814 -1.085,0.209 -2.261,-1.16 -2.626,-3.059 -0.365,-1.898 0.218,-3.6060001 1.302,-3.8150001 1.085,-0.20799996 2.261,1.1620001 2.626,3.0600001 z m 5.9960001,0.778 c -0.388,1.893 -1.578,3.25 -2.66,3.029 -1.082,-0.222 -1.647,-1.937 -1.26,-3.83 0.388,-1.894 1.578,-3.25000006 2.66,-3.0290001 1.082,0.222 1.647,1.9370001 1.26,3.8300001 z"
back: "M2 16 18 4h6L12 14H50v4H12L24 28H18Z"
theme: "M16 6a1 1 0 010 20Zm0-4a1 1 0 000 28A1 1 0 0016 2"
---
<!DOCTYPE html>
<html lang="en">
<head>
<title>
{{site.name}}
{%if title%}
- {{page.fileSlug|capitalize}}
{%endif%}
</title>
<link rel="icon" href="/assets/img/icon/sundae.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<link rel="stylesheet" href="/assets/css/reset.css">
<link rel="stylesheet" href="/assets/css/default/default.css">
<link rel="stylesheet" href="/assets/css/default/system.css" id="custom">
{%if page.url === "/home/"%}
<link rel="stylesheet" href="/assets/css/pokesprite-pokemon-gen8.css"/>
{%endif%}
{%set availableStyles = ['home', 'blog', 'gallery']%}
{%if page.url%}
{%if availableStyles.indexOf(page.url|firstSegment) !== -1%}
<link rel="stylesheet" href="/assets/css/default/{{page.url|firstSegment}}.css">
{%endif%}
{%endif%}
</head>
<body id="{{page.url|firstSegment}}">
<nav>
<details open="">
<summary>
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="{{paw}}"></svg>
Navigation
</summary>
{%set currentUrl%}{{page.url}}{%endset%}
{%set sortedPages = collections.pages|sort(attribute='data.order')%}
<ul role="list">
<li>
<a href="../">
<svg width="20" height="20" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="{{back}}"></path>
</svg>
Back
</a>
</li>
<li>
<button id="theme-toggle">
<svg width="20" height="20" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="{{theme}}"></svg>
Toggle theme
</button>
</li>
{%for page in sortedPages%}
<li>
<a {%if currentUrl === page.url%} aria-current="page" {%endif%} href="{{page.url}}">
<svg width="20" height="20" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="{{page.data.icon}}"></path>
</svg>
{{page.data.title}}</a>
</li>
{%endfor%}
<script src="/assets/js/theme.js"></script>
</li>
</ul>
</details>
<details open="">
<summary>
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="{{paw}}"></svg>
Outgoing
</summary>
<ul role="list">
{%for item in outgoing.items%}
<li>
<a href="{{item.src}}"><img src="{{item.icon}}" alt="">{{item.title}}</a>
</li>
{%endfor%}
</ul>
</details>
<script src="/assets/js/nav-details.js"></script>
</nav>
<main>
{{content | safe}}
</main>
</body>
</html>
</body>
</html>