Improved all separators and removed the unused emexOS homepage (as I was unable to port it to react)

Author: LucaVmu

docusaurus.config.js

@@ -126,7 +126,7 @@ const config = {
             position: 'left',
           },
           {
-            to: 'emexOS/docs', // Revert this to 'emexOS'
+            to: 'emexOS/docs',
             label: 'emexOS',
             position: 'left',
           },
@@ -139,6 +139,7 @@ const config = {
             to: 'blog',
             label: 'Blog',
             position: 'left',
+            className: 'navbar-separator'
           },
           /*{
             type: 'localeDropdown',
@@ -148,25 +149,25 @@ const config = {
           {
             to: 'emexMC',
             position: 'right',
-            className: "navbar-icon emexmc",
+            className: 'navbar-icon emexmc',
             'aria-label': 'emexMC',
           },
           {
             href: 'https://github.com/emexlab',
             position: 'right',
-            className: "navbar-icon github",
+            className: 'navbar-icon github',
             'aria-label': 'GitHub',
           },
           {
             href: 'https://discord.gg/H96bhkAHjB',
             position: 'right',
-            className: "navbar-icon discord",
+            className: 'navbar-icon discord',
             'aria-label': 'Discord',
           },
           {
             href: 'https://github.com/sponsors/emexlab',
             position: 'right',
-            className: "navbar-icon sponsor",
+            className: 'navbar-icon sponsor',
             'aria-label': 'Sponsor',
           },
         ],

src/css/custom.css

@@ -83,15 +83,8 @@ article:not(:has(> .markdown)), article > .markdown {
 }
 
 .sections > * {
-  border-left: 1px solid;
-  border-right: 1px solid;
-  border-image: linear-gradient(
-    to bottom,
-    transparent,
-    gray 10%,
-    gray 90%,
-    transparent 100%
-  ) 1;
+  border-left: 1px solid gray;
+  border-right: 1px solid gray;
   flex: 1;
   margin: auto;
   display: flex;
@@ -116,15 +109,8 @@ article:not(:has(> .markdown)), article > .markdown {
   .sections > * {
     border-left: none;
     border-right: none;
-    border-top: 1px solid;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(
-      to right,
-      transparent,
-      gray 10%,
-      gray 90%,
-      transparent 100%
-    ) 1;
+    border-top: 1px solid gray;
+    border-bottom: 1px solid gray;
   }
   .sections > *:first-child {
     border-top: none;
@@ -196,20 +182,6 @@ li:has(.navbar-icon) {
   margin-top: 1rem !important;
 }
 
-/* Fix this for scrolling */
-li:has(.navbar-icon):not(li:has(.navbar-icon) ~ *)::before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  left: 0;
-  transform: translate(5%, calc(-0.5rem + 1px));
-  background: linear-gradient(
-      to right,
-      transparent,
-      gray 10%,
-      gray 90%,
-      transparent 100%
-    );
-  height: 2px;
-  width: 90%;
+li:has(.navbar-separator) {
+  border-bottom: 2px solid gray;
 }