russell@unturf.com
b40f038fd1
Replaces the centered pay-what-you-can footer with a structured 4-column footer (brand, product, resources, company) matching the www.remarkbox.com marketing site. Embed mode keeps the lightweight powered-by footer untouched. Responsive: 4 cols desktop, 2 tablet, 1 phone. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
187 lines
5.7 KiB
Django/Jinja
187 lines
5.7 KiB
Django/Jinja
{%- import 'snippets/snippets.j2' as snippets with context -%}
|
|
{% include 'snippets/owner-key-comment.j2' %}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>{% block title %}{{ request.app_domain }}{% endblock %}</title>
|
|
<meta charset="utf-8" />
|
|
|
|
<!-- this makes mobile pretty... -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#D40000">
|
|
|
|
{% include 'snippets/stylesheet-includes.j2' %}
|
|
<link rel="stylesheet" href="/static/theme/meta/css/normalize.css">
|
|
<link rel="stylesheet" href="/static/theme/meta/css/skeleton.css">
|
|
<link rel="stylesheet" href="/static/theme/meta/css/meta.css">
|
|
<link rel="stylesheet" href="/static/theme/meta/css/diff.css">
|
|
|
|
{% include 'snippets/javascript-includes.j2' %}
|
|
|
|
</head>
|
|
|
|
<body class="remarkbox-body has-docked-nav">
|
|
|
|
<noscript>
|
|
<style>
|
|
.js-only {display: none;}
|
|
</style>
|
|
</noscript>
|
|
|
|
{% if request.mode != 'embed' %}
|
|
<div class="navbar hidden-on-tablet">
|
|
<a href="{{ request.app_url }}" class="navlogolink"><img src="/static/theme/meta/img/remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
|
|
|
|
<div class="navlinks">
|
|
<a class="navlink" href="{{ request.marketing_url }}">Home</a>
|
|
<a class="navlink" href="https://faq.remarkbox.com">FAQ</a>
|
|
<a class="navlink" href="https://meta.remarkbox.com">Meta</a>
|
|
|
|
{%- if request.user %}
|
|
<a class="button red" href="{{ request.app_url }}/setup">setup</a>
|
|
{{ snippets.user_avatar_link(request.user, 40, class="avatar-nav") }}
|
|
{%- else %}
|
|
|
|
<a class="navlink" href="{{ request.marketing_url }}#about">About</a>
|
|
<a class="navlink" href="{{ request.marketing_url }}#remarkbox-demo">Demo</a>
|
|
<a class="navlink" href="{{ request.marketing_url }}#plans">Plans</a>
|
|
<a class="button red" href="{{ request.app_url }}/setup">setup</a>
|
|
<a class="button" href="{{ request.app_url }}/join-or-log-in?return-to={{ request.path_url }}">Log in</a>
|
|
{%- endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if not request.saas_home %}
|
|
|
|
<nav class="remarkbox-menu">
|
|
|
|
<div class="home">
|
|
|
|
<span class="avoidwrap">
|
|
<a href="{{ request.marketing_url }}" class="navlogolink"><img src="/static/img/remarkbox-logo.png" width="16px" class="shown-on-tablet navlogotiny"></a>
|
|
|
|
</span>
|
|
|
|
{{ snippets.namespace_home_uri(request.namespace) }}
|
|
|
|
{%- if request.user.authenticated and request.user.namespaces %}
|
|
|
|
<a href="{{ request.app_url }}/u/namespaces" onclick="toggle('my-namespaces-div', 'my-namespaces-link', '(switch)', '(switch)'); return false;" id="my-namespaces-link">(switch)</a>
|
|
|
|
<div id="my-namespaces-div" class="my-namespaces-div">
|
|
|
|
{% for namespace in request.user.namespaces %}
|
|
{% if namespace != request.namespace %}
|
|
{{ snippets.namespace_home_uri(namespace) }}
|
|
<br/>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
<br/>
|
|
<center>
|
|
<a href="{{ request.app_url }}/setup" class="button">setup</a>
|
|
</center>
|
|
</div>
|
|
|
|
{%- endif %}
|
|
|
|
</div> <!-- end home -->
|
|
|
|
<div class="search">
|
|
{% if request.mode != 'embed' %}
|
|
{% include 'snippets/search.j2' %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
{% endif %}
|
|
|
|
{% include 'snippets/flash-alerts.j2' %}
|
|
|
|
{% if request.mode != 'embed' %}
|
|
|
|
{% else %}
|
|
<style>.navother {top: 0px;}</style>
|
|
{%- endif %}
|
|
|
|
<div class="container main" style="max-width: 960px">
|
|
|
|
<div class="row">
|
|
|
|
<div class="main">
|
|
|
|
<div class="call_to_action">
|
|
{% block call_to_action %}
|
|
{% endblock %}
|
|
</div>
|
|
|
|
{% block content %}
|
|
{% endblock %}
|
|
</div>
|
|
|
|
{% if request.mode != 'embed' %}
|
|
{% include 'snippets/phone-menu.j2' %}
|
|
{% endif %}
|
|
|
|
{% if request.mode == 'embed' %}
|
|
<div id="remarkbox-footer">
|
|
{% include 'snippets/powered-by.j2' %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- end of row -->
|
|
</div>
|
|
<!-- end of container -->
|
|
</div>
|
|
|
|
{% if request.mode != 'embed' %}
|
|
<footer class="rb-footer">
|
|
<div class="container">
|
|
<div class="rb-footer-grid">
|
|
<div class="rb-footer-brand">
|
|
<a href="{{ request.marketing_url }}" class="rb-footer-logo">remarkbox</a>
|
|
<p class="rb-footer-tagline">Hosted comments without ads or tracking.</p>
|
|
</div>
|
|
<div class="rb-footer-group">
|
|
<span class="rb-footer-group-title">Product</span>
|
|
<nav class="rb-footer-links">
|
|
<a href="{{ request.app_url }}/setup">Setup</a>
|
|
<a href="{{ request.marketing_url }}/#plans">Plans</a>
|
|
<a href="/billing">Billing</a>
|
|
</nav>
|
|
</div>
|
|
<div class="rb-footer-group">
|
|
<span class="rb-footer-group-title">Resources</span>
|
|
<nav class="rb-footer-links">
|
|
<a href="https://faq.remarkbox.com">FAQ</a>
|
|
<a href="https://meta.remarkbox.com">Meta</a>
|
|
<a href="https://git.unturf.com/engineering/remarkbox/remarkbox">Source Code</a>
|
|
<a href="https://pypi.org/project/remarkbox/">PyPi</a>
|
|
</nav>
|
|
</div>
|
|
<div class="rb-footer-group">
|
|
<span class="rb-footer-group-title">Company</span>
|
|
<nav class="rb-footer-links">
|
|
<a href="{{ request.marketing_url }}/privacy-policy.html">Privacy Policy</a>
|
|
<a href="{{ request.marketing_url }}/terms-of-service.html">Terms of Service</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<div class="rb-footer-ctas">
|
|
<a class="button red" href="{{ request.app_url }}/setup">Setup Remarkbox</a>
|
|
<a class="button" href="/billing">Pay What You Can</a>
|
|
</div>
|
|
<div class="rb-footer-quote">
|
|
<p>“How long could it take to build a comment system?” — 3 years later, Remarkbox was born.</p>
|
|
</div>
|
|
<div class="rb-footer-bottom">
|
|
remarkbox.com © 2016-2026 — Hosted comments without ads or tracking.
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
{% endif %}
|
|
|
|
</body>
|
|
</html>
|