custom copyright

docusaurus.config.js

@@ -92,15 +92,14 @@ const config = {
             label: 'Tutorials',
           },
           {
-            to: 'playground#playground-hook',
+            to: 'playground',
             label: 'Playground',
             position: 'left',
           },
           {
             to: 'docs-geovisto/',
-            docsPluginId: 'docs-geovisto',
             position: 'left',
-            label: 'Documentation',
+            label: 'Docs',
             activeBaseRegex: `docs-geovisto/README`,
           },
           {
@@ -143,7 +142,7 @@ const config = {
             items: [
               {
                 label: 'Playground',
-                to: '/playground#playground-hook',
+                to: '/playground',
               },
 
             ],
@@ -172,7 +171,6 @@ const config = {
             ],
           },
         ],
-        copyright: `Copyright © ${new Date().getFullYear()} Geovisto | VUT FIT Brno. Built with Docusaurus.`,
       },
       prism: {
         theme: lightCodeTheme,

src/css/custom.css

@@ -219,6 +219,11 @@ a.navbar__brand {
 
 }
 
+.custom_footer_copyright {
+    display: flex;
+    flex-direction: column;
+}
+
 .search-form {
     width: 50%;
 }

src/theme/Footer/index.js

@@ -0,0 +1,43 @@
+/**
+ * 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 {useThemeConfig} from '@docusaurus/theme-common';
+import FooterLinks from '@theme/Footer/Links';
+import FooterLogo from '@theme/Footer/Logo';
+import FooterCopyright from '@theme/Footer/Copyright';
+import FooterLayout from '@theme/Footer/Layout';
+
+function Footer() {
+  const {footer} = useThemeConfig();
+
+  if (!footer) {
+    return null;
+  }
+
+  const {copyright, links, logo, style} = footer;
+  return (
+    <FooterLayout
+      style={style}
+      links={links && links.length > 0 && <FooterLinks links={links} />}
+      logo={logo && <FooterLogo logo={logo} />}
+      copyright={copyright ? <FooterCopyright copyright={copyright}/> : <CustomFooterCopyright />}
+    />
+  );
+}
+
+const CustomFooterCopyright = () => {
+  return (
+    <div className='custom_footer_copyright'>
+      <div>Copyright © ${new Date().getFullYear()} Geovisto | <a href='https://www.fit.vut.cz/.en' target="_blank">VUT FIT Brno</a> |  <a href='https://www.ics.muni.cz/en' target="_blank">MU ICS</a>
+      </div>
+      <div>Built with Docusaurus.</div>
+    </div>
+  );
+};
+
+
+export default React.memo(Footer);