76 lines
2.8 KiB
PHP
76 lines
2.8 KiB
PHP
<!doctype html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="icon" href="/api/favicon" type="image/svg+xml">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet" />
|
|
<title>{{ $settings['application_name'] }} - Wird vorbereitet</title>
|
|
@vite('resources/js/app.js')
|
|
<script>
|
|
function reload() {
|
|
window.location.reload();
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body data-settings='{!! json_encode($settings) !!}'>
|
|
<style>
|
|
body {
|
|
font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
|
|
background: #060913 radial-gradient(circle at 50% 30%, rgba(0, 242, 254, 0.15) 0%, transparent 60%) !important;
|
|
color: #f8fafc !important;
|
|
min-height: 100vh !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
}
|
|
.share-not-ready {
|
|
width: min(540px, 92vw) !important;
|
|
background: rgba(15, 23, 42, 0.85) !important;
|
|
backdrop-filter: blur(28px) saturate(180%) !important;
|
|
border: 1px solid rgba(0, 242, 254, 0.3) !important;
|
|
border-radius: 24px !important;
|
|
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7), 0 0 35px rgba(0, 242, 254, 0.2) !important;
|
|
padding: 44px 40px !important;
|
|
text-align: center !important;
|
|
}
|
|
.share-not-ready h1 {
|
|
font-size: 1.8rem !important;
|
|
font-weight: 700 !important;
|
|
color: #00f2fe !important;
|
|
margin-bottom: 12px !important;
|
|
}
|
|
.share-not-ready p {
|
|
color: #94a3b8 !important;
|
|
font-size: 1rem !important;
|
|
line-height: 1.6 !important;
|
|
}
|
|
.btn-reload {
|
|
margin-top: 20px !important;
|
|
background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%) !important;
|
|
color: #030712 !important;
|
|
font-weight: 700 !important;
|
|
padding: 12px 28px !important;
|
|
border-radius: 12px !important;
|
|
border: none !important;
|
|
cursor: pointer !important;
|
|
box-shadow: 0 4px 20px rgba(0, 242, 254, 0.35) !important;
|
|
}
|
|
</style>
|
|
<div class="share-not-ready">
|
|
<div class="share-status-inner">
|
|
<h1>Transfer Wird Vorbereitet...</h1>
|
|
<p>Die Dateien werden gerade verarbeitet oder hochgeladen.<br><small style="color: #64748b;">Diese Seite aktualisiert sich in Kürze automatisch.</small></p>
|
|
<button class="btn-reload" onclick="reload()">Neu Laden</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|