some new stuff yall
This commit is contained in:
parent
6f774f8468
commit
9385b666f1
5 changed files with 353 additions and 4 deletions
BIN
src/lib/protected/menczer.jpg
Normal file
BIN
src/lib/protected/menczer.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
src/lib/protected/petiszivem.jpg
Normal file
BIN
src/lib/protected/petiszivem.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
src/lib/protected/tomcica.webp
Normal file
BIN
src/lib/protected/tomcica.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
|
|
@ -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: `
|
||||
<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>Menczer Tamás</h2>
|
||||
</div>
|
||||
<div class="login-form" style="padding: 0;">
|
||||
<div class="menczer-container">
|
||||
<img alt="Menczer Tamás" class="menczer-image"
|
||||
onload="this.style.opacity = '1'"
|
||||
onerror="this.style.display = 'none'; document.querySelector('.error-message').style.display = 'block';"
|
||||
style="opacity: 0; transition: opacity 0.3s ease;">
|
||||
<div class="error-message" style="display: none; color: #e74c3c; padding: 1rem; text-align: center;">
|
||||
Nem sikerült betölteni a képet.
|
||||
</div>
|
||||
</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: 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: `
|
||||
<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>Tomcica</h2>
|
||||
</div>
|
||||
<div class="login-form" style="padding: 0;">
|
||||
<div class="tomcat-container">
|
||||
<img alt="Tomcica" class="tomcat-image"
|
||||
onload="this.style.opacity = '1'"
|
||||
onerror="this.style.display = 'none'; document.querySelector('.tomcat-error').style.display = 'block';"
|
||||
style="opacity: 0; transition: opacity 0.3s ease;">
|
||||
<div class="tomcat-error" style="display: none; color: #e74c3c; padding: 1rem; text-align: center;">
|
||||
Nem sikerült betölteni a cicát.
|
||||
</div>
|
||||
</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: 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: `
|
||||
<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>Peti Szívem ❤️</h2>
|
||||
</div>
|
||||
<div class="login-form" style="padding: 0;">
|
||||
<div class="peti-container">
|
||||
<img alt="Peti Szívem" class="peti-image"
|
||||
onload="this.style.opacity = '1'"
|
||||
onerror="this.style.display = 'none'; document.querySelector('.peti-error').style.display = 'block';"
|
||||
style="opacity: 0; transition: opacity 0.3s ease;">
|
||||
<div class="peti-error" style="display: none; color: #e74c3c; padding: 1rem; text-align: center;">
|
||||
Nem sikerült betölteni a képet.
|
||||
</div>
|
||||
</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: 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
|
||||
|
|
|
|||
|
|
@ -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: {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue