33 lines
1.4 KiB
PHP
33 lines
1.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<title>{{ $title ?? 'BloomFeed' }}</title>
|
|
<link rel="icon" href="{{ asset('images/icon.png') }}">
|
|
<link rel="apple-touch-icon" href="{{ asset('images/icon.png') }}">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ asset('css/theme.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
|
<script>
|
|
(function () {
|
|
var stored = localStorage.getItem('bloomfeed-theme');
|
|
var theme = stored || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
|
document.documentElement.setAttribute('data-theme', theme);
|
|
})();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="guest-topbar">
|
|
@include('partials.locale-selector')
|
|
<button type="button" class="theme-toggle" data-theme-toggle title="{{ __('app.change_theme') }}">◐</button>
|
|
</div>
|
|
<div class="centered-shell">
|
|
@yield('content')
|
|
</div>
|
|
<script src="{{ asset('js/theme-toggle.js') }}" defer></script>
|
|
</body>
|
|
</html>
|