Update to Docusaurus 2.2.0

Author: yorickdowne

en.json

@@ -3,7 +3,7 @@
     "localized-strings": {
         "next": "Next",
         "previous": "Previous",
-        "tagline": "eth2-docker.",
+        "tagline": "eth-docker.",
         "docs": {
             "About/Acknowledgements": {
                 "title": "Acknowledgements",
@@ -16,4 +16,4 @@
         "Edit this Doc|recruitment message asking to edit the doc source": "Edit",
         "Translate this Doc|recruitment message asking to translate the docs": "Translate"
     }
-}
+}

website/docs/About/Overview.md

@@ -1,5 +1,6 @@
 ---
 id: Overview
+slug: /
 title: High Level Overview.
 sidebar_label: Overview
 ---
@@ -61,4 +62,4 @@ Here's what then happens:
 
 - Reduce the attack surface of the client as much as feasible.
 - Guide users to good key management as much as possible
-- Create something that makes for a good user experience and guides people new to docker and Linux as much as feasible
+- Create something that makes for a good user experience and guides people new to docker and Linux as much as feasible

website/docusaurus.config.js

@@ -1,14 +1,14 @@
 module.exports = {
     title: 'eth-docker',
     tagline: 'Ethereum  Docker Client',
-    url: 'https://github.com/eth2-educators/eth2-docker-docs',
-    baseUrl: '/',
+    url: 'https://github.com',
+    baseUrl: '/eth-educators/eth-docker-docs',
     onBrokenLinks: 'throw',
-    favicon: 'img/eth2-moby-logo.png',
+    favicon: 'img/eth-moby-logo.png',
     organizationName: 'Eth Docker',
     projectName: 'eth-docker',
     customFields: {
-        image: 'img/eth2-moby-logo.png',
+        image: 'img/eth-moby-logo.png',
     },
     scripts: ['https://buttons.github.io/buttons.js'],
     themeConfig: {
@@ -17,11 +17,11 @@ module.exports = {
             logo: {
                 alt: "eth-docker logo",
                 href: '/docs/About/Overview',
-                src: 'img/eth2-moby-logo.png',
+                src: 'img/eth-moby-logo.png',
             },
             items: [
                 {
-                    href: 'https://github.com/eth2-educators/eth2-docker-docs',
+                    href: 'https://github.com/eth-educators/eth-docker-docs',
                     label: 'Get Started',
                     position: 'right',
                 }
@@ -31,12 +31,13 @@ module.exports = {
             logo: {
                 alt: "eth-docker logo",
                 href: '/',
-                src: 'img/eth2-moby-logo.png',
+                src: 'img/eth-moby-logo.png',
             },
             copyright: `Copyright © ${new Date().getFullYear()} eth-docker contributors`,
             links: [],
         },
         algolia: {
+            appId: 'BH4D9OD16A',
             apiKey: 'a51366ded1891d634408de0e1e4cf1c5',
             indexName: 'eth-docker',
             algoliaOptions: { 'facetFilters': ["type:content", "version:current"] }
@@ -48,15 +49,14 @@ module.exports = {
             {
                 docs: {
                     path: './docs',
-                    routeBasePath: 'docs',
+                    routeBasePath: '/',
                     sidebarPath: require.resolve('./sidebars.json'),
-                    editUrl: 'https://github.com/eth2-educators/eth2-docker-docs/edit/main/website/',
+                    editUrl: 'https://github.com/eth-educators/eth-docker-docs/edit/main/website/',
                 },
                 // theme: {
                 //     customCss: require.resolve('./src/css/custom.css'),
                 // },
                 sitemap: {
-                    cacheTime: 600 * 1000,
                     changefreq: 'weekly',
                     priority: 0.5,
                 },

website/package-lock.json

@@ -1,22 +1,43 @@
 {
+  "name": "eth-docker-docs",
+  "version": "2.0.0",
+  "private": true,
   "scripts": {
-    "examples": "docusaurus examples",
+    "docusaurus": "docusaurus",
     "start": "docusaurus start",
     "build": "docusaurus build",
-    "publish-gh-pages": "docusaurus publish",
+    "swizzle": "docusaurus swizzle",
+    "deploy": "docusaurus deploy",
+    "clear": "docusaurus clear",
+    "serve": "docusaurus serve",
     "write-translations": "docusaurus write-translations",
-    "version": "docusaurus version",
-    "rename-version": "docusaurus rename-version",
-    "swizzle": "docusaurus swizzle"
+    "write-heading-ids": "docusaurus write-heading-ids"
+  },
+  "dependencies": {
+    "@docusaurus/core": "2.2.0",
+    "@docusaurus/preset-classic": "2.2.0",
+    "@mdx-js/react": "^1.6.22",
+    "clsx": "^1.2.1",
+    "prism-react-renderer": "^1.3.5",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@docusaurus/core": "2.0.0-alpha.64",
-    "@docusaurus/preset-classic": "2.0.0-alpha.64",
-    "react": "16.13.1",
-    "react-dom": "16.13.1"
+    "@docusaurus/module-type-aliases": "2.2.0"
   },
-  "dependencies": {
-    "@docusaurus/theme-search-algolia": "^2.0.0-alpha.32",
-    "clsx": "1.1.1"
+  "browserslist": {
+    "production": [
+      ">0.5%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "engines": {
+    "node": ">=16.14"
   }
 }

website/package.json

@@ -1,95 +1,30 @@
-:root {
-	--prysm-pink: #ff30a0;
-}
-
-/* General elements */
-
-a {
-	color: var(--prysm-pink);
-}
-
-.navbar {
-    background-color: #22292f;
-    color: white;
-}
-
-.navbar--fixed-top {
-    border-bottom: 3px solid var(--prysm-pink);
-}
-
-.navbar__link--active {
-    font-weight:  600;
-}
-
-.navbar__link {
-    color: white;
-}
-
-.navbar__link:hover, 
-.navbar__link--active {
-    color:  var(--prysm-pink);
-}
-
-.navbar__brand {
-   color: white;
-}
-
-.table-of-contents li a {
-    font-size: 15px;
-    padding: 2px 0;
-
-}
-
-.menu__link--active {
-	color:  var(--ifm-menu-color);
-	font-weight:  600;
-}
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
 
-.menu__link:hover,
-.menu__link--active:hover {
-	color:  var(--prysm-pink);
-}
-
-.table-of-contents > li > {
-    font-size: 17px;
-    color: #22292f;
-}
-.table-of-contents__link:hover {
-	color:  var(--prysm-pink);
-}
-
-.toc .toggleNav ul li a:hover {
-    color: var(--prysm-pink);
-
-}
-.toc .toggleNav ul li.navListItemActive a {
-    color: white;
-    font-weight: 600;
-}
-
-@media (max-width: 736px) {
-    .nav-footer {
-        text-align: center;
-        margin:auto;
-    }
-
-    .nav-home {
-        margin:auto !important; 
-    }
-
-}
-
-@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
-}
-
-@media only screen and (min-width: 1024px) {
-}
-
-@media only screen and (max-width: 1023px) {
-}
-
-@media only screen and (min-width: 1400px) {
-}
-
-@media only screen and (min-width: 1500px) {
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-color-primary: #2e8555;
+  --ifm-color-primary-dark: #29784c;
+  --ifm-color-primary-darker: #277148;
+  --ifm-color-primary-darkest: #205d3b;
+  --ifm-color-primary-light: #33925d;
+  --ifm-color-primary-lighter: #359962;
+  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-code-font-size: 95%;
+  --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: #25c2a0;
+  --ifm-color-primary-dark: #21af90;
+  --ifm-color-primary-darker: #1fa588;
+  --ifm-color-primary-darkest: #1a8870;
+  --ifm-color-primary-light: #29d5b0;
+  --ifm-color-primary-lighter: #32d8b4;
+  --ifm-color-primary-lightest: #4fddbf;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }