Governance/_layouts/default.html
2024-10-16 05:32:31 -04:00

92 lines
5.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<title>{{ page.title }} - {{ site.data.project.title }}</title>
{% if site.data.project.description %}
<meta name="description" content="{{ site.data.project.description }}">
{% endif %}
{% unless site.data.dev.dev_mode %}
<base href="https://governance.aspirepress.org/" />
{% endunless %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" href="{{ site.data.manifest['docs.css'] }}"/>
</head>
<body class="min-h-screen text-base text-indigo-body-text min-w-full leading-normal bg-indigo-lightest">
{% include size-helper.html %}
<div class="pb-1 z-10 top-0 w-screen bg-white border-indigo-lighter border-b">
<div class="max-w-2xl mx-auto px-4 py-2">
<div class="flex items-center flex-no-shrink top-0">
<a href="/" class="flex items-center h-14">
<img class="mr-3 h-14" src="/img/aspirepress.png"/>
<span class="pr-2 font-normal overflow-hidden font-heading text-3xl text-indigo-darkest -sm:hidden">
AspirePress Governance
</span>
</a>
<div class="flex-grow"></div>
<div class="flex-no-shrink flex-no-grow h-10 px-4 relative">
<input id="global-search" class="focus:outline-0 h-10 py-2 pl-8 pr-2 text-indigo-darker rounded bg-indigo-lightest focus:border-indigo-light focus:bg-white focus:placeholder-none max-w-xs w-full appearance-none" type="text" placeholder="Search the docs" />
<span class="pointer-events-none absolute inset-y-0 left-0 pl-6 flex items-center">
<svg class="fill-current pointer-events-none text-indigo-light w-4 h-4 border-transparent border" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/></svg>
</span>
</div>
<a href="#" id="menu-toggle" class="block md:hidden h-8 w-8 border p-1 border-transparent text-grey hover:text-grey menu-closed">
<svg class="menu-closed:shown fill-current h-full w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/>
</svg>
<svg class="menu-closed:hidden fill-current h-full w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"/>
</svg>
</a>
</div>
</div>
</div>
<main class="mx-auto max-w-2xl px-4 py-8">
<div class="flex flex-grow">
<nav role="navigation" id="navigation" class="md:w-4/14 w-full lg:relative hidden md:block font-heading pt-2">
<menu class="pl-0 mt-0">
{% assign menu = site.data.menu %}
{% for section in menu %}
<h2 class="tracking-wide mb-0 mt-0 text-sm leading-loose tracking-wide text-indigo-light uppercase">{{ section[0] }}</h2>
<ul class="list-reset mb-6 block pr-6">
{% for link in section[1] %}
<li class="block">
<a class="leading-loose block w-full rounded text-md {% if page.url == link[1] %}text-white bg-indigo pl-2 -ml-2{% else %}text-indigo-darkest{% endif %}"
href="{{ link[1] }}">{{ link[0] }}</a>
</li>
{% endfor %}
</ul>
{% endfor %}
</menu>
</nav>
<article id="article" role="main" class="max-w-full md:block md:w-10/14">
{% if page.url contains "/v1/" %}
<blockquote class="bg-yellow-dark px-4 py-2 rounded text-yellow-darkest mb-4">
<strong>WARNING</strong>: you're viewing docs for an outdated version.
View the <a class="text-yellow-darker font-bold" href="{{ page.url | replace: "/v1/", "/" }}">docs for the current version</a>.
</blockquote>
{% endif %}
{% unless page.hide_title %}
<h1 class="mb-4">{% if page.alternate_title %}{{ page.alternate_title }}{% else %}{{ page.title }}{% endif %}{% if page.url contains "/v1/" %} (V1){% endif %}</h1>
{% endunless %}
{{ content }}
</article>
</div>
</main>
<footer class="bg-indigo-darkest text-white">
</footer>
<script type="text/javascript" src="{{ site.data.manifest['docs.js'] }}"></script>
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript"> docsearch({
apiKey: 'be7daf2d7afded0acb0589a0e304a423',
indexName: 'filesystem_thephpleague',
inputSelector: '#global-search',
debug: {% if site.data.dev.dev_mode %}true{% else %}false{% endif %}
});
</script>!-->
</body>
</html>