fixed data position..

docusaurus.config.js

@@ -1,126 +1,125 @@
 module.exports = {
-  title: 'AgileTs',
-  tagline: 'Global State and Logic Framework for reactive Applications',
-  url: 'https://agile-ts.org',
-  baseUrl: '/',
-  onBrokenLinks: 'throw',
-  favicon: 'img/favicon.ico',
-  organizationName: 'agile/agile-ts',
-  projectName: 'agile',
-  themeConfig: {
-    colorMode: {
-      defaultMode: 'dark',
-      disableSwitch: false,
-      respectPrefersColorScheme: true,
-    },
-    announcementBar: {
-      id: 'github-star',
-      content:
-          '⭐️ If you like AgileTs, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/agile-ts/agile">GitHub</a>! ⭐️',
-      backgroundColor: "#9c9abf"
-    },
-    navbar: {
-      title: 'AgileTs',
-      hideOnScroll: true,
-      logo: {
-        alt: 'My Site Logo',
-        src: 'img/logo.svg',
-      },
-      items: [
-        {
-          to: 'docs/',
-          activeBasePath: 'docs',
-          label: 'Docs',
-          position: 'left',
+    title: 'AgileTs',
+    tagline: 'Global State and Logic Framework for reactive Applications',
+    url: 'https://agile-ts.org',
+    baseUrl: '/',
+    onBrokenLinks: 'throw',
+    favicon: 'img/favicon.ico',
+    organizationName: 'agile/agile-ts',
+    projectName: 'agile',
+    themeConfig: {
+        colorMode: {
+            defaultMode: 'dark',
+            disableSwitch: false,
+            respectPrefersColorScheme: true,
         },
-        {to: 'blog', label: 'Blog', position: 'left'},
-          // right
-        {
-          href: 'https://github.com/agile-ts/agile',
-          position: 'right',
-          className: 'header-github-link header-icon-link',
-          'aria-label': 'GitHub repository',
+        announcementBar: {
+            id: 'github-star',
+            content:
+                '⭐️ If you like AgileTs, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/agile-ts/agile">GitHub</a>! ⭐️',
+            backgroundColor: "#9c9abf"
         },
-        {
-          href: 'https://discord.gg/FTqeMNCxw7',
-          position: 'right',
-          className: 'header-discord-link header-icon-link',
-          'aria-label': 'Discord',
+        navbar: {
+            title: 'AgileTs',
+            hideOnScroll: true,
+            logo: {
+                alt: 'My Site Logo',
+                src: 'img/logo.svg',
+            },
+            items: [
+                {
+                    to: 'docs/',
+                    activeBasePath: 'docs',
+                    label: 'Docs',
+                    position: 'left',
+                },
+                {to: 'blog', label: 'Blog', position: 'left'},
+                // right
+                {
+                    href: 'https://github.com/agile-ts/agile',
+                    position: 'right',
+                    className: 'header-github-link header-icon-link',
+                    'aria-label': 'GitHub repository',
+                },
+                {
+                    href: 'https://discord.gg/FTqeMNCxw7',
+                    position: 'right',
+                    className: 'header-discord-link header-icon-link',
+                    'aria-label': 'Discord',
+                },
+            ],
         },
-      ],
-    },
-    footer: {
-      style: 'dark',
-      links: [
-        {
-          title: 'Docs',
-          items: [
-            {
-              label: 'Get Started',
-              to: 'docs/',
-            }
-          ],
+        footer: {
+            style: 'dark',
+            links: [
+                {
+                    title: 'Docs',
+                    items: [
+                        {
+                            label: 'Get Started',
+                            to: 'docs/',
+                        }
+                    ],
+                },
+                {
+                    title: 'Community',
+                    items: [
+                        {
+                            label: 'Stack Overflow',
+                            href: 'https://stackoverflow.com/questions/tagged/agile-ts',
+                        },
+                        {
+                            label: 'Discord',
+                            href: 'https://discord.gg/9Edsb3z',
+                        },
+                        {
+                            label: 'Twitter',
+                            href: 'https://twitter.com/DevBenno',
+                        },
+                    ],
+                },
+                {
+                    title: 'More',
+                    items: [
+                        {
+                            label: 'Blog',
+                            to: 'blog',
+                        },
+                        {
+                            label: 'GitHub',
+                            href: 'https://github.com/agile-ts/agile',
+                        },
+                    ],
+                },
+            ],
+            copyright: `Copyright © ${new Date().getFullYear()} BennoDev`,
         },
-        {
-          title: 'Community',
-          items: [
-            {
-              label: 'Stack Overflow',
-              href: 'https://stackoverflow.com/questions/tagged/agile-ts',
-            },
-            {
-              label: 'Discord',
-              href: 'https://discord.gg/9Edsb3z',
-            },
-            {
-              label: 'Twitter',
-              href: 'https://twitter.com/DevBenno',
-            },
-          ],
+        googleAnalytics: {
+            trackingID: 'G-QH7WTHYFN9',
+            anonymizeIP: true, // Should IPs be anonymized?
         },
-        {
-          title: 'More',
-          items: [
-            {
-              label: 'Blog',
-              to: 'blog',
-            },
+    },
+    presets: [
+        [
+            '@docusaurus/preset-classic',
             {
-              label: 'GitHub',
-              href: 'https://github.com/agile-ts/agile',
+                docs: {
+                    sidebarPath: require.resolve('./sidebars.js'),
+                    editUrl:
+                        'https://github.com/agile-ts/documentation',
+                    showLastUpdateAuthor: true,
+                    showLastUpdateTime: true,
+                },
+                blog: {
+                    showReadingTime: true,
+                    editUrl:
+                        'https://github.com/agile-ts/documentation',
+                },
+                theme: {
+                    customCss: require.resolve('./src/css/custom.css'),
+                },
             },
-          ],
-        },
-      ],
-      copyright: `Copyright © ${new Date().getFullYear()} BennoDev`,
-    },
-    googleAnalytics: {
-      trackingID: 'G-QH7WTHYFN9',
-      // Optional fields.
-      anonymizeIP: true, // Should IPs be anonymized?
-    },
-  },
-  presets: [
-    [
-      '@docusaurus/preset-classic',
-      {
-        docs: {
-          sidebarPath: require.resolve('./sidebars.js'),
-          editUrl:
-            'https://github.com/agile-ts/documentation',
-          showLastUpdateAuthor: true,
-          showLastUpdateTime: true,
-        },
-        blog: {
-          showReadingTime: true,
-          editUrl:
-            'https://github.com/agile-ts/documentation',
-        },
-        theme: {
-          customCss: require.resolve('./src/css/custom.css'),
-        },
-      },
+        ],
     ],
-  ],
-  plugins: ['@docusaurus/plugin-ideal-image', '@docusaurus/plugin-google-analytics'],
+    plugins: [/* @docusaurus/plugin-google-analytics (Not necessary because it automatically gets added)*/],
 };

package.json

@@ -23,7 +23,6 @@
     "clsx": "^1.1.1",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
-    "@docusaurus/plugin-ideal-image": "^2.0.0-alpha.70",
     "react-spring": "^8.0.27",
     "styled-components": "^5.1.1"
   },

src/pages/LandingPage/parts/FeatureView.tsx

@@ -1,4 +1,4 @@
-import {featuresData} from "../../data/featuresData";
+import {featuresData} from "../../../data/featuresData";
 import React from "react";
 import styled from "styled-components";
 import useBaseUrl from '@docusaurus/useBaseUrl';

src/pages/LandingPage/parts/IncludesView.tsx

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import {animated, config, useChain, useSpring, useTransition} from "react-spring";
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import Link from '@docusaurus/Link';
-import {includesData} from "../../data/includesData";
+import {includesData} from "../../../data/includesData";
 import {useWindowSize} from "../../../hooks/useWindowSize";
 
 const IncludesView: React.FC = () => {