coulomb-social/coulomb_social/templates/base.html
tegwick 01da195c13 Implement NetKingdom identity shell for coulomb.social (CSOC-WP-0002)
Django scaffold aligned with the business delivery lane: tenant-keyed
Member model without passwords, identity app as sole OIDC/session
boundary, dev-claims login, authenticated /app/ shell, ADR-0001, and
tests. T01/T02/T05/T06 done; OIDC registration, real user-engine HTTP,
flex-auth, and packaging remain open.
2026-08-09 01:45:05 +02:00

90 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{{ site_name }}{% endblock %}</title>
<style>
:root {
--color-primary: #d08728;
--color-bg: #ffffff;
--color-text: #171717;
--color-muted: #616161;
--radius: 8px;
}
* { box-sizing: border-box; }
body {
margin: 0;
font-family: Inter, Helvetica, system-ui, sans-serif;
background: var(--color-bg);
color: var(--color-text);
line-height: 1.5;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
border-bottom: 1px solid #e5e5e5;
}
header a { color: inherit; text-decoration: none; font-weight: 600; }
main { max-width: 48rem; margin: 0 auto; padding: 2.5rem 1.5rem; }
.btn {
display: inline-block;
padding: 0.75rem 1.25rem;
background: var(--color-primary);
color: #fff;
border-radius: var(--radius);
text-decoration: none;
border: none;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.btn.secondary { background: #171717; }
.muted { color: var(--color-muted); }
.card {
border: 1px solid #e5e5e5;
border-radius: var(--radius);
padding: 1.25rem;
margin-top: 1.5rem;
}
.messages { list-style: none; padding: 0; }
.messages li { padding: 0.5rem 0; color: #b45309; }
label { display: block; margin-top: 0.75rem; font-size: 0.9rem; }
input[type=text], input[type=email] {
width: 100%;
padding: 0.5rem 0.75rem;
margin-top: 0.25rem;
border: 1px solid #ccc;
border-radius: 6px;
}
dl { display: grid; grid-template-columns: 10rem 1fr; gap: 0.35rem 1rem; }
dt { color: var(--color-muted); }
dd { margin: 0; word-break: break-all; }
</style>
{% block extra_head %}{% endblock %}
</head>
<body>
<header>
<a href="{% url 'core:landing' %}">{{ site_name }}</a>
<nav>
{% if user.is_authenticated %}
<a class="btn secondary" href="{% url 'identity:logout' %}">Sign out</a>
{% else %}
<a class="btn" href="{% url 'identity:login' %}">Sign in</a>
{% endif %}
</nav>
</header>
<main>
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% block content %}{% endblock %}
</main>
</body>
</html>