Template
westfarn
f3e34f5099
## Summary - Closes #9. Port shop-gated buyer accounts (register/login/profile, password reset, order history), purchase-gated reviews, and Stripe customer ids. Cards stay on Stripe. - Slim public contact form to email + interest + message. Shipping tracking status, scan events, paste-in numbers, and EasyPost webhook when FEATURE_SHIPPING is on. - Add template-neutral `seed_demo` (generic SKUs, demo shoppers, guest orders, tracking stubs). Prod refused. `--reset` deletes tagged demo rows after invoices. ## Test plan - [ ] `cd site && uv run python manage.py test` (173 tests passed locally) - [ ] Shop on: `/account/register`, login, profile, password reset, claim guest orders by email - [ ] Shop off: `/account/` URLs absent; Sign in / Account links hidden - [ ] Checkout as logged-in buyer stores `Order.user` and Stripe customer id; product review only after paid purchase - [ ] Shipping on: portal paste-in tracking + EasyPost webhook updates status; shipping off: orders still work without tracking UI - [ ] `seed_demo` refused in prod; `--reset` rebuilds tagged catalog/shoppers without deleting staff invoices Reviewed-on: #10
212 lines
11 KiB
HTML
212 lines
11 KiB
HTML
{% load static %}
|
||
<!DOCTYPE html>
|
||
<html class="wide wow-animation" lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{% block title %}{{ SITE_NAME }}{% endblock %}</title>
|
||
<meta name="description" content="{% block meta_description %}{{ SITE_NAME }} — {{ SITE_TAGLINE }}. {{ CONTACT_SERVICE_AREA }}.{% endblock %}">
|
||
<meta name="robots" content="{% block meta_robots %}index, follow{% endblock %}">
|
||
<link rel="canonical" href="{% block canonical_url %}{{ PUBLIC_SITE_URL }}{{ request.path }}{% endblock %}">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:site_name" content="{{ SITE_NAME }}">
|
||
<meta property="og:locale" content="en_US">
|
||
<meta property="og:title" content="{% block og_title %}{{ SITE_NAME }}{% endblock %}">
|
||
<meta property="og:description" content="{% block og_description %}{{ SITE_NAME }} — {{ SITE_TAGLINE }}. {{ CONTACT_SERVICE_AREA }}.{% endblock %}">
|
||
<meta property="og:url" content="{% block og_url %}{{ PUBLIC_SITE_URL }}{{ request.path }}{% endblock %}">
|
||
{% block og_image %}
|
||
<meta property="og:image" content="{{ PUBLIC_SITE_URL }}{% static 'images/slider-minimal-slide-1-1920x968.jpg' %}">
|
||
<meta property="og:image:alt" content="{{ SITE_NAME }}">
|
||
{% endblock %}
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="{% block twitter_title %}{{ SITE_NAME }}{% endblock %}">
|
||
<meta name="twitter:description" content="{% block twitter_description %}{{ SITE_NAME }} — {{ SITE_TAGLINE }}. {{ CONTACT_SERVICE_AREA }}.{% endblock %}">
|
||
<link rel="icon" href="{% static 'brand/favicon-32.png' %}" type="image/png">
|
||
<link rel="apple-touch-icon" href="{% static 'brand/apple-touch-icon.png' %}">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
|
||
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
|
||
<link rel="stylesheet" href="{% static 'css/fonts.css' %}">
|
||
<link rel="stylesheet" href="{% static 'css/style.css' %}" id="main-styles-link">
|
||
<link rel="stylesheet" href="{% static 'css/theme-overrides.css' %}">
|
||
{% block structured_data %}{% endblock %}
|
||
{% block extra_head %}{% endblock %}
|
||
</head>
|
||
<body class="{% block body_class %}{% endblock %}">
|
||
{% if tianji_enabled %}
|
||
<div id="tianji-config"
|
||
data-tracker-url="{{ tianji_tracker_url }}"
|
||
data-website-id="{{ tianji_website_id }}"
|
||
data-page-name="{{ page_name }}"
|
||
{% if user.is_authenticated %}data-user-id="{{ user.pk }}"{% endif %}
|
||
hidden></div>
|
||
{% endif %}
|
||
{% block body %}
|
||
<div class="page">
|
||
{% block header %}
|
||
<header class="section page-header">
|
||
<div class="rd-navbar-wrap">
|
||
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
|
||
<div class="rd-navbar-aside-outer">
|
||
<div class="rd-navbar-aside">
|
||
<div class="rd-navbar-panel">
|
||
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
|
||
<a class="rd-navbar-brand" href="{% url 'public:home' %}" data-tianji-event="nav_home">
|
||
<img src="{% static 'brand/logo.png' %}" alt="{{ SITE_NAME }}" width="151" height="44"/>
|
||
</a>
|
||
</div>
|
||
<div class="rd-navbar-collapse">
|
||
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
|
||
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
|
||
{% if CONTACT_PHONE %}
|
||
<article class="unit align-items-center">
|
||
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
|
||
<div class="unit-body"><a class="link-default" href="tel:{{ CONTACT_PHONE_TEL }}">{{ CONTACT_PHONE }}</a></div>
|
||
</article>
|
||
{% endif %}
|
||
<article class="unit align-items-center">
|
||
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
|
||
<div class="unit-body"><span class="link-default">{% if CONTACT_ADDRESS %}{{ CONTACT_ADDRESS }}{% else %}{{ CONTACT_SERVICE_AREA }}{% endif %}</span></div>
|
||
</article>
|
||
<a class="button button-gray-bordered button-winona" href="{% url 'public:contact' %}" data-tianji-event="nav_get_in_touch">Get in touch</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="rd-navbar-main-outer">
|
||
<div class="rd-navbar-main">
|
||
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
|
||
<ul class="rd-navbar-nav">
|
||
<li class="rd-nav-item {% if page_name == 'home' %}active{% endif %}">
|
||
<a class="rd-nav-link" href="{% url 'public:home' %}" data-tianji-event="nav_home">Home</a>
|
||
</li>
|
||
<li class="rd-nav-item {% if page_name == 'about' %}active{% endif %}">
|
||
<a class="rd-nav-link" href="{% url 'public:about' %}" data-tianji-event="nav_about">About</a>
|
||
</li>
|
||
<li class="rd-nav-item {% if page_name == 'contact' %}active{% endif %}">
|
||
<a class="rd-nav-link" href="{% url 'public:contact' %}" data-tianji-event="nav_contact">Contact</a>
|
||
</li>
|
||
{% for item in public_nav_extra %}
|
||
<li class="rd-nav-item {% if page_name == item.section %}active{% endif %}">
|
||
<a class="rd-nav-link" href="{% url item.url_name %}">{{ item.label }}</a>
|
||
</li>
|
||
{% endfor %}
|
||
{% if user.is_authenticated %}
|
||
<li class="rd-nav-item">
|
||
{% if user.is_staff %}
|
||
<a class="rd-nav-link" href="{% url 'dashboard:home' %}">Portal</a>
|
||
{% elif "shop" in enabled_features %}
|
||
<a class="rd-nav-link" href="{% url 'account:home' %}">Account</a>
|
||
{% endif %}
|
||
</li>
|
||
{% elif "shop" in enabled_features %}
|
||
<li class="rd-nav-item">
|
||
<a class="rd-nav-link" href="{% url 'account:login' %}">Sign in</a>
|
||
</li>
|
||
{% endif %}
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
{% endblock %}
|
||
|
||
{% if messages %}
|
||
<ul class="flash">
|
||
{% for message in messages %}
|
||
<li class="{{ message.tags }}">{{ message }}</li>
|
||
{% endfor %}
|
||
</ul>
|
||
{% endif %}
|
||
|
||
{% block content %}{% endblock %}
|
||
|
||
{% block footer %}
|
||
<footer class="section footer-advanced bg-gray-700">
|
||
<div class="footer-advanced-main">
|
||
<div class="container">
|
||
<div class="row row-50">
|
||
<div class="col-lg-6">
|
||
<div class="footer-brand-row">
|
||
<img src="{% static 'brand/logo.png' %}" alt="{{ SITE_NAME }}">
|
||
<div>
|
||
<h5 class="font-weight-bold text-uppercase text-white" style="margin:0">{{ SITE_NAME }}</h5>
|
||
<span style="color:#7dd3da;font-size:12px">{{ SITE_TAGLINE }}</span>
|
||
</div>
|
||
</div>
|
||
<p class="footer-advanced-text">Replace this footer blurb with the client’s positioning.{% if CONTACT_ADDRESS %} {{ CONTACT_ADDRESS }}.{% endif %}</p>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<h5 class="font-weight-bold text-uppercase text-white">Navigate</h5>
|
||
<ul class="list-marked list-marked-sm">
|
||
<li><a href="{% url 'public:home' %}">Home</a></li>
|
||
<li><a href="{% url 'public:about' %}">About</a></li>
|
||
<li><a href="{% url 'public:contact' %}">Contact</a></li>
|
||
<li><a href="{% url 'public:terms' %}">Terms of Service</a></li>
|
||
{% for item in public_nav_extra %}
|
||
<li><a href="{% url item.url_name %}">{{ item.label }}</a></li>
|
||
{% endfor %}
|
||
{% if user.is_authenticated and not user.is_staff and "shop" in enabled_features %}
|
||
<li><a href="{% url 'account:home' %}">Account</a></li>
|
||
{% elif user.is_authenticated %}
|
||
<li><a href="{% url 'dashboard:home' %}">Client portal</a></li>
|
||
{% else %}
|
||
{% if "shop" in enabled_features %}
|
||
<li><a href="{% url 'account:login' %}">Sign in</a></li>
|
||
{% endif %}
|
||
<li><a href="{% url 'accounts:login' %}">Client portal</a></li>
|
||
{% endif %}
|
||
</ul>
|
||
<p style="margin-top:16px">
|
||
<a class="footer-link-btn" href="{% url 'public:terms' %}" data-tianji-event="footer_cookie_preferences">Cookie Preferences</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-advanced-aside">
|
||
<div class="container">
|
||
<div class="footer-advanced-layout">
|
||
<a class="brand" href="{% url 'public:home' %}">
|
||
<img src="{% static 'brand/logo.png' %}" alt="{{ SITE_NAME }}" width="151" height="44"/>
|
||
</a>
|
||
<div class="footer-aside-copy">
|
||
<p class="rights">
|
||
<span>© </span><span>{% now "Y" %} </span><span>{{ SITE_NAME }}</span><span>. </span>
|
||
</p>
|
||
<p class="footer-made-by">
|
||
Made by <a href="{{ CREDIT_URL }}" target="_blank" rel="noopener noreferrer">{{ CREDIT_NAME }}</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
{% endblock %}
|
||
</div>
|
||
{% endblock %}
|
||
|
||
{% if tianji_enabled %}
|
||
<div id="cookie-consent-banner" class="cookie-consent-banner" hidden role="dialog" aria-modal="true"
|
||
aria-labelledby="cookie-consent-title" aria-describedby="cookie-consent-description">
|
||
<div class="cookie-consent-content">
|
||
<h2 id="cookie-consent-title" class="visually-hidden">Analytics notice</h2>
|
||
<p class="cookie-consent-text" id="cookie-consent-description">
|
||
<span class="cookie-consent-text-full">We use analytics to understand how visitors use our site. This helps us improve performance and content. We never sell or share your personal data with third parties for marketing. <a class="cookie-consent-link" href="{% url 'public:terms' %}">Terms of Service</a></span>
|
||
<span class="cookie-consent-text-short">We use analytics on this site. <a class="cookie-consent-link" href="{% url 'public:terms' %}">Terms</a></span>
|
||
</p>
|
||
<div class="cookie-consent-actions">
|
||
<button type="button" id="cookie-consent-acknowledge" class="button button-primary button-winona">Acknowledge</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="{% static 'js/tianji-consent.js' %}"></script>
|
||
{% endif %}
|
||
{% block tracking_events %}{% endblock %}
|
||
<script src="{% static 'js/core.min.js' %}"></script>
|
||
<script src="{% static 'js/script.js' %}"></script>
|
||
{% block extra_js %}{% endblock %}
|
||
</body>
|
||
</html>
|