From 866cb418b3b5ac86a0ef044adda211a2eb06af1a Mon Sep 17 00:00:00 2001 From: unclehowell Date: Tue, 11 Nov 2025 21:05:15 -0300 Subject: [PATCH] Add release timeline slider and dropdown controls --- index.html | 316 ++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 301 insertions(+), 15 deletions(-) diff --git a/index.html b/index.html index 2df539129c..edaa0772fc 100755 --- a/index.html +++ b/index.html @@ -64,11 +64,135 @@ } .v-h { position: absolute !important; - height: 1px; width: 1px; + height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } +#mainWrapper + .release-top-bar { + margin-top: 82px; +} +.release-top-bar { + background: rgba(20, 20, 50, 0.85); + backdrop-filter: blur(4px); + color: #fff; + padding: 12px 16px; + position: relative; + z-index: 9; + box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35); +} +.release-top-bar-inner { + display: flex; + align-items: center; + gap: 18px; + overflow-x: auto; + padding-bottom: 4px; +} +.release-dropdown-wrapper { + display: flex; + align-items: center; + gap: 8px; + flex-shrink: 0; +} +.release-back-button { + display: none; + background: transparent; + border: 1px solid rgba(255, 255, 255, 0.4); + border-radius: 4px; + color: #fff; + padding: 6px 12px; + font-size: 0.85rem; + transition: background 0.2s ease, color 0.2s ease; +} +.release-back-button:hover, +.release-back-button:focus { + background: rgba(255, 255, 255, 0.18); + color: #fff; + outline: none; +} +.release-select { + background: rgba(14, 14, 35, 0.8); + border: 1px solid rgba(255, 255, 255, 0.35); + border-radius: 4px; + color: #fff; + padding: 6px 32px 6px 12px; + font-size: 0.85rem; + appearance: none; + min-width: 110px; + cursor: pointer; +} +.release-select:focus { + outline: none; + box-shadow: 0 0 0 2px rgba(102, 204, 255, 0.45); +} +.release-select-secondary { + display: none; +} +.release-dropdown-wrapper.is-secondary .release-back-button { + display: inline-flex; +} +.release-dropdown-wrapper.is-secondary .release-select-primary { + display: none; +} +.release-dropdown-wrapper.is-secondary .release-select-secondary { + display: inline-block; +} +.release-slider { + display: flex; + gap: 12px; + flex-wrap: nowrap; + overflow-x: auto; + padding: 4px 0; + scrollbar-width: thin; +} +.release-slider::-webkit-scrollbar { + height: 6px; +} +.release-slider::-webkit-scrollbar-track { + background: rgba(255, 255, 255, 0.1); +} +.release-slider::-webkit-scrollbar-thumb { + background: rgba(255, 255, 255, 0.35); + border-radius: 10px; +} +.release-toggle { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 6px 18px; + background: rgba(102, 204, 255, 0.18); + border: 1px solid rgba(102, 204, 255, 0.4); + border-radius: 999px; + color: #fff; + font-size: 0.85rem; + text-transform: uppercase; + white-space: nowrap; + transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; +} +.release-toggle:focus, +.release-toggle:hover { + background: rgba(102, 204, 255, 0.35); + border-color: rgba(102, 204, 255, 0.75); + text-decoration: none; + color: #fff; + outline: none; +} +.release-toggle:active { + background: rgba(102, 204, 255, 0.55); +} +.release-popup-content { + display: none; + max-width: 520px; +} +.release-popup-content h2 { + font-size: 1.4rem; + margin-bottom: 0.75rem; + color: #333366; +} +.release-popup-content p { + margin-bottom: 0.5rem; + line-height: 1.5; +} #bg-video { position: fixed; top: 0; @@ -133,11 +257,11 @@ Your browser does not support the video tag. -
- +
+
+
+
+ + + +
+
+ Free + Q1-2024 Release + Q2-2024 Release + Q3-2024 Release + Q4-2024 Release + Q1-2025 Release + Q2-2025 Release + Q3-2025 Release + Q4-2025 Release + Restricted Access Preview +
+
+
@@ -439,19 +589,155 @@

+
+

Free Tier Access

+

Explore the open DATRO experience with unrestricted community features and public knowledge base materials.

+

Ideal for curious visitors who want to understand the vision and get started without commitment.

+
+
+

Q1-2024 Release

+

Foundational connectivity services, platform login, and initial collaboration toolset are scheduled for this window.

+

Includes onboarding resources for early participants and technical partners.

+
+
+

Q2-2024 Release

+

Expands on the Q1 build with integrated analytics dashboards and enhanced governance controls.

+

Designed for teams preparing pilot deployments and real-world field trials.

+
+
+

Q3-2024 Release

+

Introduces partner APIs, data-exchange improvements, and wider interoperability for municipal roll-outs.

+

Engineering notes include upgrade strategies and migration helpers.

+
+
+

Q4-2024 Release

+

Focuses on resilience testing, internationalisation, and live support readiness.

+

Recommended for operators scaling infrastructure beyond pilot programmes.

+
+
+

Q1-2025 Release

+

Launches automated deployment pipelines and telemetry bundling for enterprise partners.

+

Highlights include extended documentation sets and curated training paths.

+
+
+

Q2-2025 Release

+

Delivers marketplace integrations, subscription tooling, and improved SLA reporting.

+

Perfect for organisations aligning business operations with DATRO infrastructure.

+
+
+

Q3-2025 Release

+

Centres on automation, AI-assisted monitoring, and policy templates for distributed governance.

+

Provides action plans for compliance and regulatory reviews.

+
+
+

Q4-2025 Release

+

Marks the full ecosystem release with federation services and comprehensive support tiers.

+

Includes launch readiness kits and expanded customer success programmes.

+
+
+

Restricted Access Preview

+

Request invitation-only access to experimental features, sandbox datasets, and early product concepts.

+

Ideal for strategic partners collaborating on the roadmap beyond 2025.

+
+

- - + + - - + + +