LightWiki/view/base.twig
2024-03-09 12:09:34 +01:00

74 lines
2.4 KiB
Twig

<!DOCTYPE html>
<html>
<head>
<title>{{ meta.title }}</title>
<meta name="theme-color" content="{{ meta.color }}">
<meta name="description" content="{{ meta.desc }}">
<meta property="og:site_name" content="{{ meta.site_name }}">
<meta property="og:title" content="{{ meta.title }}">
<meta property="og:description" content="{{ meta.desc }}">
<meta property="og:image" content="{{ meta.image }}">
<meta property="twitter:site_name" content="{{ meta.site_name }}">
<meta property="twitter:title" content="{{ meta.title }}">
<meta property="twitter:description" content="{{ meta.desc }}">
<meta property="twitter:image" content="{{ meta.image }}">
<meta property="twitter:card" content="summary">
<meta name="author" content="{{ meta.author }}">
<link rel="icon" href="{{ meta.icon }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/markdown.css">
<link rel="stylesheet" href="/assets/style.css">
</head>
<body>
<nav>
<div class="left">
<label for="menu-toggle" class="menu icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z"/></svg>
</label>
<a href="/" class="logo">
<img src="{{ config.site.logo }}">
<div>{{ config.site.name }}</div>
</a>
</div>
<div class="right">
{% include "links.twig" %}
</div>
</nav>
<input id="menu-toggle" type="checkbox" />
<div class="wrapper">
<div class="sidebar{% if not menu %} hidden{% endif %}" >
<div class="inner">
{% if config.links %}
<div class="section links">
{% include "links.twig" %}
</div>
{% endif %}
{% if menu %}
<div class="section group">
{% for group in menu %}
{% if group.title %}
<div class="title">{{ group.title }}</div>
{% endif %}
{% if group.items %}
<ul>
{% for link in group.items %}
<li{% if link.link | isActive %} class="active"{% endif %}>
<a href="{{ link.link }}">{{ link.text }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
<div class="content">
<div class="inner">
{% block content %}{% endblock %}
</div>
</div>
</div>
<script src="/assets/client.js"></script>
</body>
</html>