Update web page

.github/workflows/check-webpage.yml

@@ -1,7 +1,8 @@
 name: Check Open Catalog Web
 
 on:
-  push
+  push:
+  pull-request:
 
 jobs:
   build:

.github/workflows/test-benchmark-script.yml

@@ -2,6 +2,7 @@
 # is simply a smoke test to check everything compiles and runs.
 on:
   push:
+  pull-request:
 
 jobs:
   # Let us run this job on Ubuntu only as it is the only image that has gcc,

.github/workflows/test-benchmarks.yml

@@ -3,6 +3,7 @@
 
 on:
   push:
+  pull-request:
 
 jobs:
   compile-and-run:

docusaurus.config.ts

@@ -47,12 +47,10 @@ const config: Config = {
           beforeDefaultRemarkPlugins: [
             remarkGithubAdmonitionsToDirectives,
           ],
+          showLastUpdateTime: true,
         },
         theme: {
-          customCss: './static/css/custom.css',
-        },
-        gtag: {
-          trackingID: 'G-178ZNT1Z63',
+          customCss: './src/css/custom.css',
         },
       } satisfies Preset.Options,
     ],
@@ -82,23 +80,41 @@ const config: Config = {
     footer: {
       style: 'dark',
       links: [
+        {},
         {
           title: 'Community',
           items: [
+            {
+              label: 'LinkedIn',
+              href: 'https://www.linkedin.com/company/codee-com/',
+              icon: 'mdi:linkedin'
+            },
             {
               label: 'Twitter',
-              href: 'https://twitter.com/codee_com',
+              href: 'https://x.com/codee_com/',
+              icon: 'prime:twitter',
             },
             {
-              label: 'LinkedIn',
-              href: 'https://www.linkedin.com/company/codee-com/',
+              label: 'Youtube',
+              href: 'https://www.youtube.com/@codee_com/',
+              icon: 'mdi:youtube',
             },
             {
               label: 'GitHub',
-              href: 'https://github.com/codee-com',
+              href: 'https://github.com/codee-com/',
+              icon: 'mdi:github'
             },
           ],
         },
+        {
+          title: 'More',
+          items: [
+            {
+              label: 'Codee Website',
+              href: 'https://www.codee.com/',
+            },
+          ]
+        },
       ],
       copyright: `Copyright © ${new Date().getFullYear()} Appentra Solutions, S.L.`,
     },

package.json

@@ -16,8 +16,8 @@
   },
   "dependencies": {
     "@docusaurus/core": "^3.6.1",
-    "@docusaurus/plugin-google-gtag": "^3.6.1",
     "@docusaurus/preset-classic": "^3.6.1",
+    "@iconify/react": "^5.0.2",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "docusaurus-lunr-search": "^3.4.0",

static/css/custom.css → src/css/custom.css

@@ -22,28 +22,35 @@
   --ifm-heading-font-weight: bold;
   --ifm-line-height-base: 1.5;
   --ifm-color-primary: #5e33ff;
-  --ifm-color-primary-dark: #552ed9;
-  --ifm-color-primary-darker: #4c29b3;
-  --ifm-color-primary-darkest: #3d2194;
-  --ifm-color-primary-light: #7e5bff;
-  --ifm-color-primary-lighter: #9e83ff;
-  --ifm-color-primary-lightest: #beaaff;
+  --ifm-color-primary-dark: #4614ff;
+  --ifm-color-primary-darker: #3a05ff;
+  --ifm-color-primary-darkest: #2d00d6;
+  --ifm-color-primary-light: #7652ff;
+  --ifm-color-primary-lighter: #8261ff;
+  --ifm-color-primary-lightest: #a68fff;
+  --ifm-background-color: #ffffff;
   --ifm-code-font-size: 85%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #5e33ff;
-  --ifm-color-primary-dark: #552ed9;
-  --ifm-color-primary-darker: #4c29b3;
-  --ifm-color-primary-darkest: #3d2194;
-  --ifm-color-primary-light: #7e5bff;
-  --ifm-color-primary-lighter: #9e83ff;
-  --ifm-color-primary-lightest: #beaaff;
+  --ifm-color-primary: #a384ff;
+  --ifm-color-primary-dark: #865dff;
+  --ifm-color-primary-darker: #784aff;
+  --ifm-color-primary-darkest: #4c10ff;
+  --ifm-color-primary-light: #c0abff;
+  --ifm-color-primary-lighter: #cebeff;
+  --ifm-color-primary-lightest: #faf8ff;
+  --ifm-background-color: #1b1725 !important; /* Otherwise they are overwritten by html[data-theme='dark'] */
+  --ifm-background-surface-color: #32324a !important; /* Otherwise they are overwritten by html[data-theme='dark'] */
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+.footer--dark {
+  --ifm-footer-background-color: #32324a;
+}
+
 .markdown h1:first-child {
   --ifm-h1-font-size: 2em;
 }
@@ -59,17 +66,17 @@
   font-size: x-large;
 }
 
+/* Custom menu format */
+.menu {
+  font-weight: var(--ifm-font-weight-regular);
+}
+
 /* Style ordered list markers */
 ol>li::marker {
   color: var(--ifm-color-primary);
   font-weight: bold;
 }
 
-/* Center the footer links as we only have one column */
-.footer__links {
-  text-align: center;
-}
-
 /* Hack to avoid "C++" to be broken by CSS rules */
 th {
   white-space: nowrap;
@@ -80,3 +87,20 @@ th {
 [data-theme='dark'] img[src$='#gh-light-mode-only'] {
   display: none;
 }
+
+/* Align copyright message to the left */
+.footer__copyright {
+  text-align: left;
+}
+
+/* Collapse all icons on the second col (community) */
+.footer__col:nth-child(2) ul {
+  display: flex;
+  gap: 1rem;
+}
+
+/* Resize footer icons */
+.footer__col:nth-child(2) svg {
+  width: 1.5em;
+  height: 1.5em;
+}

src/theme/Footer/LinkItem/index.tsx

@@ -0,0 +1,36 @@
+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';
+import { Icon } from '@iconify/react';
+
+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});
+  const icon = props['icon'] as string;
+
+  return (
+    <Link
+      className="footer__link-item"
+      {...(href
+        ? {
+            href: prependBaseUrlToHref ? normalizedHref : href,
+          }
+        : {
+            to: toUrl,
+          })}
+      {...props}>
+      {icon
+        ?
+          <Icon icon={icon} />
+        :
+          label
+      }
+      {!icon && href && !isInternalUrl(href) && <IconExternalLink />}
+    </Link>
+  );
+}