generated from westfarn/web_django_template
westfarn
b46e192138
Replaces template branding with College Craft pages, assets, and copy, and matches Gitea deploy workflows to the server-infra catalog name and master branch so beta deploys actually run. Closes #1
193 lines
10 KiB
HTML
193 lines
10 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, height=device-height, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<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/cc-exterior-2.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="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap">
|
||
<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-wide" 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-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
|
||
<div class="rd-navbar-main-outer">
|
||
<div class="rd-navbar-main">
|
||
<div class="rd-navbar-panel">
|
||
<button class="rd-navbar-toggle" type="button" aria-label="Open menu" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
|
||
<div class="rd-navbar-brand">
|
||
<a class="brand" href="{% url 'public:home' %}" data-tianji-event="nav_home">
|
||
<img class="brand-logo-dark" src="{% static 'brand/logo.png' %}" alt="{{ SITE_NAME }}" width="180" height="71"/>
|
||
<img class="brand-logo-light" src="{% static 'brand/logo.png' %}" alt="{{ SITE_NAME }}" width="180" height="71"/>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="rd-navbar-nav-wrap">
|
||
<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 == 'services' %}active{% endif %}">
|
||
<a class="rd-nav-link" href="{% url 'public:services' %}" data-tianji-event="nav_services">Services</a>
|
||
</li>
|
||
<li class="rd-nav-item {% if page_name == 'testimonials' %}active{% endif %}">
|
||
<a class="rd-nav-link" href="{% url 'public:testimonials' %}" data-tianji-event="nav_testimonials">Testimonials</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 %}
|
||
<li class="rd-nav-item {% if page_name == 'careers' %}active{% endif %}">
|
||
<a class="rd-nav-link" href="{% url 'public:careers' %}" data-tianji-event="nav_careers">Careers</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>
|
||
</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 section-lg footer-dark context-ligh bg-gray-light">
|
||
<div class="container">
|
||
<div class="row row-40 justify-content-between">
|
||
<div class="col-md-6 col-lg-5 col-xl-4">
|
||
<h3>Get in touch</h3>
|
||
<p>Call or write for a free estimate. Interior, exterior, and commercial painting across Chicagoland’s western suburbs since 1960.</p>
|
||
<div class="custom-wrap-line">
|
||
<div class="custom-wrap-inner">
|
||
{% if CONTACT_PHONE %}
|
||
<dl class="list-terms-custom list-terms-custom-1">
|
||
<dt class="text-primary">Ph.</dt>
|
||
<dd><a class="contact-link" href="tel:{{ CONTACT_PHONE_TEL }}">{{ CONTACT_PHONE }}</a></dd>
|
||
</dl>
|
||
{% endif %}
|
||
{% if CONTACT_EMAIL %}
|
||
<dl class="list-terms-custom list-terms-custom-1">
|
||
<dt class="text-primary">Mail.</dt>
|
||
<dd><a class="contact-link font-weight-normal" href="mailto:{{ CONTACT_EMAIL }}">{{ CONTACT_EMAIL }}</a></dd>
|
||
</dl>
|
||
{% endif %}
|
||
{% if CONTACT_ADDRESS %}
|
||
<dl class="list-terms-custom list-terms-custom-1">
|
||
<dt class="text-primary">Addr.</dt>
|
||
<dd><span class="contact-link font-weight-normal">{{ CONTACT_ADDRESS }}</span></dd>
|
||
</dl>
|
||
{% endif %}
|
||
<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 class="col-md-6 col-lg-5">
|
||
<h3>Navigate</h3>
|
||
<ul class="list-marked list-marked-2">
|
||
<li><a href="{% url 'public:home' %}">Home</a></li>
|
||
<li><a href="{% url 'public:about' %}">About</a></li>
|
||
<li><a href="{% url 'public:services' %}">Services</a></li>
|
||
<li><a href="{% url 'public:testimonials' %}">Testimonials</a></li>
|
||
{% for item in public_nav_extra %}
|
||
<li><a href="{% url item.url_name %}">{{ item.label }}</a></li>
|
||
{% endfor %}
|
||
<li><a href="{% url 'public:careers' %}">Careers</a></li>
|
||
<li><a href="{% url 'public:contact' %}">Contact</a></li>
|
||
<li><a href="{% url 'public:terms' %}">Terms of Service</a></li>
|
||
{% if user.is_authenticated %}
|
||
<li><a href="{% url 'dashboard:home' %}">Client portal</a></li>
|
||
{% else %}
|
||
<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>
|
||
</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-md">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>
|