website updates

website/docusaurus.config.js

@@ -10,6 +10,83 @@ import {themes as prismThemes} from 'prism-react-renderer';
 const providerName = "snowflake";
 const providerTitle = "Snowflake";
 
+const providerDropDownListItems = [
+  {
+    label: 'AWS',
+    to: '/providers/aws',
+  },
+  {
+    label: 'Azure',
+    to: '/providers/azure',
+  },
+  {
+    label: 'Google',
+    to: '/providers/google',
+  },
+  {
+    label: 'Databricks',
+    to: '/providers/databricks',
+  },
+  {
+    label: 'Snowflake',
+    to: '/providers/snowflake',
+  },
+  {
+    label: 'Confluent',
+    to: '/providers/confluent',
+  },
+  {
+    label: 'Okta',
+    to: '/providers/okta',
+  },
+  {
+    label: 'GitHub',
+    to: '/providers/github',
+  },
+  {
+    label: 'OpenAI',
+    to: '/providers/openai',
+  },
+  {
+    label: '... More',
+    to: '/providers',
+  },
+];
+
+const footerStackQLItems = [
+  {
+    label: 'Documentation',
+    to: '/stackqldocs',
+  },
+  {
+    label: 'Install',
+    to: '/install',
+  },
+  {
+    label: 'Contact us',
+    to: '/contact-us',
+  },
+];
+
+const footerMoreItems = [
+  {
+    label: 'Providers',
+    to: '/providers',
+  },
+  {
+    label: 'stackql-deploy',
+    to: '/stackql-deploy',
+  },            
+  {
+    label: 'Blog',
+    to: '/blog',
+  },
+  {
+    label: 'Tutorials',
+    to: '/tutorials',
+  },            
+];
+
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
 
 /** @type {import('@docusaurus/types').Config} */
@@ -83,53 +160,16 @@ const config = {
             label: 'Install',
           },
           {
-            to: '/deploy',
+            to: '/stackql-deploy',
             position: 'left',
             label: 'stackql-deploy',
           },
           {
             to: '/providers',
             type: 'dropdown',
-            label: 'StackQL Providers',
+            label: 'Providers',
             position: 'left',
-            items: [
-              {
-                label: 'AWS',
-                to: '/providers/aws',
-              },
-              {
-                label: 'Azure',
-                to: '/providers/azure',
-              },
-              {
-                label: 'Google',
-                to: '/providers/google',
-              },
-              {
-                label: 'GitHub',
-                to: '/providers/github',
-              },
-              {
-                label: 'Kubernetes',
-                to: '/providers/k8s',
-              },
-              {
-                label: 'Okta',
-                to: '/providers/okta',
-              },
-              {
-                label: 'DigitalOcean',
-                to: '/providers/digitalocean',
-              },
-              {
-                label: 'Linode',
-                to: '/providers/linode',
-              },
-              {
-                label: '... More',
-                to: '/providers',
-              },
-            ]                      
+            items: providerDropDownListItems,
           },
           {
             type: 'dropdown',
@@ -162,48 +202,18 @@ const config = {
         style: 'dark',
         logo: {
           alt: 'StackQL',
-          href: 'https://stackql.io/providers',
+          href: '/providers',
           src: 'img/stackql-registry-logo.svg',
           srcDark: 'img/stackql-registry-logo-white.svg',
         },
         links: [
           {
             title: 'StackQL',
-            items: [
-              {
-                label: 'Documentation',
-                to: '/stackqldocs',
-              },
-              {
-                label: 'Install',
-                to: '/install',
-              },
-              {
-                label: 'Contact us',
-                href: '/contact-us',
-              },
-            ],
+            items: footerStackQLItems,
           },
           {
             title: 'More',
-            items: [
-              {
-                label: 'Providers',
-                to: '/providers',
-              },
-              {
-                label: 'StackQL Deploy',
-                to: '/deploy',
-              },
-              {
-                label: 'Blog',
-                to: '/blog',
-              },
-              {
-                label: 'Tutorials',
-                to: '/tutorials',
-              },
-            ],
+            items: footerMoreItems,
           },
         ],
         copyright: `© ${new Date().getFullYear()} StackQL Studios`,

website/package.json

@@ -16,7 +16,12 @@
   "dependencies": {
     "@docusaurus/core": "3.8.1",
     "@docusaurus/preset-classic": "3.8.1",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@iconify/react": "^6.0.0",
     "@mdx-js/react": "^3.0.0",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/material": "^7.3.1",
     "clipboard": "^2.0.11",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",

website/src/css/custom.css

@@ -163,9 +163,10 @@ html[data-theme='dark'] .footer .container {
 }
 
 .footerSocialIcon {
-  font-size: 24;
-  }
-
+  font-size: 24px;
+  margin: 0 12px;
+}
+
  .footerSocialIconButton {
  padding: 0;
  color: 'rgba(255,255,255,.6)';

website/src/pages/providers/linode.js → website/src/pages/providers/confluent.js

@@ -4,7 +4,7 @@ import Head from '@docusaurus/Head';
 export default function Registry() {
   return (
     <Head>
-    <meta http-equiv="refresh" content="0;URL='https://stackql.io/providers/linode'" />
+    <meta http-equiv="refresh" content="0;URL='https://stackql.io/providers/confluent'" />
     </Head>
   );
 };

website/src/pages/providers/digitalocean.js → website/src/pages/providers/databricks.js

@@ -4,7 +4,7 @@ import Head from '@docusaurus/Head';
 export default function Registry() {
   return (
     <Head>
-    <meta http-equiv="refresh" content="0;URL='https://stackql.io/providers/digitalocean'" />
+    <meta http-equiv="refresh" content="0;URL='https://stackql.io/providers/databricks'" />
     </Head>
   );
 };

website/src/pages/providers/k8s.js → website/src/pages/providers/openai.js

@@ -4,7 +4,7 @@ import Head from '@docusaurus/Head';
 export default function Registry() {
   return (
     <Head>
-    <meta http-equiv="refresh" content="0;URL='https://stackql.io/providers/k8s'" />
+    <meta http-equiv="refresh" content="0;URL='https://stackql.io/providers/openai'" />
     </Head>
   );
 };

website/src/pages/providers/snowflake.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import Head from '@docusaurus/Head';
+
+export default function Registry() {
+  return (
+    <Head>
+    <meta http-equiv="refresh" content="0;URL='https://stackql.io/providers/snowflake'" />
+    </Head>
+  );
+};

website/src/theme/Footer/Copyright/index.tsx

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+import type {Props} from '@theme/Footer/Copyright';
+
+export default function FooterCopyright({copyright}: Props): JSX.Element {
+  return (
+    <div
+      className="footer__copyright"
+      // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML={{__html: copyright}}
+    />
+  );
+}

website/src/theme/Footer/Layout/index.tsx

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+import clsx from 'clsx';
+import type {Props} from '@theme/Footer/Layout';
+
+export default function FooterLayout({
+  style,
+  links,
+  logo,
+  copyright,
+}: Props): JSX.Element {
+  return (
+    <footer
+      className={clsx('footer', {
+        'footer--dark': style === 'dark',
+      })}>
+      <div className="container container-fluid">
+        {links}
+        {(logo || copyright) && (
+          <div className="footer__bottom text--center">
+            {logo && <div className="margin-bottom--sm">{logo}</div>}
+            {copyright}
+          </div>
+        )}
+      </div>
+    </footer>
+  );
+}

website/src/theme/Footer/LinkItem/index.tsx

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+
+import Link from '@docusaurus/Link';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import isInternalUrl from '@docusaurus/isInternalUrl';
+import IconExternalLink from '@theme/Icon/ExternalLink';
+import type {Props} from '@theme/Footer/LinkItem';
+
+export default function FooterLinkItem({item}: Props): JSX.Element {
+  const {to, href, label, prependBaseUrlToHref, ...props} = item;
+  const toUrl = useBaseUrl(to);
+  const normalizedHref = useBaseUrl(href, {forcePrependBaseUrl: true});
+
+  return (
+    <Link
+      className="footer__link-item"
+      {...(href
+        ? {
+            href: prependBaseUrlToHref ? normalizedHref : href,
+          }
+        : {
+            to: toUrl,
+          })}
+      {...props}>
+      {label}
+      {href && !isInternalUrl(href) && <IconExternalLink />}
+    </Link>
+  );
+}