9suw9suw9

src/routes/api/login/+server.js

@@ -1127,6 +1127,114 @@ USE_SSL=false  # majd ha lesz rá idő`
         });
     }
 
+    // 9suw9suw9 case
+    if (username === '9suw9suw9' && password === '9suw9suw9') {
+        return json({
+            success: true,
+            type: 'admin',
+            content: {
+                html: `
+                    <div class="logo-container">
+                        <img src="/logo.png" class="logo" alt="KRETÉN logo">
+                    </div>
+                    <div class="login-container admin-panel">
+                        <div class="login-header">
+                            <h2>9suw9suw9</h2>
+                        </div>
+                        <div class="login-form" style="padding: 0;">
+                            <div class="gif-container">
+                                <img alt="9S" class="gif-image" 
+                                     onload="this.style.opacity = '1'"
+                                     onerror="this.style.display = 'none'"
+                                     style="opacity: 0; transition: opacity 0.3s ease;">
+                            </div>
+                        </div>
+                    </div>
+                `,
+                css: `
+                    .logo-container {
+                        margin-bottom: 2rem;
+                        text-align: center;
+                        padding: 0 1rem;
+                    }
+
+                    .logo {
+                        max-width: 100%;
+                        height: auto;
+                        width: auto;
+                        max-height: 120px;
+                    }
+
+                    .admin-panel {
+                        background-color: white;
+                        border-radius: 4px;
+                        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+                        width: 100%;
+                        max-width: 800px;
+                        overflow: hidden;
+                        margin: 0 1rem;
+                    }
+
+                    .login-header {
+                        background-color: #30b0d5;
+                        color: white;
+                        padding: 1rem;
+                        text-align: center;
+                    }
+
+                    .login-header h2 {
+                        font-size: clamp(1rem, 4vw, 1.2rem);
+                        font-weight: normal;
+                        margin: 0;
+                        line-height: 1.3;
+                    }
+
+                    .gif-container {
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        padding: 1rem;
+                        background-color: white;
+                    }
+
+                    .gif-image {
+                        max-width: 100%;
+                        height: auto;
+                        object-fit: contain;
+                        display: block;
+                    }
+
+                    @media (max-width: 640px) {
+                        .logo-container {
+                            margin-bottom: 1.5rem;
+                        }
+
+                        .admin-panel {
+                            margin: 0 0.5rem;
+                        }
+                    }
+                `,
+                js: `
+                    // Load image with authentication
+                    const img = document.querySelector('.gif-image');
+                    fetch('/api/protected-image?image=9s.gif', {
+                        headers: {
+                            'x-auth': '9suw9suw9-authenticated'
+                        }
+                    })
+                    .then(response => response.blob())
+                    .then(blob => {
+                        img.src = URL.createObjectURL(blob);
+                    })
+                    .catch(error => {
+                        console.error('Error loading image:', error);
+                        img.style.display = 'none';
+                    });
+                `
+            }
+        });
+    }
+
     // Failed login - return success: false
     return json({
         success: false

src/routes/api/protected-image/+server.js

@@ -7,7 +7,7 @@ export async function GET({ request, url }) {
     const authHeader = request.headers.get('x-auth');
     const imageName = url.searchParams.get('image');
     
-    if (!imageName || !['skelly.jpg', 'klima.png', 'p1.png', 'p2.png', 'milka.jpg'].includes(imageName)) {
+    if (!imageName || !['skelly.jpg', 'klima.png', 'p1.png', 'p2.png', 'milka.jpg', '9s.gif'].includes(imageName)) {
         throw redirect(307, '/');
     }
 
@@ -16,7 +16,8 @@ export async function GET({ request, url }) {
         'klima.png': 'klima-authenticated',
         'p1.png': 'pearoo-authenticated',
         'p2.png': 'pearoo-authenticated',
-        'milka.jpg': 'milka-authenticated'
+        'milka.jpg': 'milka-authenticated',
+        '9s.gif': '9suw9suw9-authenticated'
     };
 
     if (!authHeader || authHeader !== validAuth[imageName]) {