spitkov/ekreten
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' of https://git.spitkov.hu/spitkov/ekreten

Browse source
This commit is contained in:
root 2025-03-11 15:47:44 +01:00
commit 0a984142f9
4 changed files with 142 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/lib/protected/p1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 117 KiB

BIN
src/lib/protected/p2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 231 KiB

138
src/routes/api/login/+server.js
View file

@ -723,6 +723,144 @@ USE_SSL=false # majd ha lesz rá idő`
});
}
// Pearoo case
if (username === 'pearoo' && password === 'pearoo') {
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>pearoo</h2>
</div>
<div class="login-form" style="padding: 0;">
<div class="pearoo-images">
<img alt="P1" class="pearoo-image"
onload="this.style.opacity = '1'"
onerror="this.style.display = 'none'"
style="opacity: 0; transition: opacity 0.3s ease;">
<img alt="P2" class="pearoo-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;
}
.pearoo-images {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
padding: 1rem;
background-color: white;
}
.pearoo-image {
max-width: calc(50% - 0.5rem);
height: auto;
object-fit: contain;
display: block;
}
@media (max-width: 640px) {
.logo-container {
margin-bottom: 1.5rem;
}
.admin-panel {
margin: 0 0.5rem;
}
.pearoo-images {
flex-direction: column;
}
.pearoo-image {
max-width: 100%;
}
}
`,
js: `
// Load images with authentication
const [img1, img2] = document.querySelectorAll('.pearoo-image');
// Load first image
fetch('/api/protected-image?image=p1.png', {
headers: {
'x-auth': 'pearoo-authenticated'
}
})
.then(response => response.blob())
.then(blob => {
img1.src = URL.createObjectURL(blob);
})
.catch(error => {
console.error('Error loading image 1:', error);
img1.style.display = 'none';
});
// Load second image
fetch('/api/protected-image?image=p2.png', {
headers: {
'x-auth': 'pearoo-authenticated'
}
})
.then(response => response.blob())
.then(blob => {
img2.src = URL.createObjectURL(blob);
})
.catch(error => {
console.error('Error loading image 2:', error);
img2.style.display = 'none';
});
`
}
});
}
// Failed login - return success: false
return json({
success: false

6
src/routes/api/protected-image/+server.js
View file

@ -8,14 +8,16 @@ export async function GET({ request, url }) {
const imageName = url.searchParams.get('image');
// Validate image name to prevent directory traversal
if (!imageName || !['skelly.jpg', 'klima.png'].includes(imageName)) {
if (!imageName || !['skelly.jpg', 'klima.png', 'p1.png', 'p2.png'].includes(imageName)) {
throw redirect(307, '/');
}
// Check for proper authentication
const validAuth = {
'skelly.jpg': 'skelly-authenticated',
'klima.png': 'klima-authenticated'
'klima.png': 'klima-authenticated',
'p1.png': 'pearoo-authenticated',
'p2.png': 'pearoo-authenticated'
};
if (!authHeader || authHeader !== validAuth[imageName]) {