updated Gate
This commit is contained in:
@@ -3600,3 +3600,42 @@ a.deletelink {
|
|||||||
.mod-deps li { color: var(--md-sys-color-on-surface-variant, #a6adc8); }
|
.mod-deps li { color: var(--md-sys-color-on-surface-variant, #a6adc8); }
|
||||||
.mod-deps code { background: #313244; color: #cdd6f4; padding: 0 0.3rem; border-radius: 4px; }
|
.mod-deps code { background: #313244; color: #cdd6f4; padding: 0 0.3rem; border-radius: 4px; }
|
||||||
.mod-dep-type { color: #8a94b0; font-size: 0.72rem; }
|
.mod-dep-type { color: #8a94b0; font-size: 0.72rem; }
|
||||||
|
|
||||||
|
/* Gate page */
|
||||||
|
.gate-main {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: flex-start;
|
||||||
|
padding: 3rem 1rem;
|
||||||
|
min-height: 60vh;
|
||||||
|
}
|
||||||
|
.gate-card {
|
||||||
|
background: var(--md-sys-color-surface-variant, #45475a);
|
||||||
|
border: 1px solid var(--md-sys-color-outline-variant, #3a3f4d);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 2rem;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 380px;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--md-sys-color-on-surface, #cdd6f4);
|
||||||
|
}
|
||||||
|
.gate-card h1 { margin: 0.75rem 0 0.25rem; font-size: 1.4rem; }
|
||||||
|
.gate-card p { color: var(--md-sys-color-on-surface-variant, #a6adc8); font-size: 0.85rem; }
|
||||||
|
.gate-card form { display: flex; flex-direction: column; gap: 0.6rem; margin-top: 1rem; }
|
||||||
|
.gate-card input[type="password"] {
|
||||||
|
padding: 0.55rem 0.7rem;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid var(--md-sys-color-outline-variant, #45475a);
|
||||||
|
background: var(--md-sys-color-surface, #1e1e2e);
|
||||||
|
color: var(--md-sys-color-on-surface, #cdd6f4);
|
||||||
|
}
|
||||||
|
.gate-card button {
|
||||||
|
padding: 0.55rem;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: none;
|
||||||
|
background: var(--md-sys-color-primary, #89b4fa);
|
||||||
|
color: #111;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.gate-error { color: #f38ba8 !important; font-weight: 600; margin-top: 0.5rem; }
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
@@ -1,17 +1,12 @@
|
|||||||
<!DOCTYPE html>
|
{% extends 'base.html' %}
|
||||||
<html lang="en">
|
{% load static %}
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
{% block title %}Restricted - Packs Site{% endblock %}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>{% block title %}Packs Site - Restricted{% endblock %}</title>
|
{% block content %}
|
||||||
{% load static %}
|
<div class="gate-main">
|
||||||
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
|
||||||
<link rel="icon" type="image/png" href="{% static 'Logo.png' %}">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main class="gate-main">
|
|
||||||
<div class="gate-card">
|
<div class="gate-card">
|
||||||
<img src="{% static 'Logo.png' %}" alt="Packs" height="64">
|
<img src="{% static 'stop-it.gif' %}" alt="Stop" height="256">
|
||||||
<h1>Restricted Access</h1>
|
<h1>Restricted Access</h1>
|
||||||
<p>This site is private. Enter the master password to continue.</p>
|
<p>This site is private. Enter the master password to continue.</p>
|
||||||
|
|
||||||
@@ -25,6 +20,5 @@
|
|||||||
<button type="submit">Enter</button>
|
<button type="submit">Enter</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</div>
|
||||||
</body>
|
{% endblock %}
|
||||||
</html>
|
|
||||||
|
|||||||
Reference in New Issue
Block a user