Jonny Barnes
d2bc91794b
Libron is the body serif and Cal Sans is used for headings and the header nav, both under the SIL OFL with licences alongside the font files. Both are preloaded so the header doesn't shift while Cal Sans loads. Also nudge note text up and note/article metadata down in size. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
100 lines
5.8 KiB
PHP
100 lines
5.8 KiB
PHP
<!doctype html>
|
|
<html lang="en-GB">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<title>@yield('title'){{ config('app.name') }}</title>
|
|
<link rel="preload" href="/assets/fonts/libron/Libron-Regular.woff2" as="font" type="font/woff2" crossorigin>
|
|
<link rel="preload" href="/assets/fonts/cal-sans/CalSansVF.woff2" as="font" type="font/woff2" crossorigin>
|
|
<link rel="stylesheet" href="/assets/highlight/nord.css">
|
|
<link rel="stylesheet" href="/assets/css/app.css">
|
|
<link rel="alternate" type="application/feed+json" title="Blog JSON Feed" href="{{ route('feed.blog.json') }}">
|
|
<link rel="alternate" type="application/jf2feed+json" title="Blog JF2 Feed" href="{{ route('feed.blog.jf2') }}">
|
|
<link rel="alternate" type="application/feed+json" title="Notes JSON Feed" href="{{ route('feed.notes.json') }}">
|
|
<link rel="alternate" type="application/jf2feed+json" title="Notes JF2 Feed" href="{{ route('feed.notes.jf2') }}">
|
|
<link rel="indieauth-metadata" href="{{ route('indieauth.metadata') }}">
|
|
<link rel="authorization_endpoint" href="{{ route('indieauth.start') }}">
|
|
<link rel="token_endpoint" href="{{ route('indieauth.token') }}">
|
|
<link rel="micropub" href="{{ route('micropub-endpoint') }}">
|
|
<link rel="webmention" href="{{ route('webmention-endpoint') }}">
|
|
@if (File::exists(public_path('assets/img/favicon.png')))
|
|
<link rel="icon" href="{{ config('app.url') }}/assets/img/favicon.png">
|
|
@endif
|
|
@if (File::exists(public_path('gpg.key')))
|
|
<link rel="pgpkey" href="{{ config('app.url')}}/gpg.key">
|
|
@endif
|
|
@stack('head')
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>
|
|
<a rel="author" href="/">{{ config('user.display_name') }}</a>
|
|
</h1>
|
|
<nav>
|
|
<a href="/">All</a>
|
|
<a href="/notes">Notes</a>
|
|
<a href="/blog">Articles</a>
|
|
<a href="/bookmarks">Bookmarks</a>
|
|
<a href="/likes">Likes</a>
|
|
<a href="/contacts">Contacts</a>
|
|
<a href="/projects">Projects</a>
|
|
<a href="/about">About</a>
|
|
<a href="{{ route('feed.notes.json') }}" class="rss-icon">@include('icons.json-feed', ['title' => 'JSON Feed'])</a>
|
|
</nav>
|
|
<div id="theme-selector" role="region" aria-label="Theme switcher">
|
|
<button id="btn-light" aria-label="Light mode" aria-pressed="false">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M12 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 12 2m5 10a5 5 0 1 1-10 0a5 5 0 0 1 10 0m4.25.75a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zM12 19a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 12 19m-7.75-6.25a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zm-.03-8.53a.75.75 0 0 1 1.06 0l1.5 1.5a.75.75 0 0 1-1.06 1.06l-1.5-1.5a.75.75 0 0 1 0-1.06m1.06 15.56a.75.75 0 1 1-1.06-1.06l1.5-1.5a.75.75 0 1 1 1.06 1.06zm14.5-15.56a.75.75 0 0 0-1.06 0l-1.5 1.5a.75.75 0 0 0 1.06 1.06l1.5-1.5a.75.75 0 0 0 0-1.06m-1.06 15.56a.75.75 0 1 0 1.06-1.06l-1.5-1.5a.75.75 0 1 0-1.06 1.06z"/></svg>
|
|
</button>
|
|
<button id="btn-dark" aria-label="Dark mode" aria-pressed="false">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A10 10 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146c1.233-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927a9.96 9.96 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662"/></svg>
|
|
</button>
|
|
<span id="theme-status" class="sr-only" aria-live="polite"></span>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
@yield('content')
|
|
|
|
@isset($bio)
|
|
<div class="h-card">
|
|
{!! $bio !!}
|
|
</div>
|
|
@endisset
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="footer-actions">
|
|
<search>
|
|
<form action="/search" method="get">
|
|
<input type="search" id="search" name="q" aria-label="Search">
|
|
<button type="submit">Search</button>
|
|
</form>
|
|
</search>
|
|
@auth()
|
|
<a href="/logout" class="auth">Logout</a>
|
|
@else
|
|
<a href="/login" class="auth">Login</a>
|
|
@endauth
|
|
</div>
|
|
<p>Built with love: <a href="/colophon">Colophon</a></p>
|
|
<a href="https://indieweb.org"><img src="/assets/img/iwc.svg" alt="Indie Web Camp logo" class="iwc-logo"></a>
|
|
</footer>
|
|
|
|
<!--scripts go here when needed-->
|
|
@section('scripts')
|
|
<script type="module" src="/assets/js/app.js"></script>
|
|
|
|
@if($winterEffectEnabled ?? false)
|
|
<script type="module" src="/assets/js/is-land.min.js"></script>
|
|
<script type="module" src="/assets/js/winter.js"></script>
|
|
<is-land on:media="(prefers-reduced-motion: no-preference)">
|
|
<snow-fall
|
|
count="150"
|
|
style="--snow-fall-color: var(--clr-snow-fall)"
|
|
></snow-fall>
|
|
</is-land>
|
|
@endif
|
|
@show
|
|
</body>
|
|
</html>
|