6 Commits
Author SHA1 Message Date
westfarn faca7b1084 Dockerize Django app with dev/beta/prod env config and uv.
CI / test (pull_request) Successful in 7s
Replace hardcoded settings with environment-driven config, add Docker
compose for local and production deploys, migrate from pip to uv, and
split Gitea workflows so PRs run tests only while master pushes deploy.
2026-07-03 06:15:43 -05:00
westfarn 2fb5204614 Fix WebMCP schema validity on contact form (#13)
Deploy Company Site / test (push) Successful in 9s
Deploy Company Site / deploy (push) Successful in 4s
## Summary

Follow-up to PR #12 / Lighthouse agentic-browsing audit on `/contact` (score 0.88).

- Add `toolparamdescription` to all contact form fields for WebMCP schema validity
- Move reCAPTCHA outside the annotated `<form>` so `g-recaptcha-response` is excluded from the declarative tool schema
- Always render `toolname` / `tooldescription` on the contact form (not gated by `WEBMCP_ENABLED`)
- Override `django_recaptcha/widget_v3.html` to associate captcha with `form="contact-form"`
- Update docs with HTTPS Lighthouse commands

## Test plan

- [x] `python manage.py test public.tests` — 21 tests pass
- [ ] Deploy and re-run Lighthouse agentic-browsing on `https://aimloperations.com/contact`
- [ ] Confirm `webmcp-schema-validity` passes (expected overall score 1.0)

Reviewed-on: #13
2026-07-02 18:02:44 +00:00
westfarn bb5aa6de82 Add WebMCP tool registration for agentic browsing (#9) (#12)
Deploy Company Site / test (push) Successful in 10s
Deploy Company Site / deploy (push) Successful in 4s
## Summary

- Add `WEBMCP_ENABLED` setting and guarded `webmcp-tools.js` loader on public pages
- Register navigation tools (`list_services`, `get_page_content`, `navigate_to_service`, `open_contact_with_subject`) and contact tool (`submit_contact_inquiry`)
- Annotate contact form with declarative WebMCP attributes for Lighthouse form coverage
- Extend `PUBLIC_PAGE_ENTRIES` with summaries shared by SEO and WebMCP tools
- Add `docs/webmcp.md`, update `docs/agentic-browsing.md`, and regression tests

Closes #9

## Test plan

- [x] `python manage.py test public.tests` — 20 tests pass
- [ ] Set `WEBMCP_ENABLED=True`, enable Chrome experimental web platform features flag
- [ ] Verify homepage HTML includes `webmcp-config` and `webmcp-tools.js`
- [ ] Verify `/contact` form has `toolname="submit_contact_inquiry"`
- [ ] Run Lighthouse agentic-browsing on `/` and `/contact` with experimental flag
- [ ] Call `list_services` from WebMCP-capable Chrome on homepage
- [ ] Call `submit_contact_inquiry` on `/contact` with `DEBUG=True` (reCAPTCHA bypass)

Reviewed-on: #12
2026-07-02 16:57:47 +00:00
westfarn 7c9aba7e6c feature/7-tianji-acknowledge-banner (#11)
Deploy Company Site / test (push) Successful in 10s
Deploy Company Site / deploy (push) Successful in 5s
Reviewed-on: #11
2026-07-02 14:20:19 +00:00
westfarn b5ab8eb512 Switch Tianji tracking from opt-in consent to acknowledge notice. (#10)
Deploy Company Site / test (push) Successful in 10s
Deploy Company Site / deploy (push) Successful in 4s
Load analytics on page load so visitors who never interact still produce data, while an informational banner lets users acknowledge the practice. Migrate legacy declined and accepted consent values so prior opt-outs are cleared and tracking resumes.

Closes #7

Reviewed-on: #10
2026-07-02 12:04:10 +00:00
westfarn 846f1b8a37 Improve Lighthouse Agentic Browsing readiness (#8)
Deploy Company Site / test (push) Successful in 10s
Deploy Company Site / deploy (push) Successful in 5s
## Summary

- Add `robots.txt`, `sitemap.xml`, and `llms.txt` endpoints so crawlers and AI agents can discover public pages
- Fix accessibility tree issues: contact form labels, semantic nav/profile dropdown buttons, cookie consent dialog ARIA, and dead `href="#"` links
- Reduce layout shift on homepage/contact via hero min-heights, trusted-by marquee sizing, and fixed cookie banner
- Add regression tests and `docs/agentic-browsing.md` for Lighthouse agentic-browsing audits

Closes #5. Also addresses overlap with #3 (sitemap + robots.txt).

## Test plan

- [x] `python manage.py test public.tests` (14 tests pass)
- [ ] Verify `GET /robots.txt`, `/sitemap.xml`, `/llms.txt` return 200 in staging/prod
- [ ] Confirm contact form labels visible and submittable on `/contact`
- [ ] Run Lighthouse `--only-categories=agentic-browsing` on homepage and contact page
- [ ] Smoke test mobile nav dropdown and cookie consent banner

Reviewed-on: #8
2026-07-02 11:36:54 +00:00
22 changed files with 1161 additions and 111 deletions
@@ -67,6 +67,7 @@ SECRET_KEY = env(
DEBUG = env_bool("DJANGO_DEBUG", False) DEBUG = env_bool("DJANGO_DEBUG", False)
TIANJI_ENABLED = env_bool("TIANJI_ENABLED", not DEBUG) TIANJI_ENABLED = env_bool("TIANJI_ENABLED", not DEBUG)
WEBMCP_ENABLED = env_bool("WEBMCP_ENABLED", False)
allowed_hosts = env_list("DJANGO_ALLOWED_HOSTS", "*") allowed_hosts = env_list("DJANGO_ALLOWED_HOSTS", "*")
ALLOWED_HOSTS = allowed_hosts if allowed_hosts else ["*"] ALLOWED_HOSTS = allowed_hosts if allowed_hosts else ["*"]
@@ -111,6 +112,7 @@ TEMPLATES = [
"django.contrib.auth.context_processors.auth", "django.contrib.auth.context_processors.auth",
"django.contrib.messages.context_processors.messages", "django.contrib.messages.context_processors.messages",
"public.context_processors.tianji_tracking", "public.context_processors.tianji_tracking",
"public.context_processors.webmcp_context",
], ],
}, },
}, },
+56
View File
@@ -0,0 +1,56 @@
# Agentic Browsing Readiness
This site targets Google's experimental **Agentic Browsing** Lighthouse category (v13.3+), which checks whether AI agents can read, navigate, and act on public pages.
PageSpeed Insights does not yet expose this category. Run audits locally:
```bash
npx lighthouse@latest https://aimloperations.com \
--only-categories=agentic-browsing \
--chrome-flags="--enable-experimental-web-platform-features" \
--output=html --output-path=agentic-browsing-report.html
```
Test at minimum:
- `/` (homepage)
- `/contact` (primary conversion page)
## What we ship
| Check | Implementation |
|-------|----------------|
| **llms.txt** | `GET /llms.txt` — machine-readable site summary |
| **robots.txt** | `GET /robots.txt` — crawl rules + sitemap reference |
| **sitemap.xml** | `GET /sitemap.xml` — public marketing URLs |
| **Accessibility tree** | Form labels, semantic nav controls, ARIA on dialogs |
| **Layout stability** | Fixed cookie banner, reserved hero/marquee space, font fallbacks |
| **WebMCP tools** | `navigator.modelContext` tools behind `WEBMCP_ENABLED` (see [webmcp.md](webmcp.md)) |
## WebMCP (issue #9)
When `WEBMCP_ENABLED=True`:
- Navigation tools (`list_services`, `get_page_content`, `navigate_to_service`, `open_contact_with_subject`) load on all public pages
- Contact page registers `submit_contact_inquiry` via declarative form annotations (`toolname`, `tooldescription`, `toolparamdescription`); reCAPTCHA renders outside the annotated form
- Default is **disabled** (`WEBMCP_ENABLED=False`) until deliberately enabled per environment
Full tool catalog, Chrome flag setup, and reCAPTCHA notes: **[docs/webmcp.md](webmcp.md)**
## Regression checklist
Before merging public-facing template or CSS changes:
1. Contact form fields have associated `<label>` elements (not placeholder-only).
2. Nav dropdowns use `<button>` triggers with `aria-expanded` / `aria-haspopup`.
3. Cookie consent banner stays `position: fixed` (no document flow shift).
4. `GET /robots.txt`, `/sitemap.xml`, `/llms.txt` return 200.
5. With `WEBMCP_ENABLED=True`, public pages include `webmcp-config` and `webmcp-tools.js`; contact form always has `toolname`, `tooldescription`, and `toolparamdescription` on fields.
6. Re-run Lighthouse agentic-browsing on homepage and contact page (Chrome experimental flag on).
## References
- [Lighthouse Agentic Browsing audit overview](https://locomotive.agency/blog/lighthouse-agentic-browsing-audit/)
- [llms.txt proposal](https://llmstxt.org/)
- [WebMCP tool catalog](webmcp.md)
- Gitea issue #5 (foundational), issue #9 (WebMCP)
+108
View File
@@ -0,0 +1,108 @@
# WebMCP Tool Catalog
WebMCP exposes public marketing actions as named, callable tools via `navigator.modelContext` (or `document.modelContext` in newer builds). Tools register only when `WEBMCP_ENABLED=True` in Django settings.
## Enablement
### 1. Django setting
```python
# company_site/settings.py (or environment-specific settings)
WEBMCP_ENABLED = True
```
Default is `False` so production stays opt-in until you deliberately enable agent tooling.
### 2. Chrome experimental flag
WebMCP requires the experimental web platform features flag:
1. Open `chrome://flags/#enable-experimental-web-platform-features`
2. Set **Enable experimental web platform features** to **Enabled**
3. Restart Chrome
Serve the site over HTTPS (or `localhost`) — WebMCP requires a secure context.
### 3. Lighthouse audit
```bash
npx lighthouse@latest https://aimloperations.com/contact \
--only-categories=agentic-browsing \
--chrome-flags="--enable-experimental-web-platform-features" \
--output=html --output-path=agentic-browsing-contact.html
npx lighthouse@latest https://aimloperations.com/ \
--only-categories=agentic-browsing \
--chrome-flags="--enable-experimental-web-platform-features" \
--output=html --output-path=agentic-browsing-home.html
```
Use `https://` URLs to avoid redirect warnings. Run with `WEBMCP_ENABLED=True` on the target environment.
## Registered tools
| Tool | Pages | readOnly | Description |
|------|-------|----------|-------------|
| `list_services` | All public pages | Yes | Returns service name, slug, URL, and summary |
| `get_page_content` | All public pages | Yes | Look up a page by slug or display name |
| `navigate_to_service` | All public pages | Yes | Resolve a service to its canonical URL |
| `open_contact_with_subject` | All public pages | Yes | Build a contact URL with `?subject=` pre-filled |
| `submit_contact_inquiry` | `/contact` only | No | POST a contact inquiry to the Django contact endpoint |
### `submit_contact_inquiry`
**Input schema:**
| Field | Type | Required |
|-------|------|----------|
| `name` | string | Yes |
| `email` | string | Yes |
| `subject` | string | Yes |
| `message` | string | No |
**Output:** JSON with `success: true` and a confirmation message, or `success: false` with an `error` string.
**reCAPTCHA limitation:** In production (`DEBUG=False`), the contact endpoint requires reCAPTCHA v3. Automated agents cannot complete captcha without a real browser session and the reCAPTCHA widget. For Lighthouse demos, run with `DEBUG=True` or use the declarative HTML form (agent fills fields; user submits manually).
### Declarative form annotation
The contact `<form>` declares WebMCP coverage via HTML attributes (always rendered, independent of `WEBMCP_ENABLED`):
```html
<form id="contact-form" toolname="submit_contact_inquiry"
tooldescription="Submit a contact inquiry to AI ML Operations">
<input name="name" toolparamdescription="Full name of the person submitting the inquiry." required>
...
</form>
<!-- reCAPTCHA renders outside the annotated form and links via form="contact-form" -->
```
The imperative `registerTool` on `/contact` adds structured `execute` behavior with success/error responses when `WEBMCP_ENABLED=True`.
## Data source
Service metadata is sourced from `PUBLIC_PAGE_ENTRIES` in `public/seo.py` — the same config that powers `sitemap.xml` and `llms.txt`. Navigation tools always stay in sync with SEO endpoints.
## Security scope
- Tools run in the visitor's browser session (no API keys)
- Only unauthenticated marketing flows are exposed
- Planning, financial, and admin actions are **not** registered
## Manual verification
Use [Chrome Labs Awesome WebMCP](https://github.com/chrome-labs/awesome-webmcp) or DevTools console:
```javascript
// Feature-detect (Chrome with experimental flag)
'modelContext' in navigator && typeof navigator.modelContext.registerTool === 'function'
```
With a WebMCP-capable browser on `/`, call `list_services` from the agent UI. On `/contact`, call `submit_contact_inquiry` with test data (DEBUG mode).
## References
- [WebMCP specification overview](https://specification.website/spec/agent-readiness/webmcp/)
- [Google Chrome modern-web-guidance — agentic JavaScript tools](https://github.com/GoogleChrome/modern-web-guidance/blob/main/skills/modern-web-guidance/guides/webmcp/agentic-javascript-tools.md)
- [Awesome WebMCP demos](https://github.com/chrome-labs/awesome-webmcp)
- Gitea issue #9
+34
View File
@@ -1,4 +1,9 @@
import json
from django.conf import settings from django.conf import settings
from django.urls import reverse
from .seo import PUBLIC_PAGE_ENTRIES, get_service_entries
def tianji_tracking(request): def tianji_tracking(request):
@@ -16,3 +21,32 @@ def tianji_tracking(request):
), ),
'page_name': getattr(getattr(request, 'resolver_match', None), 'url_name', ''), 'page_name': getattr(getattr(request, 'resolver_match', None), 'url_name', ''),
} }
def webmcp_context(request):
page_name = getattr(getattr(request, 'resolver_match', None), 'url_name', '')
services = [
{
**entry,
"url": request.build_absolute_uri(reverse(entry["slug"])),
}
for entry in get_service_entries()
]
page_lookup = {
url_name: {
"slug": url_name,
"name": title,
"summary": summary,
"url": request.build_absolute_uri(reverse(url_name)),
}
for url_name, title, _changefreq, _priority, summary in PUBLIC_PAGE_ENTRIES
}
return {
'webmcp_enabled': getattr(settings, 'WEBMCP_ENABLED', False),
'webmcp_page_name': page_name,
'webmcp_contact_url': request.build_absolute_uri(reverse('contact')),
'webmcp_recaptcha_required': not settings.DEBUG,
'webmcp_services_json': json.dumps(services),
'webmcp_pages_json': json.dumps(page_lookup),
}
+2 -1
View File
@@ -7,7 +7,8 @@ class FormWithCaptcha(forms.Form):
captcha = ReCaptchaField( captcha = ReCaptchaField(
widget=ReCaptchaV3( widget=ReCaptchaV3(
attrs={ attrs={
'required_score':0.85, 'required_score': 0.85,
'form': 'contact-form',
} }
), ),
public_key=settings.RECAPTCHA_PUBLIC_KEY, public_key=settings.RECAPTCHA_PUBLIC_KEY,
+164
View File
@@ -0,0 +1,164 @@
"""Machine-readable site discovery endpoints for crawlers and AI agents."""
from django.http import HttpResponse
from django.template.loader import render_to_string
from django.urls import reverse
# Public marketing pages included in sitemap and llms.txt.
# Tuple: (url_name, title, changefreq, priority, summary)
PUBLIC_PAGE_ENTRIES = (
(
"public_index",
"Home",
"weekly",
"1.0",
"Company homepage with an overview of AI ML Operations services.",
),
(
"forward_deployed",
"Forward-Deployed AI",
"monthly",
"0.9",
"Embedded AI engineering — we work inside your environment to build production systems.",
),
(
"bot",
"AI Agents",
"monthly",
"0.9",
"Custom AI agents and agentic workflows tailored to your operational bottlenecks.",
),
(
"ml_model",
"ML Models",
"monthly",
"0.8",
"Machine learning model development, training, and deployment for production use.",
),
(
"chat",
"Secure AI Chat",
"monthly",
"0.8",
"Private, hosted AI chat deployments with enterprise-grade security.",
),
(
"ai_sensor",
"AI Sensor Algorithms",
"monthly",
"0.7",
"Computer vision and sensor-fusion algorithms for real-world sensing applications.",
),
(
"ai_education",
"AI Education",
"monthly",
"0.7",
"Hands-on AI training and workshops for teams adopting agentic workflows.",
),
(
"computers",
"Computer Builds",
"monthly",
"0.7",
"Custom workstation and server builds optimized for AI and ML workloads.",
),
(
"file_hosting",
"File Hosting",
"monthly",
"0.7",
"Managed file hosting and storage for teams that need reliable data access.",
),
(
"web_design",
"Web Design and Hosting",
"monthly",
"0.8",
"Web design, development, and managed hosting for business sites and apps.",
),
(
"contact",
"Contact",
"monthly",
"0.9",
"Contact form to inquire about forward-deployed AI engineering services.",
),
(
"terms_of_service",
"Terms of Service and Privacy",
"yearly",
"0.3",
"Terms of service and privacy policy for AI ML Operations, LLC.",
),
)
SERVICE_URL_NAMES = frozenset({
"forward_deployed",
"bot",
"ml_model",
"chat",
"ai_sensor",
"ai_education",
"computers",
"file_hosting",
"web_design",
})
def get_service_entries():
"""Return service page metadata for WebMCP navigation tools."""
return [
{
"slug": url_name,
"name": title,
"summary": summary,
}
for url_name, title, _changefreq, _priority, summary in PUBLIC_PAGE_ENTRIES
if url_name in SERVICE_URL_NAMES
]
def _absolute_url(request, url_name):
return request.build_absolute_uri(reverse(url_name))
def robots_txt(request):
sitemap_url = _absolute_url(request, "sitemap_xml")
content = render_to_string(
"public/robots.txt",
{"sitemap_url": sitemap_url},
)
return HttpResponse(content, content_type="text/plain; charset=utf-8")
def sitemap_xml(request):
pages = [
{
"loc": _absolute_url(request, url_name),
"changefreq": changefreq,
"priority": priority,
}
for url_name, _title, changefreq, priority, _summary in PUBLIC_PAGE_ENTRIES
]
content = render_to_string("public/sitemap.xml", {"pages": pages})
return HttpResponse(content, content_type="application/xml; charset=utf-8")
def llms_txt(request):
pages = [
{
"title": title,
"url": _absolute_url(request, url_name),
}
for url_name, title, _changefreq, _priority, _summary in PUBLIC_PAGE_ENTRIES
]
content = render_to_string(
"public/llms.txt",
{
"site_url": request.build_absolute_uri("/"),
"contact_url": _absolute_url(request, "contact"),
"pages": pages,
},
)
return HttpResponse(content, content_type="text/plain; charset=utf-8")
+153 -2
View File
@@ -23,6 +23,7 @@ body {
font-family: var(--font-main); font-family: var(--font-main);
line-height: 1.6; line-height: 1.6;
overflow-x: hidden; overflow-x: hidden;
text-rendering: optimizeLegibility;
} }
a { a {
@@ -81,6 +82,7 @@ nav {
.hero-section { .hero-section {
position: relative; position: relative;
height: 100vh; height: 100vh;
min-height: 520px;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -88,6 +90,11 @@ nav {
overflow: hidden; overflow: hidden;
} }
.hero-section--compact {
height: 40vh;
min-height: 300px;
}
#hero-canvas { #hero-canvas {
position: absolute; position: absolute;
top: 0; top: 0;
@@ -95,6 +102,7 @@ nav {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 0; z-index: 0;
pointer-events: none;
} }
.hero-content { .hero-content {
@@ -102,11 +110,14 @@ nav {
z-index: 1; z-index: 1;
text-align: center; text-align: center;
padding: 0 1rem; padding: 0 1rem;
min-height: 12rem;
} }
.hero-title { .hero-title {
font-size: 4rem; font-size: clamp(2.5rem, 8vw, 4rem);
font-weight: 800; font-weight: 800;
line-height: 1.1;
min-height: 1.1em;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
@@ -282,6 +293,41 @@ nav {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.form-label {
display: block;
margin-bottom: 0.5rem;
color: var(--text-color);
font-weight: 500;
font-size: 0.95rem;
}
.contact-info-list {
list-style: none;
}
.contact-info-item {
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 1rem;
}
.contact-info-icon {
color: var(--primary-color);
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.form-control { .form-control {
width: 100%; width: 100%;
padding: 1rem; padding: 1rem;
@@ -376,7 +422,29 @@ nav {
display: block; display: block;
} }
.dropdown>a::after { .dropdown.dropdown-open .dropdown-content {
display: block;
}
.nav-dropdown-trigger {
background: none;
border: none;
cursor: pointer;
font: inherit;
color: var(--text-color);
font-weight: 500;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 0;
}
.nav-dropdown-trigger:hover,
.nav-dropdown-trigger.active {
color: var(--primary-color);
}
.dropdown .nav-dropdown-trigger::after {
content: ' ▼'; content: ' ▼';
font-size: 0.7em; font-size: 0.7em;
margin-left: 5px; margin-left: 5px;
@@ -387,12 +455,72 @@ nav {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.25rem; padding: 0.25rem;
background: none;
border: none;
cursor: pointer;
font: inherit;
} }
.profile-icon-link::after { .profile-icon-link::after {
display: none !important; display: none !important;
} }
/* Trusted-by marquee */
.trusted-by-section {
padding: 2.5rem 0;
background: var(--bg-color);
}
.trusted-by-label {
text-align: center;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.8rem;
margin-bottom: 1.25rem;
}
.trusted-by-marquee {
overflow: hidden;
min-height: 48px;
}
.trusted-by-marquee-row {
display: flex;
width: max-content;
}
.trusted-by-track {
display: flex;
align-items: center;
gap: 3rem;
padding-right: 3rem;
min-height: 48px;
}
.trusted-by-logo img {
display: block;
height: 48px;
width: auto;
max-width: 320px;
}
@media (prefers-reduced-motion: no-preference) {
.trusted-by-marquee-row {
animation: trusted-by-scroll 30s linear infinite;
}
}
@keyframes trusted-by-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.profile-icon { .profile-icon {
width: 28px; width: 28px;
height: 28px; height: 28px;
@@ -599,6 +727,21 @@ input:focus, select:focus, textarea:focus {
color: var(--primary-color); color: var(--primary-color);
} }
.footer-link-btn {
background: none;
border: none;
padding: 0;
color: var(--text-muted);
font: inherit;
font-size: 0.9rem;
cursor: pointer;
text-decoration: none;
}
.footer-link-btn:hover {
color: var(--primary-color);
}
.footer-separator { .footer-separator {
color: var(--text-muted); color: var(--text-muted);
margin: 0 0.5rem; margin: 0 0.5rem;
@@ -637,6 +780,14 @@ input:focus, select:focus, textarea:focus {
margin: 0 0 1rem 1.5rem; margin: 0 0 1rem 1.5rem;
} }
.contact-captcha-group {
margin-top: 1rem;
}
.contact-captcha-group + .btn {
margin-top: 1rem;
}
/* Cookie consent banner */ /* Cookie consent banner */
.cookie-consent-banner { .cookie-consent-banner {
position: fixed; position: fixed;
@@ -1,4 +1,7 @@
const canvas = document.getElementById('hero-canvas'); const canvas = document.getElementById('hero-canvas');
if (!canvas) {
// Hero animation only runs on the homepage.
} else {
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');
let width, height; let width, height;
@@ -109,3 +112,4 @@ function animate() {
} }
animate(); animate();
}
@@ -1,7 +1,9 @@
(function () { (function () {
'use strict'; 'use strict';
var CONSENT_KEY = 'aiml_analytics_consent'; var NOTICE_KEY = 'aiml_analytics_notice';
var LEGACY_CONSENT_KEY = 'aiml_analytics_consent';
var LEGACY_DISABLED_KEY = 'tianji.disabled';
var configEl = document.getElementById('tianji-config'); var configEl = document.getElementById('tianji-config');
if (!configEl) { if (!configEl) {
return; return;
@@ -10,19 +12,26 @@
var trackerUrl = configEl.dataset.trackerUrl; var trackerUrl = configEl.dataset.trackerUrl;
var websiteId = configEl.dataset.websiteId; var websiteId = configEl.dataset.websiteId;
var userId = configEl.dataset.userId || ''; var userId = configEl.dataset.userId || '';
var pendingConsentEvent = false;
function getConsent() { function getStorageItem(key) {
try { try {
return localStorage.getItem(CONSENT_KEY); return localStorage.getItem(key);
} catch (e) { } catch (e) {
return null; return null;
} }
} }
function setConsent(value) { function setStorageItem(key, value) {
try { try {
localStorage.setItem(CONSENT_KEY, value); localStorage.setItem(key, value);
} catch (e) {
/* ignore storage errors */
}
}
function removeStorageItem(key) {
try {
localStorage.removeItem(key);
} catch (e) { } catch (e) {
/* ignore storage errors */ /* ignore storage errors */
} }
@@ -71,51 +80,44 @@
script.onload = function () { script.onload = function () {
identifyUser(); identifyUser();
if (pendingConsentEvent) {
trackEvent('consent_accepted');
pendingConsentEvent = false;
}
document.dispatchEvent(new CustomEvent('tianji:ready')); document.dispatchEvent(new CustomEvent('tianji:ready'));
}; };
document.head.appendChild(script); document.head.appendChild(script);
} }
function acceptTracking() { function migrateLegacyConsent() {
setConsent('accepted'); var legacyConsent = getStorageItem(LEGACY_CONSENT_KEY);
hideBanner(); var legacyDisabled = getStorageItem(LEGACY_DISABLED_KEY);
try {
localStorage.removeItem('tianji.disabled'); if (legacyConsent === 'accepted') {
} catch (e) { setStorageItem(NOTICE_KEY, 'acknowledged');
/* ignore storage errors */ removeStorageItem(LEGACY_CONSENT_KEY);
} removeStorageItem(LEGACY_DISABLED_KEY);
pendingConsentEvent = true; return 'migrated_acknowledged';
loadTracker();
} }
function declineTracking() { if (legacyConsent === 'declined' || legacyDisabled === '1') {
setConsent('declined'); removeStorageItem(LEGACY_CONSENT_KEY);
removeStorageItem(LEGACY_DISABLED_KEY);
return 'migrated_declined';
}
return null;
}
function acknowledgeNotice() {
setStorageItem(NOTICE_KEY, 'acknowledged');
hideBanner(); hideBanner();
try { window.aimlTrackWhenReady('notice_acknowledged');
localStorage.setItem('tianji.disabled', '1');
} catch (e) {
/* ignore storage errors */
}
if (window.aimlTrack) {
window.aimlTrack('consent_declined');
}
} }
function bindBannerControls() { function bindBannerControls() {
var acceptBtn = document.getElementById('cookie-consent-accept'); var acknowledgeBtn = document.getElementById('cookie-consent-acknowledge');
var declineBtn = document.getElementById('cookie-consent-decline');
var manageLinks = document.querySelectorAll('[data-open-cookie-preferences]'); var manageLinks = document.querySelectorAll('[data-open-cookie-preferences]');
if (acceptBtn) { if (acknowledgeBtn) {
acceptBtn.addEventListener('click', acceptTracking); acknowledgeBtn.addEventListener('click', acknowledgeNotice);
}
if (declineBtn) {
declineBtn.addEventListener('click', declineTracking);
} }
manageLinks.forEach(function (link) { manageLinks.forEach(function (link) {
link.addEventListener('click', function (event) { link.addEventListener('click', function (event) {
@@ -140,16 +142,14 @@
}); });
}; };
function initConsent() { function initNotice() {
bindBannerControls(); bindBannerControls();
var consent = getConsent();
if (consent === 'accepted') {
hideBanner();
loadTracker(); loadTracker();
return;
} var migration = migrateLegacyConsent();
if (consent === 'declined') { var notice = getStorageItem(NOTICE_KEY);
if (notice === 'acknowledged' || migration === 'migrated_acknowledged') {
hideBanner(); hideBanner();
return; return;
} }
@@ -157,5 +157,5 @@
showBanner(); showBanner();
} }
initConsent(); initNotice();
})(); })();
@@ -0,0 +1,286 @@
(function () {
'use strict';
var configEl = document.getElementById('webmcp-config');
if (!configEl) {
return;
}
var modelContext = navigator.modelContext || document.modelContext;
if (!modelContext || typeof modelContext.registerTool !== 'function') {
return;
}
var contactUrl = configEl.dataset.contactUrl || '/contact';
var pageName = configEl.dataset.pageName || '';
var recaptchaRequired = configEl.dataset.recaptchaRequired === 'true';
var services = [];
var pages = {};
try {
services = JSON.parse(configEl.dataset.services || '[]');
} catch (e) {
services = [];
}
try {
pages = JSON.parse(configEl.dataset.pages || '{}');
} catch (e) {
pages = {};
}
function textResult(payload) {
return {
content: [{
type: 'text',
text: typeof payload === 'string' ? payload : JSON.stringify(payload, null, 2),
}],
};
}
function getCsrfToken() {
var match = document.cookie.match(/(?:^|;\s*)csrftoken=([^;]+)/);
return match ? decodeURIComponent(match[1]) : '';
}
function resolvePageUrl(slug) {
var page = pages[slug];
if (page && page.url) {
return page.url;
}
var service = services.find(function (entry) {
return entry.slug === slug;
});
return service ? service.url : null;
}
function findPage(query) {
var normalized = String(query || '').trim().toLowerCase();
if (!normalized) {
return null;
}
var keys = Object.keys(pages);
for (var i = 0; i < keys.length; i += 1) {
var slug = keys[i];
var page = pages[slug];
if (
slug.toLowerCase() === normalized ||
page.name.toLowerCase() === normalized ||
page.name.toLowerCase().indexOf(normalized) !== -1
) {
return {
slug: slug,
name: page.name,
summary: page.summary,
url: page.url || resolvePageUrl(slug),
};
}
}
return null;
}
async function getRecaptchaToken() {
if (!recaptchaRequired) {
return null;
}
if (!window.grecaptcha || typeof window.grecaptcha.execute !== 'function') {
throw new Error(
'reCAPTCHA is required in production. Use the HTML contact form in a browser session, ' +
'or enable DEBUG for audit demos without captcha.'
);
}
var widget = document.querySelector('.g-recaptcha');
var siteKey = widget ? widget.getAttribute('data-sitekey') : null;
if (!siteKey) {
var script = document.querySelector('script[src*="recaptcha"]');
if (script && script.src) {
var keyMatch = script.src.match(/[?&]render=([^&]+)/);
siteKey = keyMatch ? decodeURIComponent(keyMatch[1]) : null;
}
}
if (!siteKey) {
throw new Error('reCAPTCHA site key not found on the contact page.');
}
return window.grecaptcha.execute(siteKey, { action: 'contact' });
}
async function submitContactInquiry(input) {
var formData = new FormData();
formData.append('name', input.name);
formData.append('email', input.email);
formData.append('subject', input.subject);
formData.append('message', input.message || '');
formData.append('csrfmiddlewaretoken', getCsrfToken());
if (recaptchaRequired) {
var token = await getRecaptchaToken();
formData.append('g-recaptcha-response', token);
}
var response = await fetch(contactUrl, {
method: 'POST',
body: formData,
credentials: 'same-origin',
headers: {
'X-Requested-With': 'XMLHttpRequest',
},
});
var html = await response.text();
if (html.indexOf("We'll be in contact shortly!") !== -1) {
return textResult({
success: true,
message: 'Contact inquiry submitted successfully.',
});
}
if (html.indexOf('There was an error submitting') !== -1) {
return textResult({
success: false,
error: 'Submission failed validation (often reCAPTCHA in production).',
});
}
if (html.indexOf('is required') !== -1) {
return textResult({
success: false,
error: 'Missing required fields: name, email, and subject are required.',
});
}
return textResult({
success: false,
error: 'Unexpected response from contact endpoint.',
status: response.status,
});
}
modelContext.registerTool({
name: 'list_services',
description: 'List AI ML Operations service pages with name, URL, and summary.',
inputSchema: {
type: 'object',
properties: {},
},
annotations: { readOnlyHint: true },
execute: function () {
var results = services.map(function (service) {
return {
name: service.name,
slug: service.slug,
url: service.url || resolvePageUrl(service.slug),
summary: service.summary,
};
});
return textResult({ services: results });
},
});
modelContext.registerTool({
name: 'get_page_content',
description: 'Look up a public page by slug or service name and return its URL and summary.',
inputSchema: {
type: 'object',
properties: {
query: {
type: 'string',
description: 'Page slug (e.g. forward_deployed) or service name (e.g. AI Agents).',
},
},
required: ['query'],
},
annotations: { readOnlyHint: true },
execute: function (input) {
var page = findPage(input.query);
if (!page) {
return textResult({
success: false,
error: 'No page found for query: ' + input.query,
});
}
return textResult({ success: true, page: page });
},
});
modelContext.registerTool({
name: 'navigate_to_service',
description: 'Resolve a service slug or name to its canonical marketing page URL.',
inputSchema: {
type: 'object',
properties: {
service: {
type: 'string',
description: 'Service slug or display name.',
},
},
required: ['service'],
},
annotations: { readOnlyHint: true },
execute: function (input) {
var page = findPage(input.service);
if (!page) {
return textResult({
success: false,
error: 'Unknown service: ' + input.service,
});
}
return textResult({
success: true,
url: page.url,
name: page.name,
summary: page.summary,
});
},
});
modelContext.registerTool({
name: 'open_contact_with_subject',
description: 'Build a contact page URL with a pre-filled subject for hosting, pricing, or service inquiries.',
inputSchema: {
type: 'object',
properties: {
subject: {
type: 'string',
description: 'Subject line to pre-fill on the contact form.',
},
},
required: ['subject'],
},
annotations: { readOnlyHint: true },
execute: function (input) {
var url = new URL(contactUrl, window.location.origin);
url.searchParams.set('subject', input.subject);
return textResult({
success: true,
url: url.toString(),
subject: input.subject,
});
},
});
if (pageName === 'contact') {
modelContext.registerTool({
name: 'submit_contact_inquiry',
description: 'Submit a contact inquiry to AI ML Operations. Requires name, email, and subject.',
inputSchema: {
type: 'object',
properties: {
name: { type: 'string', description: 'Sender full name.' },
email: { type: 'string', description: 'Sender email address.' },
subject: { type: 'string', description: 'Inquiry subject line.' },
message: { type: 'string', description: 'Optional message body.' },
},
required: ['name', 'email', 'subject'],
},
annotations: { readOnlyHint: false },
execute: submitContactInquiry,
});
}
})();
+66 -19
View File
@@ -44,23 +44,33 @@
{% if user.is_authenticated %}data-user-id="{{ user.pk }}"{% endif %} {% if user.is_authenticated %}data-user-id="{{ user.pk }}"{% endif %}
hidden></div> hidden></div>
{% endif %} {% endif %}
{% if webmcp_enabled %}
<div id="webmcp-config"
data-page-name="{{ webmcp_page_name }}"
data-contact-url="{{ webmcp_contact_url }}"
data-recaptcha-required="{{ webmcp_recaptcha_required|yesno:'true,false' }}"
data-services='{{ webmcp_services_json|escapejs }}'
data-pages='{{ webmcp_pages_json|escapejs }}'
hidden></div>
{% endif %}
</head> </head>
<body> <body>
<!-- Navigation Bar --> <!-- Navigation Bar -->
<nav> <nav aria-label="Main navigation">
<a href="{% url 'public_index' %}" class="brand-logo"> <a href="{% url 'public_index' %}" class="brand-logo">
<img src="{% static 'public/img/logo.png' %}" alt="AI ML Operations" class="brand-logo-img" width="243" height="28"> <img src="{% static 'public/img/logo.png' %}" alt="AI ML Operations" class="brand-logo-img" width="243" height="28">
</a> </a>
<button class="mobile-menu-btn" aria-label="Menu"></button> <button type="button" class="mobile-menu-btn" aria-label="Open menu" aria-expanded="false" aria-controls="main-nav-links"></button>
<ul class="nav-links"> <ul class="nav-links" id="main-nav-links">
<li><a href="{% url 'public_index' %}" <li><a href="{% url 'public_index' %}"
class="{% if request.resolver_match.url_name == 'public_index' %}active{% endif %}">Home</a></li> class="{% if request.resolver_match.url_name == 'public_index' %}active{% endif %}">Home</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" <button type="button" class="nav-dropdown-trigger{% if request.resolver_match.url_name in 'forward_deployed,ai_education,ai_sensor,bot,chat,computers,file_hosting,ml_model,web_design' %} active{% endif %}"
class="{% if request.resolver_match.url_name in 'forward_deployed,ai_education,ai_sensor,bot,chat,computers,file_hosting,ml_model,web_design' %}active{% endif %}">Services</a> id="services-menu-button" aria-expanded="false" aria-haspopup="true" aria-controls="services-menu">Services</button>
<ul class="dropdown-content"> <ul class="dropdown-content" id="services-menu" role="menu" aria-labelledby="services-menu-button">
<li><a href="{% url 'forward_deployed' %}">Forward-Deployed AI</a></li> <li><a href="{% url 'forward_deployed' %}">Forward-Deployed AI</a></li>
<li><a href="{% url 'bot' %}">AI Agents</a></li> <li><a href="{% url 'bot' %}">AI Agents</a></li>
<li><a href="{% url 'ml_model' %}">ML Models</a></li> <li><a href="{% url 'ml_model' %}">ML Models</a></li>
@@ -83,14 +93,15 @@
class="{% if 'financial' in request.path %}active{% endif %}" class="{% if 'financial' in request.path %}active{% endif %}"
data-tianji-event="nav_financials">Financials</a></li> data-tianji-event="nav_financials">Financials</a></li>
<li class="dropdown" id="user-profile-dropdown"> <li class="dropdown" id="user-profile-dropdown">
<a href="#" class="profile-icon-link" title="{{ user.get_full_name|default:user.username }}"> <button type="button" class="profile-icon-link" aria-label="Account menu for {{ user.get_full_name|default:user.username }}"
aria-expanded="false" aria-haspopup="true" aria-controls="profile-menu">
<svg class="profile-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" <svg class="profile-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="12" cy="8" r="4" /> <circle cx="12" cy="8" r="4" />
<path d="M4 21v-1a6 6 0 0 1 12 0v1" /> <path d="M4 21v-1a6 6 0 0 1 12 0v1" />
</svg> </svg>
</a> </button>
<ul class="dropdown-content profile-dropdown-content"> <ul class="dropdown-content profile-dropdown-content" id="profile-menu" role="menu">
<li class="profile-name-item">{{ user.get_full_name|default:user.username }}</li> <li class="profile-name-item">{{ user.get_full_name|default:user.username }}</li>
<li><a href="{% url 'change_password' %}">Change Password</a></li> <li><a href="{% url 'change_password' %}">Change Password</a></li>
<li> <li>
@@ -123,7 +134,7 @@
<a href="{% url 'terms_of_service' %}" data-tianji-event="footer_terms">Terms &amp; Privacy</a> <a href="{% url 'terms_of_service' %}" data-tianji-event="footer_terms">Terms &amp; Privacy</a>
{% if tianji_enabled %} {% if tianji_enabled %}
<span class="footer-separator">|</span> <span class="footer-separator">|</span>
<a href="#" data-open-cookie-preferences data-tianji-event="footer_cookie_preferences">Cookie Preferences</a> <button type="button" class="footer-link-btn" data-open-cookie-preferences data-tianji-event="footer_cookie_preferences">Cookie Preferences</button>
{% endif %} {% endif %}
</p> </p>
<p class="footer-text footer-text--muted">&copy; 2023 - <p class="footer-text footer-text--muted">&copy; 2023 -
@@ -133,23 +144,27 @@
</footer> </footer>
{% if tianji_enabled %} {% if tianji_enabled %}
<div id="cookie-consent-banner" class="cookie-consent-banner" hidden role="dialog" aria-live="polite" <div id="cookie-consent-banner" class="cookie-consent-banner" hidden role="dialog" aria-modal="true"
aria-label="Cookie consent"> aria-labelledby="cookie-consent-title" aria-describedby="cookie-consent-description">
<div class="cookie-consent-content"> <div class="cookie-consent-content">
<p class="cookie-consent-text"> <h2 id="cookie-consent-title" class="visually-hidden">Analytics notice</h2>
<span class="cookie-consent-text-full">We use analytics tracking to understand how visitors use our site. Tracking runs only if you accept. <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.
See our <a href="{% url 'terms_of_service' %}">Terms of Service &amp; Privacy Policy</a> for details.</span> See our <a href="{% url 'terms_of_service' %}">Terms of Service &amp; Privacy Policy</a> for details.</span>
<span class="cookie-consent-text-short">We use analytics if you accept. <a href="{% url 'terms_of_service' %}">Privacy Policy</a></span> <span class="cookie-consent-text-short">We use analytics on this site. <a href="{% url 'terms_of_service' %}">Privacy Policy</a></span>
</p> </p>
<div class="cookie-consent-actions"> <div class="cookie-consent-actions">
<button type="button" id="cookie-consent-decline" class="btn btn-outline">Decline</button> <button type="button" id="cookie-consent-acknowledge" class="btn">Acknowledge</button>
<button type="button" id="cookie-consent-accept" class="btn">Accept Analytics</button>
</div> </div>
</div> </div>
</div> </div>
<script src="{% static 'public/js/tianji-consent.js' %}"></script> <script src="{% static 'public/js/tianji-consent.js' %}"></script>
{% endif %} {% endif %}
{% if webmcp_enabled %}
<script src="{% static 'public/js/webmcp-tools.js' %}"></script>
{% endif %}
<script> <script>
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
const mobileBtn = document.querySelector('.mobile-menu-btn'); const mobileBtn = document.querySelector('.mobile-menu-btn');
@@ -157,9 +172,41 @@
if (mobileBtn && navLinks) { if (mobileBtn && navLinks) {
mobileBtn.addEventListener('click', function () { mobileBtn.addEventListener('click', function () {
navLinks.classList.toggle('active'); const isOpen = navLinks.classList.toggle('active');
mobileBtn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
mobileBtn.setAttribute('aria-label', isOpen ? 'Close menu' : 'Open menu');
}); });
} }
function closeDropdown(dropdown) {
dropdown.classList.remove('dropdown-open');
const trigger = dropdown.querySelector('.nav-dropdown-trigger, .profile-icon-link');
if (trigger) {
trigger.setAttribute('aria-expanded', 'false');
}
}
document.querySelectorAll('.dropdown').forEach(function (dropdown) {
const trigger = dropdown.querySelector('.nav-dropdown-trigger, .profile-icon-link');
if (!trigger) {
return;
}
trigger.addEventListener('click', function (event) {
if (window.matchMedia('(min-width: 769px)').matches && dropdown.querySelector('.nav-dropdown-trigger')) {
return;
}
event.preventDefault();
const isOpen = dropdown.classList.toggle('dropdown-open');
trigger.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
});
});
document.addEventListener('click', function (event) {
if (!event.target.closest('.dropdown')) {
document.querySelectorAll('.dropdown.dropdown-open').forEach(closeDropdown);
}
});
}); });
</script> </script>
{% block tracking_events %}{% endblock %} {% block tracking_events %}{% endblock %}
@@ -0,0 +1,8 @@
{% include "django_recaptcha/includes/js_v3.html" %}
<input
type="hidden"
name="{{ widget.name }}"
class="g-recaptcha"
form="contact-form"
{% for name, value in widget.attrs.items %}{% if value is not False %} {{ name }}{% if value is not True %}="{{ value|stringformat:'s' }}"{% endif %}{% endif %}{% endfor %}
>
@@ -6,7 +6,7 @@
{% block content %} {% block content %}
<!-- Hero Section --> <!-- Hero Section -->
<div class="hero-section" style="height: 40vh; min-height: 300px;"> <div class="hero-section hero-section--compact">
<div class="hero-content"> <div class="hero-content">
<h1 class="hero-title">Get in Touch</h1> <h1 class="hero-title">Get in Touch</h1>
<p class="hero-subtitle hero-subtitle--wide">Describe the workflow or bottleneck you want to automate—we will help you scope a forward-deployed solution.</p> <p class="hero-subtitle hero-subtitle--wide">Describe the workflow or bottleneck you want to automate—we will help you scope a forward-deployed solution.</p>
@@ -32,52 +32,69 @@
{% endif %} {% endif %}
<div class="card"> <div class="card">
<h4 class="card-title" style="margin-bottom: 2rem;">Send Us a Message</h4> <h2 class="card-title contact-form-heading" id="contact-form-heading" style="margin-bottom: 2rem;">Send Us a Message</h2>
<form action="{% url 'contact' %}" method="POST"> <form id="contact-form" action="{% url 'contact' %}" method="POST" aria-labelledby="contact-form-heading"
toolname="submit_contact_inquiry"
tooldescription="Submit a contact inquiry to AI ML Operations">
{% csrf_token %} {% csrf_token %}
<div class="form-row"> <div class="form-row">
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" name="name" placeholder="Your Name"> <label class="form-label" for="contact-name">Your Name</label>
<input type="text" class="form-control" name="name" id="contact-name" autocomplete="name" required
toolparamdescription="Full name of the person submitting the inquiry.">
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Your Email"> <label class="form-label" for="contact-email">Your Email</label>
<input type="email" class="form-control" name="email" id="contact-email" autocomplete="email" required
toolparamdescription="Email address where AI ML Operations can reply.">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" name="subject" id="contact-subject" placeholder="Subject" value="{{ request.GET.subject|default:'' }}"> <label class="form-label" for="contact-subject">Subject</label>
<input type="text" class="form-control" name="subject" id="contact-subject" value="{{ request.GET.subject|default:'' }}" required
toolparamdescription="Short summary of the inquiry topic or service of interest.">
</div> </div>
<div class="form-group"> <div class="form-group">
<textarea name="message" class="form-control" rows="5" placeholder="What workflow is costing you the most time? What systems does it touch?"></textarea> <label class="form-label" for="contact-message">Message</label>
</div> <textarea name="message" class="form-control" id="contact-message" rows="5"
placeholder="What workflow is costing you the most time? What systems does it touch?"
<div class="form-group"> toolparamdescription="Optional details about the workflow, bottleneck, or systems involved."></textarea>
{% if capchaForm %}
{{ capchaForm }}
{% endif %}
</div> </div>
{% if not capchaForm %}
<button class="btn" type="submit" <button class="btn" type="submit"
data-tianji-event="contact_form_submit"> data-tianji-event="contact_form_submit">
Send Message Send Message
</button> </button>
{% endif %}
</form> </form>
{% if capchaForm %}
<div class="form-group contact-captcha-group">
{{ capchaForm }}
</div>
<button class="btn" type="submit" form="contact-form"
data-tianji-event="contact_form_submit">
Send Message
</button>
{% endif %}
</div> </div>
</div> </div>
<!-- Info Column --> <!-- Info Column -->
<div> <div>
<div class="card"> <div class="card">
<h5 class="card-title">Contact Information</h5> <h3 class="card-title">Contact Information</h3>
<ul style="list-style: none;"> <ul class="contact-info-list">
<li style="margin-bottom: 1rem; display: flex; align-items: center; gap: 1rem;"> <li class="contact-info-item">
<span style="color: var(--primary-color);">📞</span> <span class="contact-info-icon" aria-hidden="true">📞</span>
<p style="color: var(--text-muted);">+1 (330) 402-2675</p> <a href="tel:+13304022675">+1 (330) 402-2675</a>
</li> </li>
<li style="margin-bottom: 1rem; display: flex; align-items: center; gap: 1rem;"> <li class="contact-info-item">
<span style="color: var(--primary-color);">✉️</span> <span class="contact-info-icon" aria-hidden="true">✉️</span>
<p style="color: var(--text-muted);">ryan@aimloperations.com</p> <a href="mailto:ryan@aimloperations.com">ryan@aimloperations.com</a>
</li> </li>
</ul> </ul>
</div> </div>
@@ -106,13 +106,16 @@
--> -->
<div class="form-group col-6" style="padding-left:1rem"> <div class="form-group col-6" style="padding-left:1rem">
<input type="email" class="form-control" name="email" placeholder="Your Email"> <label for="legacy-contact-email">Your Email</label>
<input type="email" class="form-control" name="email" id="legacy-contact-email" placeholder="Your Email">
</div> </div>
<div class="form-group col-6" style="padding-right:1rem"> <div class="form-group col-6" style="padding-right:1rem">
<input type="text" class="form-control" name="name" placeholder="Your Name"> <label for="legacy-contact-name">Your Name</label>
<input type="text" class="form-control" name="name" id="legacy-contact-name" placeholder="Your Name">
</div> </div>
<div class="form-group col-12" style="padding:1rem"> <div class="form-group col-12" style="padding:1rem">
<textarea name="message" type="text" class="form-control" rows="5" placeholder="Your message"></textarea> <label for="legacy-contact-message">Your Message</label>
<textarea name="message" id="legacy-contact-message" class="form-control" rows="5" placeholder="Your message"></textarea>
</div> </div>
<div class="form-group col-12"> <div class="form-group col-12">
{% if capchaForm %} {% if capchaForm %}
@@ -0,0 +1,19 @@
# AI ML Operations, LLC
> Forward-deployed AI engineering. We embed with your team to architect, build, and deploy custom agentic workflows, integrations, and production AI systems.
AI ML Operations helps organizations move from AI pilots to production systems. Core services include forward-deployed AI engineering, custom AI agents, ML model development, secure hosted chat, sensor algorithms, education, hardware builds, and web hosting.
## Key pages
{% for page in pages %}- [{{ page.title }}]({{ page.url }})
{% endfor %}
## Contact
- [Contact form]({{ contact_url }})
- Phone: +1 (330) 402-2675
- Email: ryan@aimloperations.com
## Site
{{ site_url }}
@@ -11,7 +11,7 @@
{% block content %} {% block content %}
<!-- Hero Section --> <!-- Hero Section -->
<div class="hero-section"> <div class="hero-section">
<canvas id="hero-canvas"></canvas> <canvas id="hero-canvas" aria-hidden="true"></canvas>
<div class="hero-content"> <div class="hero-content">
<h1 class="hero-title">AI ML Operations</h1> <h1 class="hero-title">AI ML Operations</h1>
<p class="hero-subtitle hero-subtitle--wide"> <p class="hero-subtitle hero-subtitle--wide">
@@ -0,0 +1,20 @@
User-agent: *
Allow: /
Disallow: /admin/
Disallow: /accounts/
Disallow: /financial/
Disallow: /planning/
User-agent: GPTBot
Allow: /
User-agent: ClaudeBot
Allow: /
User-agent: Google-Extended
Allow: /
User-agent: PerplexityBot
Allow: /
Sitemap: {{ sitemap_url }}
@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
{% for page in pages %}
<url>
<loc>{{ page.loc }}</loc>
<changefreq>{{ page.changefreq }}</changefreq>
<priority>{{ page.priority }}</priority>
</url>
{% endfor %}
</urlset>
@@ -52,7 +52,7 @@
<ul> <ul>
<li><strong>Information you provide:</strong> name, email address, message content, and other details submitted through contact forms or account-related requests.</li> <li><strong>Information you provide:</strong> name, email address, message content, and other details submitted through contact forms or account-related requests.</li>
<li><strong>Account information:</strong> username and authentication data for authorized users of internal tools.</li> <li><strong>Account information:</strong> username and authentication data for authorized users of internal tools.</li>
<li><strong>Usage and analytics data:</strong> if you accept analytics in our cookie banner, we collect information about how you interact with the site, as described in Section 4.2.</li> <li><strong>Usage and analytics data:</strong> information about how you interact with the site, as described in Section 4.2.</li>
<li><strong>Technical information:</strong> browser type, device type, operating system, language, referring URLs, and similar data collected automatically when you use the site.</li> <li><strong>Technical information:</strong> browser type, device type, operating system, language, referring URLs, and similar data collected automatically when you use the site.</li>
</ul> </ul>
<p> <p>
@@ -63,9 +63,9 @@
<h3>4.2 Analytics and Usage Tracking</h3> <h3>4.2 Analytics and Usage Tracking</h3>
<p> <p>
We use Tianji, a self-hosted analytics platform, to understand how visitors use our website and internal We use Tianji, a self-hosted analytics platform, to understand how visitors use our website and internal
tools. Tracking is enabled only after you provide consent through our cookie banner. tools. Analytics run when you use the site so we can measure usage and improve the experience.
</p> </p>
<p>When you accept analytics, we may collect information such as:</p> <p>We may collect information such as:</p>
<ul> <ul>
<li>Pages viewed and navigation paths</li> <li>Pages viewed and navigation paths</li>
<li>Approximate geographic location derived from truncated IP addresses</li> <li>Approximate geographic location derived from truncated IP addresses</li>
@@ -76,16 +76,16 @@
</ul> </ul>
<p> <p>
We do not use Tianji to sell your personal information. Analytics data helps us improve site performance, We do not use Tianji to sell your personal information. Analytics data helps us improve site performance,
content, and product usability. You may decline analytics at any time using the cookie preferences link content, and product usability. We show an analytics notice when you first visit the site. You can review it
in the site footer. If you decline, the analytics script will not load. again at any time using the cookie preferences link in the site footer.
</p> </p>
<p> <p>
We store your consent choice locally in your browser so we can remember your preference on future visits. We store your acknowledgement locally in your browser so we do not show the notice on every visit.
</p> </p>
<h3>4.3 Cookies and Local Storage</h3> <h3>4.3 Cookies and Local Storage</h3>
<p> <p>
In addition to analytics consent storage, our site uses essential cookies and session storage required for In addition to analytics notice storage, our site uses essential cookies and session storage required for
authentication, security (including CSRF protection), and basic site functionality. These essential authentication, security (including CSRF protection), and basic site functionality. These essential
technologies are necessary for the site to operate and are not used for marketing analytics. technologies are necessary for the site to operate and are not used for marketing analytics.
</p> </p>
@@ -126,7 +126,7 @@
<h3>4.7 Your Choices and Rights</h3> <h3>4.7 Your Choices and Rights</h3>
<p>You can:</p> <p>You can:</p>
<ul> <ul>
<li>Accept or decline analytics tracking through our cookie banner or the cookie preferences link in the footer</li> <li>Acknowledge our analytics notice through the banner or review it again using the cookie preferences link in the footer</li>
<li>Contact us to request access to, correction of, or deletion of personal information you have provided, subject to applicable law</li> <li>Contact us to request access to, correction of, or deletion of personal information you have provided, subject to applicable law</li>
<li>Disable non-essential browser storage or cookies through your browser settings, though essential site features may not function properly</li> <li>Disable non-essential browser storage or cookies through your browser settings, though essential site features may not function properly</li>
</ul> </ul>
@@ -97,7 +97,7 @@ visually stunning, functional websites tailored to your business.{% endblock %}
<div class="pricing-toggle" role="group" aria-label="Billing period"> <div class="pricing-toggle" role="group" aria-label="Billing period">
<span class="pricing-toggle-label active" id="monthlyLabel">Monthly</span> <span class="pricing-toggle-label active" id="monthlyLabel">Monthly</span>
<label class="pricing-switch" for="pricingToggle"> <label class="pricing-switch" for="pricingToggle">
<input type="checkbox" id="pricingToggle" role="switch" aria-labelledby="monthlyLabel yearlyLabel"> <input type="checkbox" id="pricingToggle" aria-label="Toggle between monthly and yearly billing">
<span class="pricing-switch-slider"></span> <span class="pricing-switch-slider"></span>
</label> </label>
<span class="pricing-toggle-label" id="yearlyLabel">Yearly</span> <span class="pricing-toggle-label" id="yearlyLabel">Yearly</span>
@@ -119,7 +119,7 @@ visually stunning, functional websites tailored to your business.{% endblock %}
<li style="margin-bottom: 0.5rem;">✓ Email Notifications</li> <li style="margin-bottom: 0.5rem;">✓ Email Notifications</li>
<li style="margin-bottom: 0.5rem;">✓ Backend Admin Access</li> <li style="margin-bottom: 0.5rem;">✓ Backend Admin Access</li>
</ul> </ul>
<a href="#" class="btn">Get Started</a> <a href="{% url 'contact' %}?subject=Web%20Hosting%20Standard%20Plan" class="btn">Get Started</a>
</div> </div>
<!-- Yearly Card --> <!-- Yearly Card -->
@@ -135,7 +135,7 @@ visually stunning, functional websites tailored to your business.{% endblock %}
<li style="margin-bottom: 0.5rem;">✓ 2 Months Free (Yearly)</li> <li style="margin-bottom: 0.5rem;">✓ 2 Months Free (Yearly)</li>
<li style="margin-bottom: 0.5rem;">✓ Priority Support</li> <li style="margin-bottom: 0.5rem;">✓ Priority Support</li>
</ul> </ul>
<a href="#" class="btn" style="background: var(--secondary-color); color: white;">Save 20%</a> <a href="{% url 'contact' %}?subject=Web%20Hosting%20Premium%20Plan" class="btn" style="background: var(--secondary-color); color: white;">Save 20%</a>
</div> </div>
</div> </div>
</div> </div>
+122 -5
View File
@@ -4,6 +4,7 @@ from django.test import Client, TestCase, override_settings
from django.urls import reverse from django.urls import reverse
from .models import Contact from .models import Contact
from .seo import SERVICE_URL_NAMES, get_service_entries
@override_settings( @override_settings(
@@ -26,9 +27,14 @@ class ContactViewTests(TestCase):
self.assertEqual(response.status_code, 200) self.assertEqual(response.status_code, 200)
self.assertContains(response, "Send Us a Message") self.assertContains(response, "Send Us a Message")
self.assertContains(response, 'name="name"') self.assertContains(response, 'id="contact-name"')
self.assertContains(response, 'name="email"') self.assertContains(response, 'for="contact-name"')
self.assertContains(response, 'name="subject"') self.assertContains(response, 'id="contact-email"')
self.assertContains(response, 'for="contact-email"')
self.assertContains(response, 'id="contact-subject"')
self.assertContains(response, 'for="contact-subject"')
self.assertContains(response, 'id="contact-message"')
self.assertContains(response, 'for="contact-message"')
@patch("public.views.send_contact_email") @patch("public.views.send_contact_email")
def test_contact_post_success_saves_contact_and_sends_email(self, mock_send_email): def test_contact_post_success_saves_contact_and_sends_email(self, mock_send_email):
@@ -110,18 +116,129 @@ class ContactViewTests(TestCase):
@override_settings(DEBUG=True, TIANJI_ENABLED=True) @override_settings(DEBUG=True, TIANJI_ENABLED=True)
class TianjiTrackingTests(TestCase): class TianjiTrackingTests(TestCase):
def test_homepage_includes_consent_banner_when_enabled(self): def test_homepage_includes_analytics_notice_when_enabled(self):
response = self.client.get(reverse("public_index")) response = self.client.get(reverse("public_index"))
self.assertEqual(response.status_code, 200) self.assertEqual(response.status_code, 200)
self.assertContains(response, "cookie-consent-banner") self.assertContains(response, "cookie-consent-banner")
self.assertContains(response, "cookie-consent-acknowledge")
self.assertContains(response, "Acknowledge")
self.assertNotContains(response, "cookie-consent-decline")
self.assertNotContains(response, "Accept Analytics")
self.assertContains(response, "tianji-config") self.assertContains(response, "tianji-config")
self.assertContains(response, "tianji-consent.js") self.assertContains(response, "tianji-consent.js")
@override_settings(TIANJI_ENABLED=False) @override_settings(TIANJI_ENABLED=False)
def test_homepage_omits_consent_banner_when_disabled(self): def test_homepage_omits_analytics_notice_when_disabled(self):
response = self.client.get(reverse("public_index")) response = self.client.get(reverse("public_index"))
self.assertEqual(response.status_code, 200) self.assertEqual(response.status_code, 200)
self.assertNotContains(response, "cookie-consent-banner") self.assertNotContains(response, "cookie-consent-banner")
self.assertNotContains(response, "tianji-config") self.assertNotContains(response, "tianji-config")
class AgenticBrowsingSeoTests(TestCase):
def test_robots_txt_is_available(self):
response = self.client.get(reverse("robots_txt"))
self.assertEqual(response.status_code, 200)
self.assertEqual(response["Content-Type"], "text/plain; charset=utf-8")
self.assertContains(response, "User-agent: *")
self.assertContains(response, "Sitemap:")
def test_sitemap_xml_lists_public_pages(self):
response = self.client.get(reverse("sitemap_xml"))
self.assertEqual(response.status_code, 200)
self.assertEqual(response["Content-Type"], "application/xml; charset=utf-8")
self.assertContains(response, "<urlset")
self.assertContains(response, reverse("contact"))
self.assertContains(response, reverse("forward_deployed"))
def test_llms_txt_is_available(self):
response = self.client.get(reverse("llms_txt"))
self.assertEqual(response.status_code, 200)
self.assertEqual(response["Content-Type"], "text/plain; charset=utf-8")
self.assertContains(response, "# AI ML Operations, LLC")
self.assertContains(response, "## Key pages")
self.assertContains(response, reverse("contact"))
def test_homepage_uses_semantic_nav_controls(self):
response = self.client.get(reverse("public_index"))
self.assertEqual(response.status_code, 200)
self.assertContains(response, 'id="services-menu-button"')
self.assertContains(response, 'aria-haspopup="true"')
self.assertContains(response, 'aria-label="Main navigation"')
@override_settings(DEBUG=True, WEBMCP_ENABLED=True)
class WebMcpTests(TestCase):
def test_homepage_includes_webmcp_when_enabled(self):
response = self.client.get(reverse("public_index"))
self.assertEqual(response.status_code, 200)
self.assertContains(response, "webmcp-config")
self.assertContains(response, "webmcp-tools.js")
self.assertContains(response, 'data-page-name="public_index"')
self.assertContains(response, "forward_deployed")
@override_settings(WEBMCP_ENABLED=False)
def test_homepage_omits_webmcp_when_disabled(self):
response = self.client.get(reverse("public_index"))
self.assertEqual(response.status_code, 200)
self.assertNotContains(response, "webmcp-config")
self.assertNotContains(response, "webmcp-tools.js")
def test_contact_page_includes_webmcp_form_annotations(self):
response = self.client.get(reverse("contact"))
self.assertEqual(response.status_code, 200)
self.assertContains(response, 'id="contact-form"')
self.assertContains(response, 'toolname="submit_contact_inquiry"')
self.assertContains(response, "tooldescription=")
self.assertContains(response, "toolparamdescription=")
self.assertContains(response, "submit_contact_inquiry")
@override_settings(DEBUG=False)
def test_contact_page_renders_captcha_outside_annotated_form(self):
response = self.client.get(reverse("contact"))
self.assertEqual(response.status_code, 200)
form_end = response.content.index(b"</form>")
captcha_index = response.content.index(b"g-recaptcha")
self.assertGreater(captcha_index, form_end)
self.assertContains(response, b'form="contact-form"')
def test_webmcp_services_json_includes_all_service_pages(self):
response = self.client.get(reverse("public_index"))
self.assertEqual(response.status_code, 200)
for slug in SERVICE_URL_NAMES:
self.assertContains(response, slug)
def test_service_entries_match_public_seo_config(self):
entries = get_service_entries()
self.assertEqual(len(entries), len(SERVICE_URL_NAMES))
self.assertEqual({entry["slug"] for entry in entries}, SERVICE_URL_NAMES)
def test_webmcp_static_script_defines_expected_tools(self):
from pathlib import Path
script_path = Path(__file__).resolve().parent / "static/public/js/webmcp-tools.js"
script = script_path.read_text(encoding="utf-8")
for tool_name in (
"list_services",
"get_page_content",
"navigate_to_service",
"open_contact_with_subject",
"submit_contact_inquiry",
):
self.assertIn("name: '" + tool_name + "'", script)
self.assertIn("readOnlyHint: true", script)
self.assertIn("readOnlyHint: false", script)
self.assertIn("navigator.modelContext || document.modelContext", script)
+4 -1
View File
@@ -1,8 +1,11 @@
from django.urls import path from django.urls import path
from . import views from . import seo, views
urlpatterns = [ urlpatterns = [
path("robots.txt", seo.robots_txt, name="robots_txt"),
path("sitemap.xml", seo.sitemap_xml, name="sitemap_xml"),
path("llms.txt", seo.llms_txt, name="llms_txt"),
path("", views.index, name="public_index"), path("", views.index, name="public_index"),
path("chat", views.chat, name="chat"), path("chat", views.chat, name="chat"),
path("ai_education", views.ai_education, name="ai_education"), path("ai_education", views.ai_education, name="ai_education"),