ai_ml_operations/scha
2
0
Fork 0
Code Issues 16 Pull Requests Actions Packages Projects Releases Wiki Activity

Improve SEO and agentic browsing for public pages (#18).
CI / test (pull_request) Successful in 4s
Details
Unit Tests / test (pull_request) Successful in 4s
Details

Browse Source 
Add per-page titles/meta/Open Graph, semantic landmarks, robots/sitemap/llms.txt, and accessibility fixes so humans and agents can discover and navigate the site reliably.
This commit is contained in:
westfarn
2026-07-14 07:17:31 -05:00
parent 862b13a666
commit 3ea2cfde0e
18 changed files with 367 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
schasite/static/css/style2.css
+19
View File
@@ -10,9 +10,28 @@ section {
scroll-margin-top: 70px; scroll-margin-top: 70px;
} }
/* Skip link visible when focused */
.visually-hidden-focusable:focus {
z-index: 1080;
}
/* Reserve image space to reduce CLS */
.card-img-top {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
height: auto;
}
img.img-fluid {
max-width: 100%;
height: auto;
}
/* Hero Section */ /* Hero Section */
#home { #home {
background-color: rgba(var(--bs-success-rgb), 0.1); background-color: rgba(var(--bs-success-rgb), 0.1);
min-height: 280px;
} }
/* News and Contact Sections */ /* News and Contact Sections */
schasite/templates/schasite/about_us2.html
+24 -9
View File
@@ -2,16 +2,31 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>About Us | Stonehedge Community Homeowners Association</title>
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Learn about Stonehedge in Wheaton, IL — local schools, community history, shopping and dining nearby, and parks that serve residents.">
{% endblock %}
{% block og_title %}About Us | Stonehedge Community Homeowners Association{% endblock %}
{% block og_description %}Learn about Stonehedge in Wheaton, IL — local schools, community history, shopping and dining nearby, and parks that serve residents.{% endblock %}
{% block twitter_title %}About Us | Stonehedge Community Homeowners Association{% endblock %}
{% block twitter_description %}Learn about Stonehedge in Wheaton, IL — local schools, community history, shopping and dining nearby, and parks that serve residents.{% endblock %}
{% block content %} {% block content %}
<section class="py-4 bg-success bg-opacity-10">
<div class="container">
<h1 class="text-success mb-0">About Stonehedge</h1>
<p class="lead mb-0 mt-2">Schools, history, nearby amenities, and parks serving our Wheaton community.</p>
</div>
</section>
<section id="schools" class="py-5"> <section id="schools" class="py-5">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-6 mb-4 mb-lg-0"> <div class="col-lg-6 mb-4 mb-lg-0">
<img src="{% static 'images/District_200.png' %}" alt="Local Schools" class="img-fluid rounded shadow"> <img src="{% static 'images/District_200.png' %}" alt="Community Unit School District 200 logo" class="img-fluid rounded shadow" width="600" height="400">
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<h2 class="text-success mb-4">Excellent Schools Serving Our Community</h2> <h2 class="text-success mb-4">Excellent Schools Serving Our Community</h2>
@@ -127,7 +142,7 @@
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-6 order-lg-2 mb-4 mb-lg-0"> <div class="col-lg-6 order-lg-2 mb-4 mb-lg-0">
<img src="{% static 'images/header.gif' %}" alt="Community History" class="img-fluid rounded shadow"> <img src="{% static 'images/header.gif' %}" alt="Historic view of the Stonehedge community" class="img-fluid rounded shadow" width="600" height="400">
</div> </div>
<div class="col-lg-6 order-lg-1"> <div class="col-lg-6 order-lg-1">
<h2 class="text-success mb-4">Our Rich History</h2> <h2 class="text-success mb-4">Our Rich History</h2>
@@ -161,7 +176,7 @@
<div class="row g-4"> <div class="row g-4">
<div class="col-md-6"> <div class="col-md-6">
<div class="card h-100 shadow-sm"> <div class="card h-100 shadow-sm">
<img src="{% static 'images/danada.jpeg' %}" class="card-img-top" alt="Greenwood Mall"> <img src="{% static 'images/danada.jpeg' %}" class="card-img-top" alt="Danada Square shopping area" width="640" height="360">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Danada</h5> <h5 class="card-title">Danada</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>1.0 miles from community</p> <p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>1.0 miles from community</p>
@@ -174,7 +189,7 @@
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card h-100 shadow-sm"> <div class="card h-100 shadow-sm">
<img src="{% static 'images/downtown_wheaton.jpeg' %}" class="card-img-top" alt="Farmers Market"> <img src="{% static 'images/downtown_wheaton.jpeg' %}" class="card-img-top" alt="Downtown Wheaton streetscape" width="640" height="360">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Downtown Wheaton</h5> <h5 class="card-title">Downtown Wheaton</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>2.7 miles from community</p> <p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>2.7 miles from community</p>
@@ -188,7 +203,7 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="card h-100 shadow-sm"> <div class="card h-100 shadow-sm">
<img src="{% static 'images/wheaton_farmers_market.jpeg' %}" class="card-img-top" alt="Farmers Market"> <img src="{% static 'images/wheaton_farmers_market.jpeg' %}" class="card-img-top" alt="Wheaton Farmers Market stalls" width="640" height="360">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Wheaton Farmersmarket</h5> <h5 class="card-title">Wheaton Farmersmarket</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>2.8 miles from community</p> <p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>2.8 miles from community</p>
@@ -201,7 +216,7 @@
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card h-100 shadow-sm"> <div class="card h-100 shadow-sm">
<img src="{% static 'images/downtown_naperville.jpeg' %}" class="card-img-top" alt="Dining District"> <img src="{% static 'images/downtown_naperville.jpeg' %}" class="card-img-top" alt="Downtown Naperville dining district" width="640" height="360">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Downtown Naperville</h5> <h5 class="card-title">Downtown Naperville</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>6.2 miles from community</p> <p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>6.2 miles from community</p>
@@ -227,7 +242,7 @@
<div class="card shadow-sm h-100"> <div class="card shadow-sm h-100">
<div class="row g-0 h-100"> <div class="row g-0 h-100">
<div class="col-md-5"> <div class="col-md-5">
<img src="{% static 'images/brighton.jpg' %}" class="img-fluid rounded-start h-100" alt="Community Park" style="object-fit: cover;"> <img src="{% static 'images/brighton.jpg' %}" class="img-fluid rounded-start h-100" alt="Brighton Park playground and green space" width="400" height="300" style="object-fit: cover;">
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<div class="card-body"> <div class="card-body">
@@ -249,7 +264,7 @@
<div class="card shadow-sm h-100"> <div class="card shadow-sm h-100">
<div class="row g-0 h-100"> <div class="row g-0 h-100">
<div class="col-md-5"> <div class="col-md-5">
<img src="{% static 'images/seven_gables.jpg' %}" class="img-fluid rounded-start h-100" alt="Nature Preserve" style="object-fit: cover;"> <img src="{% static 'images/seven_gables.jpg' %}" class="img-fluid rounded-start h-100" alt="Seven Gables Park nature preserve" width="400" height="300" style="object-fit: cover;">
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<div class="card-body"> <div class="card-body">
schasite/templates/schasite/base2.html
+24 -6
View File
@@ -5,7 +5,22 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association | Wheaton, IL</title>
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Stonehedge Community Homeowners Association in Wheaton, Illinois — community news, events, dues, membership, and board information for residents.">
{% endblock %}
<link rel="canonical" href="{{ request.scheme }}://{{ request.get_host }}{{ request.path }}">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Stonehedge Community Homeowners Association">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="{{ request.scheme }}://{{ request.get_host }}{{ request.path }}">
<meta property="og:title" content="{% block og_title %}Stonehedge Community Homeowners Association | Wheaton, IL{% endblock %}">
<meta property="og:description" content="{% block og_description %}Stonehedge Community Homeowners Association in Wheaton, Illinois — community news, events, dues, membership, and board information for residents.{% endblock %}">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{% block twitter_title %}Stonehedge Community Homeowners Association | Wheaton, IL{% endblock %}">
<meta name="twitter:description" content="{% block twitter_description %}Stonehedge Community Homeowners Association in Wheaton, Illinois — community news, events, dues, membership, and board information for residents.{% endblock %}">
<link rel="alternate" type="text/plain" title="LLM site guidance" href="{% url 'llms_txt' %}">
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons --> <!-- Bootstrap Icons -->
@@ -16,12 +31,13 @@
<script async defer src="https://tianji.aimloperations.com/tracker.js" data-website-id="cm9qziuid9vr7v6dtdbnx8406"></script> <script async defer src="https://tianji.aimloperations.com/tracker.js" data-website-id="cm9qziuid9vr7v6dtdbnx8406"></script>
</head> </head>
<body> <body>
<a class="visually-hidden-focusable btn btn-success position-absolute m-2" href="#main-content">Skip to main content</a>
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-success sticky-top"> <nav class="navbar navbar-expand-lg navbar-dark bg-success sticky-top" aria-label="Primary">
<div class="container"> <div class="container">
<a class="navbar-brand" href="{% url 'index2' %}">Stonehedge Community Homeowners Association</a> <a class="navbar-brand" href="{% url 'index2' %}">Stonehedge Community Homeowners Association</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
@@ -52,8 +68,10 @@
</div> </div>
</div> </div>
</nav> </nav>
<main id="main-content">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</main>
<!-- Footer --> <!-- Footer -->
@@ -61,10 +79,10 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6 mb-4 mb-lg-0"> <div class="col-lg-6 mb-4 mb-lg-0">
<h5 class="text-uppercase mb-4">Stonehedge Community Homeowners Association</h5> <h2 class="h5 text-uppercase mb-4">Stonehedge Community Homeowners Association</h2>
</div> </div>
<div class="col-lg-4 offset-lg-2 mb-4 mb-lg-0"> <div class="col-lg-4 offset-lg-2 mb-4 mb-lg-0">
<h5 class="text-uppercase mb-4">Quick Links</h5> <h2 class="h5 text-uppercase mb-4">Quick Links</h2>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="mb-2"><a href="{% url 'index2' %}" class="text-white-50 text-decoration-none">Home</a></li> <li class="mb-2"><a href="{% url 'index2' %}" class="text-white-50 text-decoration-none">Home</a></li>
<li class="mb-2"><a href="{% url 'about_us2' %}" class="text-white-50 text-decoration-none">About</a></li> <li class="mb-2"><a href="{% url 'about_us2' %}" class="text-white-50 text-decoration-none">About</a></li>
@@ -79,8 +97,8 @@
<hr class="my-4 text-white-50"> <hr class="my-4 text-white-50">
<div class="row align-items-center"> <div class="row align-items-center">
<div id="footer"> <div id="footer">
<p>&copy; Stonehedge Community Homeowners Association 2010-<script>document.write( new Date().getFullYear() );</script>. All rights reserved </p> <p>&copy; Stonehedge Community Homeowners Association 2010-{% now "Y" %}. All rights reserved.</p>
<p> Developed by <a href="https://aimloperations.com">AI ML Operations, LLC</a></p> <p> Developed by <a href="https://aimloperations.com" class="text-white-50">AI ML Operations, LLC</a></p>
</div> </div>
</div> </div>
</footer> </footer>
schasite/templates/schasite/calendar2.html
+15 -5
View File
@@ -2,7 +2,7 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>Calendar | Stonehedge Community Homeowners Association</title>
<style type="text/css"> <style type="text/css">
/* Calendar Page Specific Styles */ /* Calendar Page Specific Styles */
.event-card { .event-card {
@@ -23,6 +23,7 @@
height: 180px; height: 180px;
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
aspect-ratio: 16 / 9;
} }
.nav-tabs .nav-link { .nav-tabs .nav-link {
@@ -62,20 +63,29 @@
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Stonehedge community calendar — upcoming HOA events, gatherings, and past activities for Wheaton residents.">
{% endblock %}
{% block og_title %}Calendar | Stonehedge Community Homeowners Association{% endblock %}
{% block og_description %}Stonehedge community calendar — upcoming HOA events, gatherings, and past activities for Wheaton residents.{% endblock %}
{% block twitter_title %}Calendar | Stonehedge Community Homeowners Association{% endblock %}
{% block twitter_description %}Stonehedge community calendar — upcoming HOA events, gatherings, and past activities for Wheaton residents.{% endblock %}
{% block content %} {% block content %}
<main class="py-5"> <div class="py-5">
<div class="container"> <div class="container">
<!-- Calendar Navigation --> <!-- Calendar Navigation -->
<div class="row mb-4"> <div class="row mb-4">
<div class="col-12"> <div class="col-12">
<h1 class="text-success mb-3">Community Calendar</h1>
<ul class="nav nav-tabs" id="calendarTabs" role="tablist"> <ul class="nav nav-tabs" id="calendarTabs" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link active" id="upcoming-tab" data-bs-toggle="tab" data-bs-target="#upcoming" type="button" role="tab"> <button class="nav-link active" id="upcoming-tab" data-bs-toggle="tab" data-bs-target="#upcoming" type="button" role="tab" aria-controls="upcoming" aria-selected="true">
Upcoming Events Upcoming Events
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link" id="past-tab" data-bs-toggle="tab" data-bs-target="#past" type="button" role="tab"> <button class="nav-link" id="past-tab" data-bs-toggle="tab" data-bs-target="#past" type="button" role="tab" aria-controls="past" aria-selected="false">
Past Events Past Events
</button> </button>
</li> </li>
@@ -172,7 +182,7 @@
</div> </div>
</div> </div>
</div> </div>
</main> </div>
{% endblock %} {% endblock %}
{% block extra_js %} {% block extra_js %}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
schasite/templates/schasite/dues2.html
+13 -5
View File
@@ -2,7 +2,7 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>Pay Dues | Stonehedge Community Homeowners Association</title>
<style type="text/css"> <style type="text/css">
/* Payment Page Specific Styles */ /* Payment Page Specific Styles */
.payment-option-card { .payment-option-card {
@@ -50,15 +50,23 @@
</style> </style>
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Pay annual Stonehedge HOA dues securely online via Stripe. Current annual dues are $30.">
{% endblock %}
{% block og_title %}Pay Dues | Stonehedge Community Homeowners Association{% endblock %}
{% block og_description %}Pay annual Stonehedge HOA dues securely online via Stripe. Current annual dues are $30.{% endblock %}
{% block twitter_title %}Pay Dues | Stonehedge Community Homeowners Association{% endblock %}
{% block twitter_description %}Pay annual Stonehedge HOA dues securely online via Stripe. Current annual dues are $30.{% endblock %}
{% block content %} {% block content %}
<main class="py-5"> <div class="py-5">
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-8"> <div class="col-lg-8">
<!-- Payment Information Card --> <!-- Payment Information Card -->
<div class="card shadow-sm mb-5"> <div class="card shadow-sm mb-5">
<div class="card-header bg-success text-white"> <div class="card-header bg-success text-white">
<h3 class="mb-0">Payment Information</h3> <h1 class="h3 mb-0">Payment Information</h1>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="alert alert-info"> <div class="alert alert-info">
@@ -110,7 +118,7 @@
<h4 class="text-success">Credit/Debit Card</h4> <h4 class="text-success">Credit/Debit Card</h4>
<p class="card-text">Pay securely with Visa, Mastercard, American Express, or Discover.</p> <p class="card-text">Pay securely with Visa, Mastercard, American Express, or Discover.</p>
<button class="btn btn-success mt-3" id="submitBtn">Pay Dues</button> <button class="btn btn-success mt-3" id="submitBtn" type="button" aria-label="Pay annual dues with credit or debit card">Pay Dues</button>
</div> </div>
</div> </div>
</div> </div>
@@ -184,7 +192,7 @@
</div> </div>
</div> </div>
</div> </div>
</main> </div>
{% endblock %} {% endblock %}
{% block extra_js %} {% block extra_js %}
schasite/templates/schasite/dues_cancelled.html
+9 -7
View File
@@ -2,16 +2,18 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>Payment Cancelled | Stonehedge Community Homeowners Association</title>
{% endblock %}
{% block meta_tags %}
<meta name="description" content="Your Stonehedge HOA dues payment was cancelled.">
<meta name="robots" content="noindex, nofollow">
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="py-5">
<div class="container">
<div class="mid-body">
<h1>Your payment cancelled.</h1> <h1>Your payment cancelled.</h1>
</div> </div>
</div>
{% endblock %} {% endblock %}
schasite/templates/schasite/dues_success.html
+9 -7
View File
@@ -2,16 +2,18 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>Payment Successful | Stonehedge Community Homeowners Association</title>
{% endblock %}
{% block meta_tags %}
<meta name="description" content="Your Stonehedge HOA dues payment was successful.">
<meta name="robots" content="noindex, nofollow">
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="py-5">
<div class="container">
<div class="mid-body">
<h1>Your payment succeeded.</h1> <h1>Your payment succeeded.</h1>
</div> </div>
</div>
{% endblock %} {% endblock %}
schasite/templates/schasite/index2.html
+9 -1
View File
@@ -2,7 +2,7 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>Home | Stonehedge Community Homeowners Association</title>
<style type="text/css"> <style type="text/css">
.hero-section { .hero-section {
background: url({% static 'images/header.gif' %}); background: url({% static 'images/header.gif' %});
@@ -20,6 +20,14 @@
</style> </style>
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Welcome to Stonehedge Community Homeowners Association in Wheaton, IL. Pay dues, join as a member, find events, and meet the HOA board.">
{% endblock %}
{% block og_title %}Home | Stonehedge Community Homeowners Association{% endblock %}
{% block og_description %}Welcome to Stonehedge Community Homeowners Association in Wheaton, IL. Pay dues, join as a member, find events, and meet the HOA board.{% endblock %}
{% block twitter_title %}Home | Stonehedge Community Homeowners Association{% endblock %}
{% block twitter_description %}Welcome to Stonehedge Community Homeowners Association in Wheaton, IL. Pay dues, join as a member, find events, and meet the HOA board.{% endblock %}
{% block content %} {% block content %}
<!-- Hero Section --> <!-- Hero Section -->
<section id="home" class="py-5 bg-success bg-opacity-10"> <section id="home" class="py-5 bg-success bg-opacity-10">
schasite/templates/schasite/llms.txt
+32
View File
@@ -0,0 +1,32 @@
# Stonehedge Community Homeowners Association (SCHA)
> Public website for the Stonehedge Community Homeowners Association in Wheaton, Illinois.
Stonehedge is a residential homeowners association serving Wheaton, IL. This site helps residents learn about the community, pay annual dues, join as members, view events, meet the board, and find useful local links.
## Primary pages
- [Home]({{ site_root }}): Community overview and quick links to dues, membership, events, and the board
- [About Us]({{ site_root }}about_us): Schools, community history, local shopping/dining, and nearby parks
- [Calendar]({{ site_root }}calendar): Upcoming and past community events
- [Pay Dues]({{ site_root }}dues): Annual dues payment via Stripe checkout ($30/year)
- [Join Today]({{ site_root }}membership_form): New member registration form (address, household contacts, committee interests)
- [SCHA Board]({{ site_root }}scha_board): Current volunteer board officers and contacts
- [Useful Links]({{ site_root }}useful_links): External resources for residents
## Machine-readable discovery
- Sitemap: {{ site_root }}sitemap.xml
- Robots: {{ site_root }}robots.txt
- This file: {{ site_root }}llms.txt
## Transactional flows
- Membership: HTML form POST to /membership_form (CSRF protected; includes reCAPTCHA)
- Dues payment: client creates Stripe Checkout session via /create-checkout-session/, then redirects to Stripe
## Notes for agents
- Prefer public navigation links in the primary navbar / footer
- Do not scrape or interact with /admin/ or member-only DEBUG routes
- Keep interactions within visible, labeled controls; payment completes on Stripe's hosted checkout
schasite/templates/schasite/membership_form2.html
+39 -31
View File
@@ -2,8 +2,8 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>Join Today | Stonehedge Community Homeowners Association</title>
<script type="text/css"> <style type="text/css">
/* Membership Form Specific Styles */ /* Membership Form Specific Styles */
#membershipForm fieldset { #membershipForm fieldset {
margin-bottom: 2rem; margin-bottom: 2rem;
@@ -60,18 +60,26 @@
.modal-header .btn-close { .modal-header .btn-close {
filter: invert(1); filter: invert(1);
} }
</script> </style>
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Join Stonehedge Community Homeowners Association. Submit membership details, household contacts, and committee interests.">
{% endblock %}
{% block og_title %}Join Today | Stonehedge Community Homeowners Association{% endblock %}
{% block og_description %}Join Stonehedge Community Homeowners Association. Submit membership details, household contacts, and committee interests.{% endblock %}
{% block twitter_title %}Join Today | Stonehedge Community Homeowners Association{% endblock %}
{% block twitter_description %}Join Stonehedge Community Homeowners Association. Submit membership details, household contacts, and committee interests.{% endblock %}
{% block content %} {% block content %}
<main class="py-5"> <div class="py-5">
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-8"> <div class="col-lg-8">
<div class="card shadow-sm"> <div class="card shadow-sm">
<div class="card-header bg-success text-white"> <div class="card-header bg-success text-white">
<h2 class="h4 mb-0">New Member Information</h2> <h1 class="h4 mb-0">New Member Information</h1>
</div> </div>
<div class="card-body"> <div class="card-body">
<form id="membershipForm" method="POST" action='{% url "membership_form2" %}' class="needs-validation" novalidate> <form id="membershipForm" method="POST" action='{% url "membership_form2" %}' class="needs-validation" novalidate>
@@ -112,7 +120,7 @@
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label for="zipCode" class="form-label">ZIP Code*</label> <label for="zipCode" class="form-label">ZIP Code*</label>
<input type="text" class="form-control" id="zipCode" value="zipCode" value="60189" required> <input type="text" class="form-control" id="zipCode" name="zipCode" value="60189" required>
<div class="invalid-feedback"> <div class="invalid-feedback">
Please provide your ZIP code. Please provide your ZIP code.
</div> </div>
@@ -197,77 +205,77 @@
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="block_captain" for="block_captain" name="block_captain"> <input class="form-check-input" type="checkbox" id="block_captain" name="block_captain">
<label class="form-check-label" id="block_captain"> <label class="form-check-label" for="block_captain">
BlockCaptain BlockCaptain
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="coordinator" for="coordinator" name="coordinator"> <input class="form-check-input" type="checkbox" id="coordinator" name="coordinator">
<label class="form-check-label" id="coordinator"> <label class="form-check-label" for="coordinator">
Coordinator Coordinator
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="egg_hunt" for="egg_hunt" name="egg_hunt"> <input class="form-check-input" type="checkbox" id="egg_hunt" name="egg_hunt">
<label class="form-check-label" id="egg_hunt"> <label class="form-check-label" for="egg_hunt">
Easter Egg Hunt Easter Egg Hunt
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="spring_garage_sale" for="spring_garage_sale" name="spring_garage_sale"> <input class="form-check-input" type="checkbox" id="spring_garage_sale" name="spring_garage_sale">
<label class="form-check-label" id="spring_garage_sale"> <label class="form-check-label" for="spring_garage_sale">
Spring Garage Sale Spring Garage Sale
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="golf_outing" for="golf_outing" name="golf_outing"> <input class="form-check-input" type="checkbox" id="golf_outing" name="golf_outing">
<label class="form-check-label" id="golf_outing"> <label class="form-check-label" for="golf_outing">
Golf Outing Golf Outing
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="ice_cream_social" for="ice_cream_social" name="ice_cream_social"> <input class="form-check-input" type="checkbox" id="ice_cream_social" name="ice_cream_social">
<label class="form-check-label" id="ice_cream_social"> <label class="form-check-label" for="ice_cream_social">
Ice Creame Social Ice Creame Social
</label> </label>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="fall_garage_sale" for="fall_garage_sale" name="fall_garage_sale"> <input class="form-check-input" type="checkbox" id="fall_garage_sale" name="fall_garage_sale">
<label class="form-check-label" id="fall_garage_sale"> <label class="form-check-label" for="fall_garage_sale">
Fall Garage Sale Fall Garage Sale
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="halloween_party" for="halloween_party" name="halloween_party"> <input class="form-check-input" type="checkbox" id="halloween_party" name="halloween_party">
<label class="form-check-label" id="halloween_party"> <label class="form-check-label" for="halloween_party">
Halloween Party Halloween Party
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="santa_visit" for="santa_visit" name="santa_visit"> <input class="form-check-input" type="checkbox" id="santa_visit" name="santa_visit">
<label class="form-check-label" id="santa_visit"> <label class="form-check-label" for="santa_visit">
Santa Visits Santa Visits
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="civic_affair" for="civic_affair" name="civic_affair"> <input class="form-check-input" type="checkbox" id="civic_affair" name="civic_affair">
<label class="form-check-label" id="civic_affair"> <label class="form-check-label" for="civic_affair">
Civic Affairs Journalist Civic Affairs Journalist
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="phone_directory" for="phone_directory" name="phone_directory"> <input class="form-check-input" type="checkbox" id="phone_directory" name="phone_directory">
<label class="form-check-label" id="phone_directory"> <label class="form-check-label" for="phone_directory">
Annual Phone Director Annual Phone Director
</label> </label>
</div> </div>
<div class="form-check mb-2"> <div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="no_preference" for="no_preference" name="no_preference"> <input class="form-check-input" type="checkbox" id="no_preference" name="no_preference">
<label class="form-check-label" id="no_preference"> <label class="form-check-label" for="no_preference">
No Preference No Preference
</label> </label>
</div> </div>
@@ -352,7 +360,7 @@
</div> </div>
</div> </div>
</div> </div>
</main> </div>
{% endblock %} {% endblock %}
schasite/templates/schasite/newsletters2.html
+15 -1
View File
@@ -2,8 +2,22 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>Newsletters | Stonehedge Community Homeowners Association</title>
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Stonehedge Community Homeowners Association newsletters and community updates for Wheaton residents.">
{% endblock %}
{% block og_title %}Newsletters | Stonehedge Community Homeowners Association{% endblock %}
{% block og_description %}Stonehedge Community Homeowners Association newsletters and community updates for Wheaton residents.{% endblock %}
{% block twitter_title %}Newsletters | Stonehedge Community Homeowners Association{% endblock %}
{% block twitter_description %}Stonehedge Community Homeowners Association newsletters and community updates for Wheaton residents.{% endblock %}
{% block content %} {% block content %}
<div class="py-5">
<div class="container">
<h1 class="text-success mb-3">Newsletters</h1>
<p class="lead">Community newsletters will appear here as they are published.</p>
</div>
</div>
{% endblock %} {% endblock %}
schasite/templates/schasite/robots.txt
+18
View File
@@ -0,0 +1,18 @@
User-agent: *
Allow: /
Disallow: /admin/
Disallow: /login/
Disallow: /signup/
Disallow: /dashboard/
Disallow: /directory/
Disallow: /posts/
Disallow: /posts_create/
Disallow: /profile/
Disallow: /password_reset/
Disallow: /set_password/
Disallow: /config/
Disallow: /create-checkout-session/
Disallow: /webhook/
Sitemap: {{ sitemap_url }}
schasite/templates/schasite/scha_board2.html
+12 -4
View File
@@ -2,7 +2,7 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>SCHA Board | Stonehedge Community Homeowners Association</title>
<style type="text/css"> <style type="text/css">
/* Board Page Specific Styles */ /* Board Page Specific Styles */
.card-header h4 { .card-header h4 {
@@ -35,15 +35,23 @@
</style> </style>
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Meet the volunteer Stonehedge Community Homeowners Association board officers serving Wheaton residents.">
{% endblock %}
{% block og_title %}SCHA Board | Stonehedge Community Homeowners Association{% endblock %}
{% block og_description %}Meet the volunteer Stonehedge Community Homeowners Association board officers serving Wheaton residents.{% endblock %}
{% block twitter_title %}SCHA Board | Stonehedge Community Homeowners Association{% endblock %}
{% block twitter_description %}Meet the volunteer Stonehedge Community Homeowners Association board officers serving Wheaton residents.{% endblock %}
{% block content %} {% block content %}
<main class="py-5"> <div class="py-5">
<div class="container"> <div class="container">
<!-- Board Information --> <!-- Board Information -->
<div class="row justify-content-center mb-5"> <div class="row justify-content-center mb-5">
<div class="col-lg-10"> <div class="col-lg-10">
<div class="card shadow-sm"> <div class="card shadow-sm">
<div class="card-body text-center"> <div class="card-body text-center">
<h3 class="text-success mb-3">2025-2026 Stonehedge Community Homeowners Association Board</h3> <h1 class="h3 text-success mb-3">2025-2026 Stonehedge Community Homeowners Association Board</h1>
<p>The Stonehedge Community Homeowners Association is governed by a volunteer board of directors elected by the community members. Board members serve two-year terms and are responsible for overseeing the community's operations, finances, and enforcement of covenants.</p> <p>The Stonehedge Community Homeowners Association is governed by a volunteer board of directors elected by the community members. Board members serve two-year terms and are responsible for overseeing the community's operations, finances, and enforcement of covenants.</p>
</div> </div>
</div> </div>
@@ -98,5 +106,5 @@
</div> </div>
</main> </div>
{% endblock %} {% endblock %}
schasite/templates/schasite/sitemap.xml
+10
View File
@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
{% for entry in urls %}
<url>
<loc>{{ entry.loc }}</loc>
<changefreq>{{ entry.changefreq }}</changefreq>
<priority>{{ entry.priority }}</priority>
</url>
{% endfor %}
</urlset>
schasite/templates/schasite/useful_links2.html
+14 -6
View File
@@ -2,8 +2,8 @@
{% load static %} {% load static %}
{% block pagetitle %} {% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title> <title>Useful Links | Stonehedge Community Homeowners Association</title>
<script type="text/css"> <style type="text/css">
/* Links Page Specific Styles */ /* Links Page Specific Styles */
.links-table th { .links-table th {
background-color: var(--bs-success); background-color: var(--bs-success);
@@ -41,17 +41,25 @@
font-size: 0.75rem; font-size: 0.75rem;
} }
} }
</script> </style>
{% endblock %} {% endblock %}
{% block meta_tags %}
<meta name="description" content="Helpful links for Stonehedge residents — city services, utilities, schools, and neighborhood resources.">
{% endblock %}
{% block og_title %}Useful Links | Stonehedge Community Homeowners Association{% endblock %}
{% block og_description %}Helpful links for Stonehedge residents — city services, utilities, schools, and neighborhood resources.{% endblock %}
{% block twitter_title %}Useful Links | Stonehedge Community Homeowners Association{% endblock %}
{% block twitter_description %}Helpful links for Stonehedge residents — city services, utilities, schools, and neighborhood resources.{% endblock %}
{% block content %} {% block content %}
<main class="py-5"> <div class="py-5">
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-10"> <div class="col-lg-10">
<div class="card shadow-sm"> <div class="card shadow-sm">
<div class="card-header bg-success text-white"> <div class="card-header bg-success text-white">
<h3 class="mb-0">Useful Links</h3> <h1 class="h3 mb-0">Useful Links</h1>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="table-responsive"> <div class="table-responsive">
@@ -264,7 +272,7 @@
</div> </div>
</div> </div>
</div> </div>
</main> </div>
{% endblock %} {% endblock %}
schasite/tests.py
+43
View File
@@ -89,6 +89,49 @@ class PublicPageTests(TestCase):
self.assertEqual(response.status_code, 200) self.assertEqual(response.status_code, 200)
self.assertContains(response, "City of Wheaton") self.assertContains(response, "City of Wheaton")
def test_public_pages_include_seo_metadata(self):
pages = [
("index2", "Home | Stonehedge"),
("about_us2", "About Us | Stonehedge"),
("calendar2", "Calendar | Stonehedge"),
("dues2", "Pay Dues | Stonehedge"),
("membership_form2", "Join Today | Stonehedge"),
("scha_board2", "SCHA Board | Stonehedge"),
("useful_links2", "Useful Links | Stonehedge"),
]
for name, title_fragment in pages:
with self.subTest(page=name):
response = self.client.get(reverse(name))
self.assertEqual(response.status_code, 200)
self.assertContains(response, f"<title>{title_fragment}")
self.assertContains(response, 'name="description"')
self.assertContains(response, 'property="og:title"')
self.assertContains(response, 'rel="canonical"')
self.assertContains(response, 'id="main-content"')
self.assertContains(response, "Skip to main content")
def test_robots_txt(self):
response = self.client.get(reverse("robots_txt"))
self.assertEqual(response.status_code, 200)
self.assertEqual(response["Content-Type"].split(";")[0], "text/plain")
self.assertContains(response, "Sitemap:")
self.assertContains(response, "Disallow: /admin/")
def test_sitemap_xml(self):
response = self.client.get(reverse("sitemap_xml"))
self.assertEqual(response.status_code, 200)
self.assertIn("xml", response["Content-Type"])
self.assertContains(response, reverse("index2"))
self.assertContains(response, reverse("dues2"))
def test_llms_txt(self):
response = self.client.get(reverse("llms_txt"))
self.assertEqual(response.status_code, 200)
self.assertEqual(response["Content-Type"].split(";")[0], "text/plain")
self.assertContains(response, "Stonehedge Community Homeowners Association")
self.assertContains(response, reverse("membership_form2").lstrip("/"))
@override_settings( @override_settings(
RECAPTCHA_PUBLIC_KEY="test-public-key", RECAPTCHA_PUBLIC_KEY="test-public-key",
schasite/urls.py
+3
View File
@@ -38,6 +38,9 @@ urlpatterns = authenticated_views + [
path("membership_form", views.membership_form2, name="membership_form2"), path("membership_form", views.membership_form2, name="membership_form2"),
path("scha_board", views.scha_board2, name="scha_board2"), path("scha_board", views.scha_board2, name="scha_board2"),
path("useful_links", views.useful_links2, name="useful_links2"), path("useful_links", views.useful_links2, name="useful_links2"),
path("robots.txt", views.robots_txt, name="robots_txt"),
path("sitemap.xml", views.sitemap_xml, name="sitemap_xml"),
path("llms.txt", views.llms_txt, name="llms_txt"),
# stripe specific urls below # stripe specific urls below
path("config/", views.stripe_config), path("config/", views.stripe_config),
path("create-checkout-session/", views.create_checkout_session), path("create-checkout-session/", views.create_checkout_session),
schasite/views.py
+50
View File
@@ -18,6 +18,7 @@ from django.http.response import JsonResponse, HttpResponse
from django.views.decorators.csrf import csrf_exempt # new from django.views.decorators.csrf import csrf_exempt # new
from django.contrib.auth import logout, authenticate, login from django.contrib.auth import logout, authenticate, login
from django.contrib.auth.decorators import login_required from django.contrib.auth.decorators import login_required
from django.urls import reverse
import stripe import stripe
import logging import logging
@@ -122,6 +123,55 @@ def useful_links(request):
return render(request, "schasite/useful_links.html", {"links": useful_links}) return render(request, "schasite/useful_links.html", {"links": useful_links})
PUBLIC_SITEMAP_ROUTES = (
("index2", "weekly", "1.0"),
("about_us2", "monthly", "0.8"),
("calendar2", "weekly", "0.8"),
("dues2", "monthly", "0.9"),
("membership_form2", "monthly", "0.9"),
("scha_board2", "monthly", "0.7"),
("useful_links2", "monthly", "0.6"),
("newsletters2", "monthly", "0.5"),
)
def robots_txt(request):
sitemap_url = request.build_absolute_uri(reverse("sitemap_xml"))
return render(
request,
"schasite/robots.txt",
{"sitemap_url": sitemap_url},
content_type="text/plain",
)
def sitemap_xml(request):
urls = [
{
"loc": request.build_absolute_uri(reverse(name)),
"changefreq": changefreq,
"priority": priority,
}
for name, changefreq, priority in PUBLIC_SITEMAP_ROUTES
]
return render(
request,
"schasite/sitemap.xml",
{"urls": urls},
content_type="application/xml",
)
def llms_txt(request):
site_root = request.build_absolute_uri("/")
return render(
request,
"schasite/llms.txt",
{"site_root": site_root},
content_type="text/plain; charset=utf-8",
)
def index2(request): def index2(request):
return render(request, "schasite/index2.html", {}) return render(request, "schasite/index2.html", {})