@dirsigler/astro-techradar 0.3.0 → 0.4.0

package/config.ts

@@ -18,11 +18,14 @@ export interface ResolvedColorMode {
 }
 
 export interface TechRadarUserConfig {
-  /** Navbar title text */
-  title: string;
+  /** Brand name shown in the navbar. */
+  name: string;
+
+  /** Main page title shown as the h1 heading. Falls back to name if not set. */
+  title?: string;
 
-  /** Main page headline. Falls back to title if not set. */
-  headline?: string;
+  /** Subtitle shown below the title on the main page. */
+  subtitle?: string;
 
   /**
    * URL path prefix where the tech radar is mounted (e.g. "/techradar").
@@ -54,8 +57,9 @@ export interface TechRadarUserConfig {
 }
 
 export interface ResolvedConfig {
+  name: string;
   title: string;
-  headline: string;
+  subtitle?: string;
   /** Normalized base path with leading slash, no trailing slash. Empty string when mounted at root. */
   basePath: string;
   logo?: string;
@@ -76,8 +80,9 @@ function normalizeBasePath(raw?: string): string {
 
 export function resolveConfig(user: TechRadarUserConfig): ResolvedConfig {
   return {
-    title: user.title,
-    headline: user.headline ?? user.title,
+    name: user.name,
+    title: user.title ?? user.name,
+    subtitle: user.subtitle,
     basePath: normalizeBasePath(user.basePath),
     logo: user.logo,
     footerText: user.footerText ?? '',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dirsigler/astro-techradar",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "description": "An interactive technology radar Astro integration — track technology adoption across your organization",
   "license": "MIT",

package/src/layouts/Base.astro

@@ -10,7 +10,7 @@ interface Props {
   description?: string;
 }
 
-const { title = config.title, description = 'Technology Radar — tracking technology adoption across our organization' } = Astro.props;
+const { title = config.name, description = 'Technology Radar — tracking technology adoption across our organization' } = Astro.props;
 const siteBase = import.meta.env.BASE_URL.replace(/\/+$/, '');
 const base = `${siteBase}${config.basePath}/`;
 const canonicalUrl = new URL(Astro.url.pathname, Astro.site);
@@ -61,11 +61,11 @@ const canonicalUrl = new URL(Astro.url.pathname, Astro.site);
           {config.logo && (
             <img
               src={config.logo.startsWith('https://') ? config.logo : `${base}${config.logo.replace(/^\//, '')}`}
-              alt={config.title}
+              alt={config.name}
               class="h-8 w-auto"
             />
           )}
-          {config.title}
+          {config.name}
         </a>
         {config.color.toggle && <ThemeToggle />}
       </nav>

package/src/pages/index.astro

@@ -53,12 +53,14 @@ const legendSegments = segments.map((s) => ({
 const ringEntries = Object.entries(RING_LABELS) as [string, string][];
 ---
 
-<Base title={config.title}>
+<Base title={config.name}>
   <div class="text-center mb-10">
-    <h1 class="text-4xl font-bold" style="color: var(--radar-text);">{config.headline}</h1>
-    <p class="mt-3 text-lg" style="color: var(--radar-text-muted);">
-      An overview of the technologies, frameworks, processes, and languages we use and evaluate.
-    </p>
+    <h1 class="text-4xl font-bold" style="color: var(--radar-text);">{config.title}</h1>
+    {config.subtitle && (
+      <p class="mt-3 text-lg" style="color: var(--radar-text-muted);">
+        {config.subtitle}
+      </p>
+    )}
   </div>
 
   <!-- Filter bar -->