60 lines
2.3 KiB
PHP
60 lines
2.3 KiB
PHP
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>@yield('title', 'Fotospiel - Event-Fotos einfach und sicher mit QR-Codes')</title>
|
|
<meta name="description" content="Sammle Gastfotos für Events mit QR-Codes und unserer PWA-Plattform. Für Hochzeiten, Firmenevents und mehr. Kostenloser Einstieg.">
|
|
<link rel="icon" href="{{ asset('logo.svg') }}" type="image/svg+xml">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
@vite(['resources/css/app.css', 'resources/js/app.tsx'])
|
|
|
|
@php
|
|
$currentLocale = app()->getLocale();
|
|
$path = request()->path();
|
|
$supportedLocales = ['de', 'en'];
|
|
@endphp
|
|
|
|
<link rel="canonical" href="{{ url($path) }}">
|
|
@foreach($supportedLocales as $locale)
|
|
<link rel="alternate" hreflang="{{ $locale }}" href="{{ url("/$locale$path") }}">
|
|
@endforeach
|
|
<link rel="alternate" hreflang="x-default" href="{{ url('/de' . $path) }}">
|
|
<style>
|
|
@keyframes aurora {
|
|
0%, 100% { background-position: 0% 50%; }
|
|
50% { background-position: 100% 50%; }
|
|
}
|
|
.bg-aurora {
|
|
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
|
|
background-size: 400% 400%;
|
|
animation: aurora 15s ease infinite;
|
|
}
|
|
</style>
|
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
</head>
|
|
<body class="bg-gray-50 text-gray-900">
|
|
<noscript>
|
|
<div class="bg-yellow-100 text-yellow-900 text-sm md:text-base">
|
|
<div class="mx-auto max-w-5xl px-4 py-3">
|
|
@if ($currentLocale === 'en')
|
|
<strong>JavaScript disabled.</strong>
|
|
This site offers limited functionality without JavaScript. Please enable JavaScript for the full experience.
|
|
@else
|
|
<strong>JavaScript deaktiviert.</strong>
|
|
Diese Seite bietet nur eingeschränkte Funktionen ohne JavaScript. Bitte aktiviere JavaScript, um alle Inhalte zu nutzen.
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</noscript>
|
|
|
|
<main>
|
|
@yield('content')
|
|
</main>
|
|
|
|
@include('partials.footer')
|
|
|
|
@stack('scripts')
|
|
</body>
|
|
</html>
|