docs: add footer links

hyperse-io · Aug 20, 2024 · b7f24a9 · b7f24a9
1 parent 6a39a78
commit b7f24a9
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 2 deletions.
diff --git a/website/copyright.config.ts b/website/copyright.config.ts
@@ -0,0 +1,58 @@
+export const copyrightConfig = `<div class="w-full flex flex-col items-center justify-center">
+      <span>Copyright © ${new Date().getFullYear()} Hyperse</span>
+      <div class="mt-3 flex items-center space-x-2">
+        <a
+          class="inline-flex size-10 items-center justify-center rounded-full text-center text-gray-500 transition hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white dark:text-gray-500 dark:hover:bg-gray-800 dark:hover:text-gray-200"
+          href="https://x.com/hyperse_net"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <svg
+            stroke="currentColor"
+            fill="currentColor"
+            stroke-width="0"
+            viewBox="0 0 16 16"
+            height="1em"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path>
+          </svg>
+        </a>
+        <a
+          class="inline-flex size-10 items-center justify-center rounded-full text-center text-gray-500 transition hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white dark:text-gray-500 dark:hover:bg-gray-800 dark:hover:text-gray-200"
+          href="https://github.com/hyperse-io"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <svg
+            class="size-3.5"
+            xmlns="http://www.w3.org/2000/svg"
+            width="16"
+            height="16"
+            fill="currentColor"
+            viewBox="0 0 16 16"
+          >
+            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
+          </svg>
+        </a>
+        <a
+          class="inline-flex size-10 items-center justify-center rounded-full text-center text-gray-500 transition hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white dark:text-gray-500 dark:hover:bg-gray-800 dark:hover:text-gray-200"
+          href="https://discord.com/invite/tj3ahjXXzM"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <svg
+            stroke="currentColor"
+            fill="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            height="1em"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path d="M19.3034 5.33716C17.9344 4.71103 16.4805 4.2547 14.9629 4C14.7719 4.32899 14.5596 4.77471 14.411 5.12492C12.7969 4.89144 11.1944 4.89144 9.60255 5.12492C9.45397 4.77471 9.2311 4.32899 9.05068 4C7.52251 4.2547 6.06861 4.71103 4.70915 5.33716C1.96053 9.39111 1.21766 13.3495 1.5891 17.2549C3.41443 18.5815 5.17612 19.388 6.90701 19.9187C7.33151 19.3456 7.71356 18.73 8.04255 18.0827C7.41641 17.8492 6.82211 17.5627 6.24904 17.2231C6.39762 17.117 6.5462 17.0003 6.68416 16.8835C10.1438 18.4648 13.8911 18.4648 17.3082 16.8835C17.4568 17.0003 17.5948 17.117 17.7434 17.2231C17.1703 17.5627 16.576 17.8492 15.9499 18.0827C16.2789 18.73 16.6609 19.3456 17.0854 19.9187C18.8152 19.388 20.5875 18.5815 22.4033 17.2549C22.8596 12.7341 21.6806 8.80747 19.3034 5.33716ZM8.5201 14.8459C7.48007 14.8459 6.63107 13.9014 6.63107 12.7447C6.63107 11.5879 7.45884 10.6434 8.5201 10.6434C9.57071 10.6434 10.4303 11.5879 10.4091 12.7447C10.4091 13.9014 9.57071 14.8459 8.5201 14.8459ZM15.4936 14.8459C14.4535 14.8459 13.6034 13.9014 13.6034 12.7447C13.6034 11.5879 14.4323 10.6434 15.4936 10.6434C16.5442 10.6434 17.4038 11.5879 17.3825 12.7447C17.3825 13.9014 16.5548 14.8459 15.4936 14.8459Z"></path>
+          </svg>
+        </a>
+      </div>
+    </div>`;
diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
@@ -2,6 +2,7 @@ import { themes } from 'prism-react-renderer';
 import type * as Preset from '@docusaurus/preset-classic';
 import type { Config } from '@docusaurus/types';
 import type * as Plugin from '@docusaurus/types/src/plugin';
+import { copyrightConfig } from './copyright.config';
 
 const config: Config = {
   title: 'hyperse data tracker engine',
@@ -83,6 +84,11 @@ const config: Config = {
           label: 'Discord',
           position: 'right',
         },
+        {
+          href: 'https://www.hyperse.net/blog',
+          label: 'Blog',
+          position: 'right',
+        },
       ],
     },
     footer: {
@@ -122,7 +128,7 @@ const config: Config = {
           ],
         },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} Hyperse`,
+      copyright: copyrightConfig,
     },
     algolia: {
       apiKey: '441074cace987cbf4640c039ebed303c',

diff --git a/website/tailwind.config.cjs b/website/tailwind.config.cjs
@@ -5,7 +5,11 @@ module.exports = {
     // Avoid conflicts with antd
     preflight: false,
   },
-  content: ['./docs/**/*.{js,tsx,md,mdx}', './src/**/*.{js,tsx,md,mdx}'],
+  content: [
+    './docs/**/*.{js,tsx,md,mdx}',
+    './src/**/*.{js,tsx,md,mdx}',
+    './copyright.config.ts',
+  ],
   theme: {
     extend: {},
   },