Files
QRPayWeb/QRPay/wwwroot/index.html
T
2025-12-19 16:09:11 +01:00

61 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" />
<meta name="theme-color" content="#2d5a27" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="description" content="QRPay - Generate QR payment codes instantly for secure bank transfers" />
<title>QRPay</title>
<base href="/" />
<link rel="preload" id="webassembly" />
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="apple-touch-icon" href="logo.svg" />
<link href="QRPay.styles.css" rel="stylesheet" />
<script type="importmap"></script>
</head>
<body>
<div id="app">
<!-- Modern Loading Screen with Logo -->
<div class="loading-container">
<div class="loading-content">
<!-- Logo -->
<div class="loading-logo">
<img src="logo.svg" alt="QRPay Logo" />
</div>
<!-- Brand Name -->
<h1 class="loading-title">QRPay</h1>
<!-- Progress Indicator -->
<div class="loading-progress-wrapper">
<svg class="loading-progress">
<circle class="loading-track" r="40%" cx="50%" cy="50%" />
<circle class="loading-fill" r="40%" cx="50%" cy="50%" />
</svg>
</div>
<!-- Loading Text -->
<div class="loading-progress-text"></div>
<!-- Subtitle -->
<p class="loading-subtitle">Initializing secure payment system</p>
</div>
</div>
</div>
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="." class="reload">Reload</a>
<span class="dismiss">🗙</span>
</div>
<script src="_framework/blazor.webassembly#[.{fingerprint}].js"></script>
</body>
</html>