pischule/memevizor
1
0
Fork 0
mirror of https://github.com/pischule/memevizor.git synced 2025-12-19 06:56:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add qr code

Browse Source
This commit is contained in:
Maksim Pischulenok
2025-09-02 13:31:17 +03:00
parent 94a59972ec
commit 40bb2791fd
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/main/resources/static/index.html
View File

@@ -26,12 +26,41 @@
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
/* QR Code styling */
:root {
--qr-size: 120px; /* Configurable QR code size */
--qr-margin: 20px; /* Configurable distance from screen edge */
}
#qr-container {
position: fixed;
bottom: var(--qr-margin);
right: var(--qr-margin);
z-index: 1000;
opacity: 0.8;
transition: opacity 0.3s ease;
}
#qr-container:hover {
opacity: 1;
}
#qr-code {
width: var(--qr-size);
height: var(--qr-size);
display: block;
}
</style> </style>
</head> </head>
<body> <body>
<main id="media-container"></main> <main id="media-container"></main>
<div id="qr-container">
<img id="qr-code" src="qr.svg" alt="QR Code">
</div>
<script defer> <script defer>
const fileUrl = 'media'; const fileUrl = 'media';
const refreshIntervalMs = 15_000; // 15 seconds const refreshIntervalMs = 15_000; // 15 seconds