36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|||
|
|
<title>QR Code — MPS</title>
|
|||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|||
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
|
|||
|
|
<link rel="stylesheet" href="/css/styles.css" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="qr-page">
|
|||
|
|
<div class="qr-head">
|
|||
|
|
<div class="brand"><img class="brand-logo" src="/img/mps-icon.png" alt="" /> <span class="brand-name">MPS – Martinhal Presentation System</span></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="qr-stage">
|
|||
|
|
<div class="eyebrow" id="eyebrow">Scan to watch along</div>
|
|||
|
|
<h1 id="qrTitle">Presentation</h1>
|
|||
|
|
<div class="qr-big" id="qrBig"><div class="msg"><div class="spinner"></div>Loading QR code…</div></div>
|
|||
|
|
<a class="qr-link" id="qrLink" href="#" target="_blank" rel="noopener"></a>
|
|||
|
|
<div class="qr-actions">
|
|||
|
|
<button class="btn" id="copyBtn">Copy link</button>
|
|||
|
|
<button class="btn ghost" id="fsBtn">Fullscreen</button>
|
|||
|
|
<button class="btn ghost" id="printBtn">Print</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<footer class="app-footer">© 2026 Martinhal IT - Joao Vaz - Version 1.7</footer>
|
|||
|
|
</div>
|
|||
|
|
<div class="toast" id="toast"></div>
|
|||
|
|
<script type="module" src="/js/qr.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|