Initialer Laravel Commit für BetiX

2026-04-04 18:01:50 +02:00
commit 0280278978
374 changed files with 65210 additions and 0 deletions
--- a/resources/js/pages/GeoBlocked.vue
+++ b/resources/js/pages/GeoBlocked.vue
@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import { Head } from '@inertiajs/vue3';
+
+const props = defineProps<{
+    message?: string;
+    reason?: 'vpn' | 'country' | string;
+}>();
+
+const title = props.reason === 'vpn' ? 'VPN erkannt' : 'Region gesperrt';
+const icon  = props.reason === 'vpn' ? '🛡️' : '🌍';
+</script>
+
+<template>
+    <Head title="Zugang gesperrt" />
+
+    <div class="blocked-page">
+        <div class="noise"></div>
+        <div class="glow"></div>
+
+        <div class="card">
+            <div class="icon-wrap">
+                <span class="icon">{{ icon }}</span>
+            </div>
+
+            <h1 class="title">{{ title }}</h1>
+
+            <p class="message">
+                {{ message || 'Dieser Dienst ist in deiner Region nicht verfügbar.' }}
+            </p>
+
+            <div class="divider"></div>
+
+            <p class="sub">
+                <span v-if="reason === 'vpn'">
+                    Bitte deaktiviere dein VPN oder deinen Proxy und versuche es erneut.
+                </span>
+                <span v-else>
+                    Falls du glaubst, dass dies ein Fehler ist, kontaktiere bitte den Support.
+                </span>
+            </p>
+
+            <div class="code">403</div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+.blocked-page {
+    min-height: 100vh;
+    background: #050505;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: 'Inter', sans-serif;
+    position: relative;
+    overflow: hidden;
+}
+
+.noise {
+    position: absolute;
+    inset: 0;
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
+    opacity: 0.4;
+    pointer-events: none;
+}
+
+.glow {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -60%);
+    width: 600px;
+    height: 600px;
+    border-radius: 50%;
+    background: radial-gradient(circle, rgba(223,0,106,0.12) 0%, transparent 70%);
+    pointer-events: none;
+}
+
+.card {
+    position: relative;
+    z-index: 10;
+    background: rgba(15, 15, 16, 0.95);
+    border: 1px solid rgba(255, 255, 255, 0.07);
+    border-radius: 20px;
+    padding: 48px 40px;
+    max-width: 480px;
+    width: 90%;
+    text-align: center;
+    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(223,0,106,0.1);
+    backdrop-filter: blur(10px);
+}
+
+.icon-wrap {
+    width: 80px;
+    height: 80px;
+    background: rgba(223,0,106,0.08);
+    border: 1px solid rgba(223,0,106,0.2);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 24px;
+    animation: pulse 3s ease-in-out infinite;
+}
+
+@keyframes pulse {
+    0%, 100% { box-shadow: 0 0 0 0 rgba(223,0,106,0.2); }
+    50% { box-shadow: 0 0 0 12px rgba(223,0,106,0); }
+}
+
+.icon {
+    font-size: 36px;
+    line-height: 1;
+}
+
+.title {
+    font-size: 28px;
+    font-weight: 900;
+    color: #fff;
+    letter-spacing: -0.5px;
+    margin-bottom: 16px;
+}
+
+.message {
+    color: #a1a1aa;
+    font-size: 15px;
+    line-height: 1.6;
+    margin-bottom: 24px;
+}
+
+.divider {
+    height: 1px;
+    background: rgba(255,255,255,0.06);
+    margin: 0 0 20px;
+}
+
+.sub {
+    color: #52525b;
+    font-size: 13px;
+    line-height: 1.6;
+    margin-bottom: 32px;
+}
+
+.code {
+    font-size: 72px;
+    font-weight: 900;
+    color: rgba(223,0,106,0.12);
+    letter-spacing: -4px;
+    line-height: 1;
+    user-select: none;
+}
+</style>