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
|
// Failed login - return success: false
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ export async function GET({ request, url }) {
|
||||||
const authHeader = request.headers.get('x-auth');
|
const authHeader = request.headers.get('x-auth');
|
||||||
const imageName = url.searchParams.get('image');
|
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, '/');
|
throw redirect(307, '/');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -17,7 +17,10 @@ export async function GET({ request, url }) {
|
||||||
'p1.png': 'pearoo-authenticated',
|
'p1.png': 'pearoo-authenticated',
|
||||||
'p2.png': 'pearoo-authenticated',
|
'p2.png': 'pearoo-authenticated',
|
||||||
'milka.jpg': 'milka-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]) {
|
if (!authHeader || authHeader !== validAuth[imageName]) {
|
||||||
|
|
@ -29,7 +32,18 @@ export async function GET({ request, url }) {
|
||||||
|
|
||||||
const imageBuffer = await fs.readFile(imagePath);
|
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, {
|
return new Response(imageBuffer, {
|
||||||
headers: {
|
headers: {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue