89 lines
7.0 KiB
HTML
Executable File
89 lines
7.0 KiB
HTML
Executable File
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="robots" content="noindex">
|
|
<title>{% if title %}{{ title }}{% else %}Membership{% endif %} · eom.dev</title>
|
|
<link rel="stylesheet" href="/static/home.css">
|
|
<link rel="stylesheet" href="/static/membership.css">
|
|
<link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
|
|
</head>
|
|
<body>
|
|
<header class="member-nav">
|
|
<a class="brand" href="/">eom.dev</a>
|
|
<nav aria-label="Membership navigation"><a href="/">Back to the lab</a><a href="{% url 'members:home' %}">Membership</a></nav>
|
|
</header>
|
|
<main id="main-content" class="member-main">
|
|
{% if title %}
|
|
<section class="member-panel form-panel">
|
|
<p class="eyebrow">One account. An independent community.</p>
|
|
<h1>{{ title }}</h1>
|
|
{% if message %}<p>{{ message }}</p>{% endif %}
|
|
{% if registration %}<p>Everyone can join. Verify your email, set a password in OpenLDAP, then sign in with Dex. A paid membership is optional.</p>{% endif %}
|
|
{% if form %}
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
{{ form.as_p }}
|
|
<button class="button button-primary" type="submit">{{ submit }}</button>
|
|
</form>
|
|
{% endif %}
|
|
<p><a href="{% url 'members:home' %}">Back to membership</a></p>
|
|
<form action="{% url 'members:login' %}" method="post">{% csrf_token %}<button class="button button-secondary" type="submit">Sign in with Dex</button></form>
|
|
</section>
|
|
{% else %}
|
|
<section class="member-hero">
|
|
<p class="eyebrow">Keep your own corner of the internet alive</p>
|
|
<h1>A place to belong.<br>A way to give back.</h1>
|
|
<p class="member-intro">Start with a free eom.dev account. Choose an optional membership to support the servers, experiments, and independent work behind the community.</p>
|
|
{% if account %}
|
|
<div class="member-panel account-panel">
|
|
<div><p class="eyebrow">Signed in through Dex</p><h2>{{ account.uid }}</h2><p>{{ account.email }}</p></div>
|
|
<div class="member-actions">
|
|
{% if account.stripe_customer %}<form action="{% url 'members:portal' %}" method="post">{% csrf_token %}<button class="button button-primary" type="submit">Manage billing</button></form>{% endif %}
|
|
<form action="{% url 'members:logout' %}" method="post">{% csrf_token %}<button class="button button-secondary" type="submit">Sign out</button></form>
|
|
</div>
|
|
</div>
|
|
{% if request.GET.checkout %}<p role="status" class="member-notice">Thanks for supporting the work. Stripe is confirming your subscription. Access appears after payment is verified and the membership worker has synchronized it.</p>{% endif %}
|
|
{% for subscription in subscriptions %}
|
|
<p class="member-notice">{{ subscription.tier|default:"Membership"|title }} · {{ subscription.status }}{% if subscription.paid_until > now %} · Paid access through {{ subscription.paid_until|date:"M j, Y H:i T" }}{% else %} · No current paid access{% endif %}{% if subscription.cancel_at_period_end %} · Does not renew{% endif %}</p>
|
|
{% endfor %}
|
|
<p class="member-small">Billing and directory status update automatically, usually within a few minutes. Signing out here does not sign you out of other Dex applications.</p>
|
|
{% else %}
|
|
<div class="member-actions">
|
|
<a class="button button-primary" href="{% url 'members:register' %}">Create a free account</a>
|
|
<form action="{% url 'members:login' %}" method="post">{% csrf_token %}<button class="button button-secondary" type="submit">Sign in with Dex</button></form>
|
|
</div>
|
|
{% endif %}
|
|
</section>
|
|
<section aria-labelledby="tiers-heading">
|
|
<div class="section-heading"><p class="eyebrow">Your support, your choice</p><h2 id="tiers-heading">Find your membership</h2><p>Your account stays free. Paid group access lasts only for the service period covered by your subscription.</p></div>
|
|
<div class="member-grid">
|
|
<article class="member-panel tier-card free-tier">
|
|
<p class="card-kicker">The starting point</p><h3>Community</h3><p class="tier-price">Free <span>/ always</span></p>
|
|
<p>An account for the eom.dev community, stored in OpenLDAP and signed into through Dex.</p>
|
|
<ul><li>No payment required</li><li>One account for compatible community services</li><li>Upgrade whenever you choose</li></ul>
|
|
{% if not account %}<a class="button button-secondary" href="{% url 'members:register' %}">Join the community</a>{% else %}<p class="tier-footnote">Your free account is ready.</p>{% endif %}
|
|
</article>
|
|
{% for key, tier in tiers.items %}
|
|
<article class="member-panel tier-card">
|
|
<p class="card-kicker">Independent work, supported together</p><h3>{{ tier.label }}</h3><p class="tier-price">{{ tier.price_label }}</p>
|
|
<p>{{ tier.description|default:"Help keep the projects and community running." }}</p>
|
|
<ul><li>Tier-specific community access</li><li>Secure checkout hosted by Stripe</li><li>Manage renewal from your billing portal</li></ul>
|
|
{% if account %}<form action="{% url 'members:checkout' key %}" method="post">{% csrf_token %}<button class="button button-primary" type="submit">Choose {{ tier.label }}</button></form>{% else %}<a class="button button-primary" href="{% url 'members:register' %}">Create an account to join</a>{% endif %}
|
|
</article>
|
|
{% empty %}<div class="member-panel"><h3>Paid memberships are coming soon.</h3><p>You can create your free account now. Paid tiers will appear when their prices and groups are configured.</p></div>{% endfor %}
|
|
</div>
|
|
</section>
|
|
<section class="member-faq" aria-labelledby="membership-faq">
|
|
<h2 id="membership-faq">Simple, by design.</h2>
|
|
<details><summary>What happens when a membership ends?</summary><p>Your LDAP account stays. Paid group access is removed automatically when the paid service period expires. An immediate cancellation removes access on the next successful sync.</p></details>
|
|
<details><summary>Where is my password stored?</summary><p>Only OpenLDAP stores your password hash. This website sends your initial password over verified TLS to OpenLDAP's password-modify operation. Future sign-ins happen through Dex.</p></details>
|
|
<details><summary>Can I change or cancel a plan?</summary><p>Use Manage billing after signing in. The billing portal offers the changes enabled for your plan. Cancellation at period end keeps access through the paid expiry date.</p></details>
|
|
</section>
|
|
{% endif %}
|
|
</main>
|
|
<footer class="member-footer">Made independently. Supported by the community. <a href="mailto:eric@eom.dev">Questions? Get in touch.</a></footer>
|
|
</body>
|
|
</html>
|