59 lines
1.8 KiB
HTML
59 lines
1.8 KiB
HTML
|
A
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Emergency 5G — eSIM Activation</title>
|
||
|
|
<link rel="stylesheet" href="/css/style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="card">
|
||
|
|
<div class="logo">📡</div>
|
||
|
|
<h1>Emergency 5G Network</h1>
|
||
|
|
<p class="subtitle">Activate your free eSIM to connect to the 5G network</p>
|
||
|
|
|
||
|
|
<!-- Idle state -->
|
||
|
|
<div id="state-idle">
|
||
|
|
<button id="btn-activate" class="btn-primary">Activate eSIM</button>
|
||
|
|
<p class="hint">Tap to generate your personal eSIM profile</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Loading state -->
|
||
|
|
<div id="state-loading" hidden>
|
||
|
|
<div class="spinner"></div>
|
||
|
|
<p>Generating your eSIM profile…</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Success state -->
|
||
|
|
<div id="state-success" hidden>
|
||
|
|
<div class="icon-success">✓</div>
|
||
|
|
<h2>eSIM Ready!</h2>
|
||
|
|
<p>Your profile has been generated successfully.</p>
|
||
|
|
<a id="download-link" class="btn-primary" download="esim-profile.bin">
|
||
|
|
Download Profile
|
||
|
|
</a>
|
||
|
|
<div class="instructions">
|
||
|
|
<h3>Next Steps</h3>
|
||
|
|
<ol>
|
||
|
|
<li>Tap <strong>Download Profile</strong> above</li>
|
||
|
|
<li>Go to <strong>Settings → Mobile Data → Add eSIM</strong></li>
|
||
|
|
<li>Choose <em>Import from file</em> and select the downloaded file</li>
|
||
|
|
<li>Disconnect from this WiFi</li>
|
||
|
|
<li>Your device will connect to 5G automatically</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Error state -->
|
||
|
|
<div id="state-error" hidden>
|
||
|
|
<div class="icon-error">✗</div>
|
||
|
|
<h2>Activation Failed</h2>
|
||
|
|
<p id="error-message">An error occurred. Please try again.</p>
|
||
|
|
<button id="btn-retry" class="btn-secondary">Try Again</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/js/script.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|