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-06-09 22:18:48 +03:00
parent dea47b7d0a
commit 0b3a21f00c
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -50,15 +50,36 @@
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.qr-code {
position: fixed;
z-index: 2;
bottom: 20px;
right: 20px;
}
</style> </style>
</head> </head>
<body> <body>
<img id="image" alt="Смешная картинка" src=""> <img id="image" alt="Смешная картинка" src="">
<img id="qr-code" class="qr-code" alt="QR Code" src="qr.svg" onerror="this.style.display='none'">
</body> </body>
<script defer> <script defer>
const imageUrl = '_.jpeg'; const imageUrl = '_.jpeg';
const refreshIntervalMs = 30_000; // Time in milliseconds (e.g., 10000 = 10 seconds) const refreshIntervalMs = 30_000; // Time in milliseconds (e.g., 10000 = 10 seconds)
function configureQrCode() {
// Parse query parameters for QR code size
const urlParams = new URLSearchParams(window.location.search);
const qrSize = parseInt(urlParams.get('qrSize')) || 100; // Default to 100px if not specified
const qrCodeElement = document.getElementById('qr-code');
qrCodeElement.style.width = `${qrSize}px`;
qrCodeElement.style.height = `${qrSize}px`;
}
// Configure QR code on page load
configureQrCode();
let lastModified = null; let lastModified = null;
const imageElement = document.getElementById('image'); const imageElement = document.getElementById('image');
let imageBlobUrl = null; let imageBlobUrl = null;