diff --git a/src/lib/protected/menczer.jpg b/src/lib/protected/menczer.jpg new file mode 100644 index 0000000..4283cff Binary files /dev/null and b/src/lib/protected/menczer.jpg differ diff --git a/src/lib/protected/petiszivem.jpg b/src/lib/protected/petiszivem.jpg new file mode 100644 index 0000000..dc75ec3 Binary files /dev/null and b/src/lib/protected/petiszivem.jpg differ diff --git a/src/lib/protected/tomcica.webp b/src/lib/protected/tomcica.webp new file mode 100644 index 0000000..961b7c2 Binary files /dev/null and b/src/lib/protected/tomcica.webp differ diff --git a/src/routes/api/login/+server.js b/src/routes/api/login/+server.js index 07e11df..5950ddb 100644 --- a/src/routes/api/login/+server.js +++ b/src/routes/api/login/+server.js @@ -1266,7 +1266,342 @@ USE_SSL=false # majd ha lesz rá idő` ` } }); - + } + + // Menczer case + if (username === 'menczer' && password === 'tamas') { + return json({ + success: true, + type: 'admin', + content: { + html: ` +
+ +
+
+
+

Menczer Tamás

+
+
+
+ Menczer Tamás + +
+
+
+ `, + 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: 600px; + 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; + } + + .menczer-container { + display: flex; + align-items: center; + justify-content: center; + padding: 0; + background-color: white; + } + + .menczer-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('.menczer-image'); + fetch('/api/protected-image?image=menczer.jpg', { + headers: { + 'x-auth': 'menczer-authenticated' + } + }) + .then(response => response.blob()) + .then(blob => { + img.src = URL.createObjectURL(blob); + }) + .catch(error => { + console.error('Error loading image:', error); + img.style.display = 'none'; + document.querySelector('.error-message').style.display = 'block'; + }); + ` + } + }); + } + + // Tomcat case + if (username === 'tomcat' && password === 'tomcat') { + return json({ + success: true, + type: 'admin', + content: { + html: ` +
+ +
+
+
+

Tomcica

+
+
+
+ Tomcica + +
+
+
+ `, + 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: 600px; + 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; + } + + .tomcat-container { + display: flex; + align-items: center; + justify-content: center; + padding: 0; + background-color: white; + } + + .tomcat-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('.tomcat-image'); + fetch('/api/protected-image?image=tomcica.webp', { + headers: { + 'x-auth': 'tomcat-authenticated' + } + }) + .then(response => response.blob()) + .then(blob => { + img.src = URL.createObjectURL(blob); + }) + .catch(error => { + console.error('Error loading image:', error); + img.style.display = 'none'; + document.querySelector('.tomcat-error').style.display = 'block'; + }); + ` + } + }); + } + + // Arad case + if (username === 'arad' && password === 'atisza') { + return json({ + success: true, + type: 'admin', + content: { + html: ` +
+ +
+
+
+

Peti Szívem ❤️

+
+
+
+ Peti Szívem + +
+
+
+ `, + 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: 600px; + 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; + } + + .peti-container { + display: flex; + align-items: center; + justify-content: center; + padding: 0; + background-color: white; + } + + .peti-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('.peti-image'); + fetch('/api/protected-image?image=petiszivem.jpg', { + headers: { + 'x-auth': 'arad-authenticated' + } + }) + .then(response => response.blob()) + .then(blob => { + img.src = URL.createObjectURL(blob); + }) + .catch(error => { + console.error('Error loading image:', error); + img.style.display = 'none'; + document.querySelector('.peti-error').style.display = 'block'; + }); + ` + } + }); } // Failed login - return success: false diff --git a/src/routes/api/protected-image/+server.js b/src/routes/api/protected-image/+server.js index 90c068e..3e75d19 100644 --- a/src/routes/api/protected-image/+server.js +++ b/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', '9s.gif'].includes(imageName)) { + if (!imageName || !['skelly.jpg', 'klima.png', 'p1.png', 'p2.png', 'milka.jpg', '9s.gif', 'menczer.jpg', 'tomcica.webp', 'petiszivem.jpg'].includes(imageName)) { throw redirect(307, '/'); } @@ -17,7 +17,10 @@ export async function GET({ request, url }) { 'p1.png': 'pearoo-authenticated', 'p2.png': 'pearoo-authenticated', 'milka.jpg': 'milka-authenticated', - '9s.gif': '9suw9suw9-authenticated' + '9s.gif': '9suw9suw9-authenticated', + 'menczer.jpg': 'menczer-authenticated', + 'tomcica.webp': 'tomcat-authenticated', + 'petiszivem.jpg': 'arad-authenticated' }; if (!authHeader || authHeader !== validAuth[imageName]) { @@ -29,7 +32,18 @@ export async function GET({ request, url }) { const imageBuffer = await fs.readFile(imagePath); - const contentType = imageName.endsWith('.jpg') ? 'image/jpeg' : 'image/png'; + let contentType; + if (imageName.endsWith('.jpg')) { + contentType = 'image/jpeg'; + } else if (imageName.endsWith('.png')) { + contentType = 'image/png'; + } else if (imageName.endsWith('.gif')) { + contentType = 'image/gif'; + } else if (imageName.endsWith('.webp')) { + contentType = 'image/webp'; + } else { + contentType = 'application/octet-stream'; + } return new Response(imageBuffer, { headers: {