You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
2.6 KiB
25 lines
2.6 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Set Portal Password - OutsideTheBox</title> <link rel="stylesheet" href="/static/css/style.css"> <style> .portal-wrap { max-width: 760px; margin: 2.5rem auto; padding: 1.5rem; } .portal-card { border: 1px solid rgba(255,255,255,0.16); border-radius: 16px; padding: 1.4rem; background: rgba(255,255,255,0.03); box-shadow: 0 10px 24px rgba(0,0,0,0.18); } .portal-form { display: grid; gap: 0.9rem; } .portal-form label { display: block; font-weight: 600; margin-bottom: 0.35rem; } .portal-form input { width: 100%; padding: 0.8rem 0.9rem; border-radius: 10px; border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.05); color: inherit; box-sizing: border-box; } .portal-btn { display: inline-block; padding: 0.8rem 1rem; border-radius: 10px; text-decoration: none; border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.06); color: inherit; cursor: pointer; } .portal-msg { margin-bottom: 1rem; padding: 0.85rem 1rem; border-radius: 10px; border: 1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.04); } </style> <link rel="icon" type="image/png" href="/static/favicon.png"> |
|
</head> |
|
<body> |
|
{% include "includes/site_nav.html" %} <div style="background:#111827;padding:10px 20px;"> </div> <div class="portal-wrap"> <div class="portal-card"> <h1>Create Your Portal Password</h1> <p>Welcome, {{ client_name }}. Your one-time access code worked. Please create a password for future logins.</p> {% if portal_message %} <div class="portal-msg">{{ portal_message }}</div> {% endif %} <form class="portal-form" method="post" action="/portal/set-password"> <div> <label for="password">New Password</label> <input id="password" name="password" type="password" required> </div> <div> <label for="password2">Confirm Password</label> <input id="password2" name="password2" type="password" required> </div> <div> <button class="portal-btn" type="submit">Set Password</button> </div> </form> </div> |
|
</div> |
|
<div class="otb-statusbar"> |
|
<div class="otb-statusbar-inner"> |
|
<strong>All billing is calculated in 🇨🇦 CAD</strong> |
|
<span class="otb-dot"></span> |
|
<span>Crypto conversions use the <a href="https://monitor.outsidethebox.top" target="_blank" rel="noopener noreferrer">OTB Oracle</a></span> |
|
<span class="otb-dot"></span> |
|
<span> |
|
Methods: |
|
<strong>Credit Card</strong> <span style="opacity:0.7;">(via Square)</span>, |
|
<strong>e-Transfer</strong>, |
|
and <strong>enabled crypto assets</strong> |
|
</span> |
|
</div> |
|
</div> |
|
|
|
<script src="/static/brand.js" defer></script> |
|
</body> |
|
</html>
|
|
|