Compare commits
6
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
faca7b1084 | ||
|
|
2fb5204614 | ||
|
|
bb5aa6de82 | ||
|
|
7c9aba7e6c | ||
|
|
b5ab8eb512 | ||
|
|
846f1b8a37 |
@@ -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",
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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)
|
||||||
@@ -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
|
||||||
@@ -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),
|
||||||
|
}
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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")
|
||||||
@@ -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,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})();
|
||||||
@@ -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 & Privacy</a>
|
<a href="{% url 'terms_of_service' %}" data-tianji-event="footer_terms">Terms & 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">© 2023 -
|
<p class="footer-text footer-text--muted">© 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 & Privacy Policy</a> for details.</span>
|
See our <a href="{% url 'terms_of_service' %}">Terms of Service & 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>
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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"),
|
||||||
|
|||||||
Reference in New Issue
Block a user