fdfe3cd7c7
Prompt: all resources in homepage that are using domain clockify.me should be downloaded and served locally instead. Look through other resources as well and if they are not common and public library, download those resources and serve them localy Stats: Context: 66,431 tokens Time: 18m 17s
48 lines
1.7 KiB
PHP
48 lines
1.7 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" @class(['dark' => ($appearance ?? 'system') == 'dark'])>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
{{-- Inline script to detect system dark mode preference and apply it immediately --}}
|
|
<script>
|
|
(function() {
|
|
const appearance = '{{ $appearance ?? "system" }}';
|
|
|
|
if (appearance === 'system') {
|
|
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
|
|
if (prefersDark) {
|
|
document.documentElement.classList.add('dark');
|
|
}
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
{{-- Inline style to set the HTML background color based on our theme in app.css --}}
|
|
<style>
|
|
html {
|
|
background-color: oklch(1 0 0);
|
|
}
|
|
|
|
html.dark {
|
|
background-color: oklch(0.145 0 0);
|
|
}
|
|
</style>
|
|
|
|
<link rel="icon" href="/favicon.ico" sizes="any">
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
|
|
<link href="/fonts/instrument-sans/css.css" rel="stylesheet" />
|
|
|
|
@vite(['resources/css/app.css', 'resources/js/app.ts', "resources/js/pages/{$page['component']}.vue"])
|
|
<x-inertia::head>
|
|
<title>{{ config('app.name', 'Laravel') }}</title>
|
|
</x-inertia::head>
|
|
</head>
|
|
<body class="font-sans antialiased">
|
|
<x-inertia::app />
|
|
</body>
|
|
</html>
|