enhancement: front page redesign

docs/introduction.md

@@ -97,7 +97,7 @@ This isn't needed if your use case is feeding the \*arrs only. Since they have R
 
 As of right now, autobrr features:
 
-- Support for 90 trackers with IRC announces
+- Support for 90+ trackers with IRC announces
 - RSS and Torznab/Newznab support via Prowlarr to easily get access to hundreds of indexers
 - Powerful but simple filtering with RegEx support (like in autodl-irssi)
 - Easy to use and mobile friendly web UI (with dark mode!) to manage everything

docusaurus.config.js

@@ -1,6 +1,6 @@
 import { themes } from "prism-react-renderer";
+import FontPreloadPlugin from "webpack-font-preload-plugin";
 
-const FontPreloadPlugin = require("webpack-font-preload-plugin");
 const config = {
   title: "autobrr",
   tagline: "The modern autodl-irssi replacement.",
@@ -88,6 +88,16 @@ const config = {
     //     content: "autobrr, autodl-irssi, torrents, automation",
     //   },
     // ],
+    webpack: {
+      configure: (webpackConfig, { env, paths }) => {
+        webpackConfig.module.rules.push({
+          test: /\.svg$/,
+          use: ["@svgr/webpack"],
+        });
+
+        return webpackConfig;
+      },
+    },
     image: "img/autobrr.png",
     docs: {
       sidebar: {
@@ -109,17 +119,16 @@ const config = {
           activeBaseRegex:
             "/(introduction|installation|configuration|filters|usage)",
         },
-        {
-          to: "release-notes",
-          label: "Release Notes",
-          position: "left",
-        },
-        //{
         //{
         //  type: "docsVersionDropdown", // disabling until its of use
         //  position: "left",
         //  dropdownActiveClassDisabled: false,
         //},
+        {
+          to: "release-notes",
+          label: "Release Notes",
+          position: "left",
+        },
         {
           href: "https://discord.gg/WQ2eUycxyT",
           position: "right",
@@ -150,6 +159,7 @@ const config = {
   },
 
   plugins: [
+    "docusaurus-plugin-sass",
     function preloadFontPlugin(_context, _options) {
       return {
         name: "preload-font-plugin",
@@ -158,8 +168,7 @@ const config = {
         },
       };
     },
-    // ...
   ],
 };
 
-module.exports = config;
+export default config;

package.json

@@ -15,18 +15,27 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.0.0",
-    "@docusaurus/preset-classic": "^3.0.0",
-    "@docusaurus/theme-common": "^3.0.0",
+    "@docusaurus/core": "^3.3.2",
+    "@docusaurus/preset-classic": "^3.3.2",
+    "@docusaurus/theme-common": "^3.3.2",
     "@docusaurus/types": "^3.3.2",
     "@docusaurus/utils": "^3.3.2",
-    "@easyops-cn/docusaurus-search-local": "^0.37.4",
-    "@mdx-js/react": "^3.0.0",
-    "clsx": "^2.0.0",
-    "prism-react-renderer": "^2.2.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-icons": "^4.12.0"
+    "@easyops-cn/docusaurus-search-local": "^0.37.5",
+    "@mdx-js/react": "^3.0.1",
+    "@svgr/webpack": "^8.1.0",
+    "clsx": "^2.1.1",
+    "docusaurus-plugin-sass": "^0.2.5",
+    "prism-react-renderer": "^2.3.1",
+    "prop-types": "^15.8.1",
+    "react": "^18.3.1",
+    "react-anchor-link-smooth-scroll": "^1.0.12",
+    "react-dom": "^18.3.1",
+    "react-icons": "^4.12.0",
+    "react-syntax-highlighter": "^15.5.0",
+    "sass": "^1.77.1",
+    "smooth-scroll": "^16.1.3",
+    "styled-components": "^6.1.11",
+    "upgrade": "^1.1.0"
   },
   "browserslist": {
     "production": [