From e28a716f7c54b9c694d9de0751e64a98ab2e2285 Mon Sep 17 00:00:00 2001
From: Dwayne Charrington <dwaynecharrington@gmail.com>
Date: Mon, 16 Dec 2024 06:51:35 +1000
Subject: [PATCH] feat(roadmap): added roadmap, but will be replaced with real
 one soon

This is not the roadmap roadmap. But it's a placeholder for it.
---
 content/roadmap.md                            | 60 +++++++++++++
 .../aurelia-theme/layouts/roadmap/single.html | 88 +++++++++++++++++++
 2 files changed, 148 insertions(+)
 create mode 100644 content/roadmap.md
 create mode 100644 themes/aurelia-theme/layouts/roadmap/single.html

diff --git a/content/roadmap.md b/content/roadmap.md
new file mode 100644
index 0000000..2a41ec3
--- /dev/null
+++ b/content/roadmap.md
@@ -0,0 +1,60 @@
+---
+title: "Aurelia Roadmap"
+description: "Explore the upcoming features and improvements planned for Aurelia."
+url: "/roadmap/"
+type: "roadmap"
+roadmap:
+  - quarter: "2025"
+    title: "Task Queue and API Improvements"
+    status: "in-progress"
+    description: "Fundamental improvements to Aurelia's core architecture and API surface to enhance performance and developer experience."
+    features:
+      - "Task queue refactor from sync to async for better performance"
+      - "API surface reduction to simplify the framework"
+      - "Improved API consistency across the framework"
+      - "Enhanced TypeScript types and documentation"
+
+  - quarter: "2025"
+    title: "Developer Experience and Tooling"
+    status: "planned"
+    description: "Focusing on making Aurelia development more efficient and enjoyable with better tooling and debugging capabilities."
+    features:
+      - "Enhanced developer tools with component inspection"
+      - "Improved error messages and debugging experience"
+      - "Better IDE integration and IntelliSense support"
+      - "New documentation platform with interactive examples"
+
+  - quarter: "2025"
+    title: "Server-Side Rendering and Hydration"
+    status: "planned"
+    description: "Introducing robust SSR capabilities to Aurelia, enabling better performance and SEO capabilities."
+    features:
+      - "Full SSR support with hydration"
+      - "Progressive hydration capabilities"
+      - "Streaming SSR implementation"
+      - "SEO-friendly rendering options"
+
+  - quarter: "2025"
+    title: "Ahead-of-Time Compilation"
+    status: "planned"
+    description: "Implementing partial ahead-of-time compilation to improve initial load performance and runtime efficiency."
+    features:
+      - "Partial AOT compilation support"
+      - "Build-time optimizations"
+      - "Reduced runtime overhead"
+      - "Smaller bundle sizes"
+
+  - quarter: "2025"
+    title: "Performance and Benchmarking"
+    status: "planned"
+    description: "Comprehensive performance improvements backed by extensive benchmarking and optimization efforts."
+    features:
+      - "Expanded benchmark suite"
+      - "Performance comparison frameworks"
+      - "Memory usage optimizations"
+      - "Runtime performance improvements"
+---
+
+This roadmap outlines our commitment to making Aurelia even more powerful and developer-friendly. We're focusing on core improvements that will enhance performance, developer experience, and overall framework capabilities. The timeline is approximate and may be adjusted based on community feedback and development progress.
+
+Note that while we work on these major features, we continue to make regular improvements, bug fixes, and minor enhancements in our regular release cycle. Community contributions and feedback are always welcome and help shape our priorities.
\ No newline at end of file
diff --git a/themes/aurelia-theme/layouts/roadmap/single.html b/themes/aurelia-theme/layouts/roadmap/single.html
new file mode 100644
index 0000000..70784bf
--- /dev/null
+++ b/themes/aurelia-theme/layouts/roadmap/single.html
@@ -0,0 +1,88 @@
+{{ define "main" }}
+<!-- Roadmap Header -->
+<section class="relative py-24 bg-gradient-to-b from-white to-gray-50">
+  <!-- Decorative Background -->
+  <div class="absolute inset-0 overflow-hidden">
+    <div
+      class="absolute top-1/4 -right-1/4 w-[500px] h-[500px] bg-gradient-to-r from-aurelia/10 to-aurelia-light/10 rounded-full blur-3xl">
+    </div>
+    <div
+      class="absolute -bottom-1/4 -left-1/4 w-[500px] h-[500px] bg-gradient-to-r from-aurelia-light/5 to-purple-500/5 rounded-full blur-3xl">
+    </div>
+  </div>
+
+  <!-- Header Content -->
+  <div class="relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+    <h1
+      class="text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-aurelia to-aurelia-light bg-clip-text text-transparent">
+      {{ .Title }}
+    </h1>
+    {{ with .Description }}
+    <p class="text-xl text-gray-600 mb-8">{{ . }}</p>
+    {{ end }}
+  </div>
+</section>
+
+<!-- Roadmap Content -->
+<section class="py-16 bg-white">
+  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+    <div class="roadmap-timeline relative">
+      <!-- Timeline Center Line -->
+      <div class="absolute left-1/2 transform -translate-x-1/2 h-full w-0.5 bg-gradient-to-b from-aurelia/30 via-aurelia-light/30 to-purple-300/30"></div>
+
+      {{ $roadmapData := .Params.roadmap }}
+      {{ range $index, $item := $roadmapData }}
+      <div class="roadmap-item group mb-24 relative">
+        <!-- Timeline dot -->
+        <div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 top-12 z-10">
+          <div class="w-5 h-5 rounded-full bg-white border-2 border-aurelia shadow-md
+                      group-hover:scale-125 group-hover:border-aurelia-light transition-all duration-300"></div>
+        </div>
+
+        <!-- Content Card -->
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8 relative">
+          <!-- Quarter Label -->
+          <div class="{{ if modBool $index 2 }}lg:order-2 text-center lg:text-left lg:pl-12{{ else }}lg:order-1 text-center lg:text-right lg:pr-12{{ end }} mb-4 lg:mb-0">
+            <div class="inline-flex items-center space-x-3">
+              <span class="inline-block px-4 py-1.5 rounded-full text-sm font-medium bg-gradient-to-r 
+                        {{ if eq $item.status "completed" }}
+                          from-green-50 to-green-100 text-green-700
+                        {{ else if eq $item.status "in-progress" }}
+                          from-blue-50 to-blue-100 text-blue-700
+                        {{ else }}
+                          from-purple-50 to-purple-100 text-purple-700
+                        {{ end }}">
+                {{ $item.quarter }}
+              </span>
+              <span class="hidden lg:inline-block h-0.5 w-12 bg-gradient-to-r from-aurelia/30 to-aurelia-light/30"></span>
+            </div>
+          </div>
+
+          <!-- Content Box -->
+          <div class="{{ if modBool $index 2 }}lg:order-1 lg:pr-12{{ else }}lg:order-2 lg:pl-12{{ end }}">
+            <div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300
+                        border border-gray-100/50 hover:border-aurelia/20 transform hover:-translate-y-1">
+              <h3 class="text-2xl font-semibold mb-4 text-gray-900">{{ $item.title }}</h3>
+              <p class="text-gray-600 leading-relaxed">{{ $item.description }}</p>
+              
+              {{ if $item.features }}
+              <ul class="mt-6 space-y-3">
+                {{ range $item.features }}
+                <li class="flex items-start space-x-3 text-gray-600">
+                  <svg class="w-5 h-5 text-aurelia flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                  </svg>
+                  <span class="leading-relaxed">{{ . }}</span>
+                </li>
+                {{ end }}
+              </ul>
+              {{ end }}
+            </div>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+    </div>
+  </div>
+</section>
+{{ end }}