Jonas_Jones/epr.tut.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/epr.tut.jonasjones.dev.git synced 2025-10-22 21:29:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

added big qr code site

Browse source
This commit is contained in:
J-onasJones 2024-10-24 01:52:16 +02:00
parent be32ca8138
commit b6a3b67dc1
1 changed files with 48 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/index.js
View file

@ -15,6 +15,8 @@ export default {
return await handleDefaultGet(env); return await handleDefaultGet(env);
case '/all': case '/all':
return await handleAllGet(env); return await handleAllGet(env);
case '/qr':
return await handleQrGet(env);
case '/manage': case '/manage':
return await handleManageGet(env); return await handleManageGet(env);
case '/manage/upload': case '/manage/upload':
@ -267,6 +269,52 @@ async function handleManageGet(env) {
`, { headers: { 'Content-Type': 'text/html' } }); `, { headers: { 'Content-Type': 'text/html' } });
} }
async function handleQrGet(env) {
const index = await getIndex(env);
const selectedFile = index.find((file) => file.selected);
return new Response(`
<html>
<head>
<title>QR Code - Tutorium Resources</title>
<style>
body { font-family: Arial, sans-serif; background: #f0f0f0; padding: 20px; }
.container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
img {
width: 80%; /* Default width */
height: auto; /* Maintain aspect ratio */
display: block;
margin: 0 auto;
}
/* Portrait mode */
@media (orientation: portrait) {
img {
widht: 80vw; /* 80% of viewport height */
height: auto; /* Allow width to adjust based on height */
}
}
/* Landscape mode */
@media (orientation: landscape) {
img {
height: 80vh; /* 80% of viewport width */
width: auto; /* Maintain aspect ratio */
}
}
</style>
</head>
<body>
<div class="container">
<img src="https://api.qrserver.com/v1/create-qr-code/?data=${"https://epr.tut.jonasjones.dev"}" alt="QR Code"/>
</div>
</body>
</html>
`, { headers: { 'Content-Type': 'text/html' } });
}
// POST for "/manage/select" // POST for "/manage/select"
async function handleSelect(request, env) { async function handleSelect(request, env) {