Merge pull request #676 from lukecotter/chore-update-favicon-url

chore: use absolute siteUrl for favicon and head links

Author: lcottercertinia

lana-docs-site/docusaurus.config.ts

@@ -4,6 +4,8 @@ import { themes as prismThemes } from 'prism-react-renderer';
 
 const organizationName = 'certinia';
 const projectName = 'debug-log-analyzer';
+const prodUrl = `https://${organizationName}.github.io`;
+const siteUrl = `${prodUrl}/${projectName}`;
 
 const config: Config = {
   future: {
@@ -15,7 +17,7 @@ const config: Config = {
   tagline:
     'blazing-fast VS Code extension for Salesforce. Visualize and debug Apex logs with interactive flame charts, dynamic call trees, and detailed SOQL/DML breakdowns. Identify performance bottlenecks, gain deep transaction insights and optimize slow Apex.',
   // Set the production url of your site here
-  url: `https://${organizationName}.github.io`,
+  url: prodUrl,
   // Set the /<baseUrl>/ pathname under which your site is served
   // For GitHub pages deployment, it is often '/<projectName>/'
   baseUrl: `/${projectName}/`,
@@ -33,7 +35,7 @@ const config: Config = {
     defaultLocale: 'en',
     locales: ['en'],
   },
-  favicon: '/favicon.svg',
+  favicon: `${siteUrl}/favicon.svg`,
   // Enhanced head tags for better search engine recognition
   // Multiple favicon formats for better compatibility
   headTags: [
@@ -42,23 +44,23 @@ const config: Config = {
       attributes: {
         rel: 'icon',
         type: 'image/svg+xml',
-        href: `/${projectName}/favicon.svg`,
+        href: `${siteUrl}/favicon.svg`,
       },
     },
     {
       tagName: 'link',
       attributes: {
         rel: 'icon',
         type: 'image/x-icon',
-        href: `/${projectName}/favicon.ico`, // fallback for older browsers
+        href: `${siteUrl}/favicon.ico`, // fallback for older browsers
       },
     },
     {
       tagName: 'link',
       attributes: {
         rel: 'apple-touch-icon', // Apple touch icon for better mobile display
         sizes: '180x180',
-        href: `/${projectName}/favicon.png`,
+        href: `${siteUrl}/favicon.png`,
       },
     },
   ],