nngo/JQC_features
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Jul 28 - Update the dashboard header

Browse Source
This commit is contained in:
nngo
2026-07-28 12:39:30 -04:00
parent d3e9037422
commit 08c023e1de
1 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/index.html
+26 -15
View File
@@ -1,15 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JQC — Janitorial Quality Control · LT Services</title> <title>JQC — Janitorial Quality Control · LT Services</title>
<meta name="description" content="The features of LT Services' JQC quality control platform — inspections, real-time issue tracking, SLA alerts, and QR access."> <meta name="description"
content="The features of LT Services' JQC quality control platform — inspections, real-time issue tracking, SLA alerts, and QR access.">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet"> <link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="{{ asset_url('css/style.css') }}"> <link rel="stylesheet" href="{{ asset_url('css/style.css') }}">
</head> </head>
<body> <body>
<div class="grain" aria-hidden="true"></div> <div class="grain" aria-hidden="true"></div>
@@ -20,8 +25,8 @@
</div> </div>
<h1 class="hero__title">JQC<span class="hero__title-sub">Janitorial Quality Control</span></h1> <h1 class="hero__title">JQC<span class="hero__title-sub">Janitorial Quality Control</span></h1>
<p class="hero__lede"> <p class="hero__lede">
A closer look at what the JQC Inspector can do — a unified, paperless The complete quality management platform for commercial cleaning — inspect facilities, assign corrective
program that keeps every party in the loop, on every visit. actions, track SLA compliance, communicate with customers, and generate reports—all from one platform
</p> </p>
<div class="hero__meta"> <div class="hero__meta">
<span class="tag">iPad &amp; Web</span> <span class="tag">iPad &amp; Web</span>
@@ -47,19 +52,22 @@
<ul class="topics" role="list"> <ul class="topics" role="list">
{% for topic in section.published_topics %} {% for topic in section.published_topics %}
<li class="topic" data-topic> <li class="topic" data-topic>
<button class="topic__head" type="button" <button class="topic__head" type="button" aria-expanded="false" aria-controls="body-{{ topic.slug }}"
aria-expanded="false" id="head-{{ topic.slug }}">
aria-controls="body-{{ topic.slug }}"
id="head-{{ topic.slug }}">
<span class="topic__idx">{{ '%02d' % loop.index }}</span> <span class="topic__idx">{{ '%02d' % loop.index }}</span>
<span class="topic__title">{{ topic.title | safe }}</span> <span class="topic__title">{{ topic.title | safe }}</span>
<span class="topic__mark" aria-hidden="true"> <span class="topic__mark" aria-hidden="true">
<svg viewBox="0 0 24 24" class="ic-plus"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg> <svg viewBox="0 0 24 24" class="ic-plus">
<svg viewBox="0 0 24 24" class="ic-check"><polyline points="4 12 10 18 20 6"/></svg> <line x1="12" y1="5" x2="12" y2="19" />
<line x1="5" y1="12" x2="19" y2="12" />
</svg>
<svg viewBox="0 0 24 24" class="ic-check">
<polyline points="4 12 10 18 20 6" />
</svg>
</span> </span>
</button> </button>
<div class="topic__panel" id="body-{{ topic.slug }}" <div class="topic__panel" id="body-{{ topic.slug }}" role="region" aria-labelledby="head-{{ topic.slug }}"
role="region" aria-labelledby="head-{{ topic.slug }}" hidden> hidden>
<div class="topic__inner"> <div class="topic__inner">
{% if topic.body_html %}<div class="prose">{{ topic.body }}</div>{% endif %} {% if topic.body_html %}<div class="prose">{{ topic.body }}</div>{% endif %}
@@ -75,8 +83,8 @@
</figure> </figure>
{% elif topic.media_type == 'embed' and topic.media_url %} {% elif topic.media_type == 'embed' and topic.media_url %}
<figure class="media media--embed"> <figure class="media media--embed">
<iframe src="{{ topic.media_url }}" title="{{ topic.media_caption or topic.title }}" <iframe src="{{ topic.media_url }}" title="{{ topic.media_caption or topic.title }}" loading="lazy"
loading="lazy" allowfullscreen></iframe> allowfullscreen></iframe>
{% if topic.media_caption %}<figcaption>{{ topic.media_caption }}</figcaption>{% endif %} {% if topic.media_caption %}<figcaption>{{ topic.media_caption }}</figcaption>{% endif %}
</figure> </figure>
{% endif %} {% endif %}
@@ -84,7 +92,9 @@
{% if topic.link_url %} {% if topic.link_url %}
<a class="topic__link" href="{{ topic.link_url }}" target="_blank" rel="noopener"> <a class="topic__link" href="{{ topic.link_url }}" target="_blank" rel="noopener">
{{ topic.link_label or 'Learn more' }} {{ topic.link_label or 'Learn more' }}
<svg viewBox="0 0 24 24"><path d="M7 17 17 7M9 7h8v8"/></svg> <svg viewBox="0 0 24 24">
<path d="M7 17 17 7M9 7h8v8" />
</svg>
</a> </a>
{% endif %} {% endif %}
</div> </div>
@@ -107,4 +117,5 @@
<script src="{{ url_for('static', filename='js/main.js') }}" defer></script> <script src="{{ url_for('static', filename='js/main.js') }}" defer></script>
</body> </body>
</html> </html>