Danielle McLean
c49e17db90
This is just an in-place upgrade to produce a roughly unchanged page design. Ideally I'm going to need to install Sass and use that, because Bootstrap 5 relies a bit more heavily on using its Sass sources if you want to customise things (which I do), but for now loading standard Bootstrap from the CDN is fine. I still prefer Stylus over both Sass and LESS, but the industry seem to have decided on using Sass, which probably means I'll be better off porting my customisations to Sass in the long run. Oh well.
164 lines
7.1 KiB
HTML
164 lines
7.1 KiB
HTML
<!doctype html>
|
|
<html{% block html_attr %} dir="ltr" lang="en" data-bs-theme="dark"{% endblock %}>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<title class="p-name">{% if title %}{{ title }} ~ {% endif %}{{ request.site.name }}</title>
|
|
{% if atom is defined %}
|
|
<link rel="alternate" type="application/atom+xml" href="{{ atom }}" />
|
|
{% endif %}
|
|
{% if rss is defined %}
|
|
<link rel="alternate" type="application/rss+xml" href="{{ rss }}" />
|
|
{% endif %}
|
|
{% block head %}{% endblock %}
|
|
|
|
<base href="{{ request.build_absolute_uri(url('home:index')) }}" />
|
|
<link rel="authorization_endpoint" href="{{ url('lemonauth:indie') }}" />
|
|
<link rel="canonical" href="{{ request.build_absolute_uri() }}" />
|
|
<link rel="hub" href="{{ settings.PUSH_HUB }}" />
|
|
<link rel="manifest" href="{{ url('wellknowns:manifest') }}" />
|
|
<link rel="micropub" href="{{ url('micropub:micropub') }}" />
|
|
<link rel="token_endpoint" href="{{ url('lemonauth:token') }}" />
|
|
|
|
<meta name="generator" content="{{ package.name }} {{ package.version }}" />
|
|
<meta name="theme-color" content="{{ theme_color(3) }}" />
|
|
{% for i in favicons %}
|
|
<link rel="{{ i.rel }}" type="{{ i.mime }}" sizes="{{ i.sizes }}" href="{{ i.url }}" />
|
|
{% endfor %}
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/monokai.min.css"
|
|
integrity="sha384-bHqbpRh/XW+phptvH9nQvMKHwPH1ZbOxpIeAB2D2OIEL4Ni7aZzZgMFpsRra+v1g" crossorigin="anonymous">
|
|
<link rel="stylesheet" type="text/css" href="https://unpkg.com/openwebicons@1.6.0/css/openwebicons.min.css"
|
|
integrity="sha384-NkRWM9o4Kfak7GwS+un+sProBBpj02vc/e1EoXvdCUSdRk0muOfkKJ5NtpueAuka" crossorigin="anonymous">
|
|
<link rel="stylesheet" type="text/css" href="https://unpkg.com/tippy.js@3.4.1/dist/tippy.css"
|
|
integrity="sha384-hm3Wtrva6FibonAOqHHXSpMxvGbz2g7l5FK5avbuNviir5MK6Ap4o3EOohztzHHm" crossorigin="anonymous">
|
|
{% compress css %}
|
|
<link rel="stylesheet" type="text/stylus" href="{{ static('lemoncurry/css/layout.styl') }}">
|
|
{% block styles %}{% endblock %}
|
|
{% endcompress %}
|
|
|
|
<script type="text/javascript" defer src="https://kit.fontawesome.com/a3aade9b41.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body{% block body_attr %}{% endblock %}>
|
|
<header>
|
|
<nav class="navbar navbar-expand-md"><div class="container-fluid">
|
|
<a class="navbar-brand" rel="home" href="{{ url('home:index') }}">{{ request.site.name }}</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
|
|
aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
{% activeurl %}
|
|
<div class="collapse navbar-collapse" id="navbar">
|
|
<ul class="navbar-nav">
|
|
{% for kind in entry_kinds %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ kind.index }}">
|
|
<i class="{{ kind.icon }} fa-fw" aria-hidden="true"></i>
|
|
{{ kind.plural }}
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<ul class="navbar-nav">
|
|
{% if request.user.is_authenticated %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url('lemonauth:tokens') }}">
|
|
<i class="fas fa-cookie-bite fa-fw" aria-hidden="true"></i>
|
|
tokens
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url('admin:index') }}">
|
|
<i class="fas fa-cog fa-fw" aria-hidden="true"></i>
|
|
admin
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url('lemonauth:logout') }}">
|
|
<i class="fas fa-sign-out-alt fa-fw" aria-hidden="true"></i>
|
|
log out
|
|
</a>
|
|
</li>
|
|
{% else %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url('lemonauth:login') }}">
|
|
<i class="fas fa-sign-in-alt fa-fw" aria-hidden="true"></i>
|
|
log in
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
{% endactiveurl %}
|
|
|
|
</div></nav>
|
|
</header>
|
|
|
|
<main>
|
|
{% block main %}
|
|
{% endblock %}
|
|
</main>
|
|
|
|
<footer>
|
|
<p>all content licensed under <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa 4.0</a></p>
|
|
{% if entries is defined and entries.has_other_pages() %}
|
|
|
|
<nav>
|
|
<ul class="pagination">
|
|
{% if entries.prev %}
|
|
<li class="page-item">
|
|
<a class="page-link" rel="prev" href="{{ entries.prev.url }}">
|
|
<i class="fas fa-step-backward" aria-hidden="true"></i> <span class="sr-only">previous page</span>
|
|
</a>
|
|
</li>
|
|
|
|
{% endif %}
|
|
{% for page in entries.pages %}
|
|
{% if page.current %}
|
|
<li class="page-item active">
|
|
<span class="page-link">{{ page.i }} <span class="sr-only">(current page)</span></span>
|
|
</li>
|
|
{% else %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="{{ page.url }}">{{ page.i }}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% if entries.next %}
|
|
|
|
<li class="page-item">
|
|
<a class="page-link" rel="next" href="{{ entries.next.url }}">
|
|
<i class="fas fa-step-forward" aria-hidden="true"></i> <span class="sr-only">next page</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
|
|
{% endif %}
|
|
<p>powered by <a rel="code-repository" href="{{ package.repository }}/src/tag/v{{ package.version }}">{{ package.name }} {{ package.version }}</a></p>
|
|
</footer>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"
|
|
integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"
|
|
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js" crossorigin="anonymous"
|
|
integrity="sha384-BlPof9RtjBqeJFskKv3sK3dh4Wk70iKlpIe92FeVN+6qxaGUOUu+mZNpALZ+K7ya"></script>
|
|
<script src="https://unpkg.com/tippy.js@3.4.1/dist/tippy.standalone.min.js" crossorigin="anonymous"
|
|
integrity="sha384-x7dGoSfOWUdyPccAel9dkWte6n8GxDWbByavEixRzW0O9xvPGzg3y0qzZBwGNUw9"></script>
|
|
{% compress js %}
|
|
<script type="text/javascript">
|
|
hljs.initHighlightingOnLoad();
|
|
</script>
|
|
{% block foot %}
|
|
{% endblock %}
|
|
{% endcompress %}
|
|
</body>
|
|
</html>
|