Merge pull request #4 from geovisto/bp-new-pages

Bp new pages - fixes

.github/workflows/deploy.yml

@@ -37,4 +37,5 @@ jobs:
           # The GH actions bot is used by default if you didn't specify the two fields.
           # You can swap them out with your own user credentials.
           user_name: github-actions[bot]
-          user_email: 41898282+github-actions[bot]@users.noreply.github.com
+          user_email: 41898282+github-actions[bot]@users.noreply.github.com
+          cname: geovisto.com

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/components/bootstrap/research/research.tsx

@@ -152,7 +152,7 @@ export const Research = () => {
                     </div>
                     <div className="community-button w-100 p-3 pb-lg-5 lead">
                         <Link to="/research" className="ps-lg-3">
-                            <Button variant="default">Go to Community</Button>
+                            <Button variant="default">Go to Research</Button>
                         </Link>
                     </div>
                     <div className="slider__container">

src/css/custom.css

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

src/pages/index.tsx

@@ -9,8 +9,9 @@ import GeovistoLogo from "@site/static/img/geovisto-logo4.png";
 import { Button } from "react-bootstrap";
 import { Layers } from "../components/bootstrap/layers/layers";
 import { Tools } from "../components/bootstrap/tools/tools";
+import { Research} from "../components/bootstrap/research/research";
+
 import { useEffect } from "react";
-import useBaseUrl from '@docusaurus/useBaseUrl';
 /**
  * This file contains implementation of landing page
  *
@@ -126,6 +127,7 @@ export const Home = () => {
 
             <Tools/>
             <Layers/>
+            <Research/>
 
 
 

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);