Jul 28 - Update the dashboard header
This commit is contained in:
+25
-14
@@ -1,15 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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.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') }}">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="grain" aria-hidden="true"></div>
|
||||
|
||||
@@ -20,8 +25,8 @@
|
||||
</div>
|
||||
<h1 class="hero__title">JQC<span class="hero__title-sub">Janitorial Quality Control</span></h1>
|
||||
<p class="hero__lede">
|
||||
A closer look at what the JQC Inspector can do — a unified, paperless
|
||||
program that keeps every party in the loop, on every visit.
|
||||
The complete quality management platform for commercial cleaning — inspect facilities, assign corrective
|
||||
actions, track SLA compliance, communicate with customers, and generate reports—all from one platform
|
||||
</p>
|
||||
<div class="hero__meta">
|
||||
<span class="tag">iPad & Web</span>
|
||||
@@ -47,19 +52,22 @@
|
||||
<ul class="topics" role="list">
|
||||
{% for topic in section.published_topics %}
|
||||
<li class="topic" data-topic>
|
||||
<button class="topic__head" type="button"
|
||||
aria-expanded="false"
|
||||
aria-controls="body-{{ topic.slug }}"
|
||||
<button class="topic__head" type="button" aria-expanded="false" aria-controls="body-{{ topic.slug }}"
|
||||
id="head-{{ topic.slug }}">
|
||||
<span class="topic__idx">{{ '%02d' % loop.index }}</span>
|
||||
<span class="topic__title">{{ topic.title | safe }}</span>
|
||||
<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-check"><polyline points="4 12 10 18 20 6"/></svg>
|
||||
<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-check">
|
||||
<polyline points="4 12 10 18 20 6" />
|
||||
</svg>
|
||||
</span>
|
||||
</button>
|
||||
<div class="topic__panel" id="body-{{ topic.slug }}"
|
||||
role="region" aria-labelledby="head-{{ topic.slug }}" hidden>
|
||||
<div class="topic__panel" id="body-{{ topic.slug }}" role="region" aria-labelledby="head-{{ topic.slug }}"
|
||||
hidden>
|
||||
<div class="topic__inner">
|
||||
{% if topic.body_html %}<div class="prose">{{ topic.body }}</div>{% endif %}
|
||||
|
||||
@@ -75,8 +83,8 @@
|
||||
</figure>
|
||||
{% elif topic.media_type == 'embed' and topic.media_url %}
|
||||
<figure class="media media--embed">
|
||||
<iframe src="{{ topic.media_url }}" title="{{ topic.media_caption or topic.title }}"
|
||||
loading="lazy" allowfullscreen></iframe>
|
||||
<iframe src="{{ topic.media_url }}" title="{{ topic.media_caption or topic.title }}" loading="lazy"
|
||||
allowfullscreen></iframe>
|
||||
{% if topic.media_caption %}<figcaption>{{ topic.media_caption }}</figcaption>{% endif %}
|
||||
</figure>
|
||||
{% endif %}
|
||||
@@ -84,7 +92,9 @@
|
||||
{% if topic.link_url %}
|
||||
<a class="topic__link" href="{{ topic.link_url }}" target="_blank" rel="noopener">
|
||||
{{ 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>
|
||||
{% endif %}
|
||||
</div>
|
||||
@@ -107,4 +117,5 @@
|
||||
|
||||
<script src="{{ url_for('static', filename='js/main.js') }}" defer></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user