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.
114 lines
2.7 KiB
114 lines
2.7 KiB
<!doctype html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|
<title>{% block title %}OTB Cloud{% endblock %}</title> |
|
<style> |
|
:root { |
|
--bg: #0b1220; |
|
--panel: #121b2d; |
|
--panel-2: #16233b; |
|
--text: #e9eef8; |
|
--muted: #9fb0cf; |
|
--line: rgba(255,255,255,0.10); |
|
--accent: #4da3ff; |
|
--danger: #ff6b6b; |
|
--ok: #4fd18b; |
|
} |
|
* { box-sizing: border-box; } |
|
body { |
|
margin: 0; |
|
font-family: Arial, sans-serif; |
|
background: linear-gradient(180deg, #08101d 0%, #0b1220 100%); |
|
color: var(--text); |
|
} |
|
a { color: var(--accent); text-decoration: none; } |
|
.wrap { max-width: 1200px; margin: 0 auto; padding: 20px; } |
|
.topbar { |
|
border-bottom: 1px solid var(--line); |
|
background: rgba(255,255,255,0.03); |
|
} |
|
.nav { |
|
display: flex; |
|
gap: 18px; |
|
align-items: center; |
|
justify-content: space-between; |
|
padding: 14px 20px; |
|
max-width: 1200px; |
|
margin: 0 auto; |
|
} |
|
.brand { |
|
font-weight: bold; |
|
font-size: 20px; |
|
letter-spacing: 0.3px; |
|
} |
|
.nav-links { |
|
display: flex; |
|
gap: 14px; |
|
flex-wrap: wrap; |
|
align-items: center; |
|
} |
|
.card { |
|
background: var(--panel); |
|
border: 1px solid var(--line); |
|
border-radius: 18px; |
|
padding: 20px; |
|
box-shadow: 0 10px 24px rgba(0,0,0,0.18); |
|
} |
|
.grid { |
|
display: grid; |
|
gap: 16px; |
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); |
|
} |
|
.muted { color: var(--muted); } |
|
.badge { |
|
display: inline-block; |
|
padding: 6px 10px; |
|
border-radius: 999px; |
|
background: rgba(77,163,255,0.12); |
|
border: 1px solid rgba(77,163,255,0.22); |
|
color: var(--text); |
|
font-size: 12px; |
|
} |
|
.footer { |
|
border-top: 1px solid var(--line); |
|
margin-top: 28px; |
|
color: var(--muted); |
|
} |
|
.footer .wrap { |
|
padding-top: 16px; |
|
padding-bottom: 24px; |
|
} |
|
.warn { |
|
border-left: 4px solid var(--danger); |
|
background: rgba(255,107,107,0.08); |
|
padding: 14px 16px; |
|
border-radius: 12px; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<div class="topbar"> |
|
<div class="nav"> |
|
<div class="brand">OTB Cloud</div> |
|
<div class="nav-links"> |
|
{% if session.get("otb_user_id") %} |
|
<a href="/dashboard">Dashboard</a> |
|
<a href="/auth/logout">Logout</a> |
|
{% endif %} |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="wrap"> |
|
{% block content %}{% endblock %} |
|
</div> |
|
|
|
<div class="footer"> |
|
<div class="wrap"> |
|
OTB Cloud is a portal-linked secure backup and storage service for Outsidethebox.top. |
|
</div> |
|
</div> |
|
</body> |
|
</html>
|
|
|