Rename "Introduction" to "Documentation". Recategorize contributors into two sections (early contributors and other contributors). Fix background color issue with preferences switch

Author: JorelAli

docs/.vitepress/config.mts

@@ -140,7 +140,7 @@ const vitePressI18nOptions: VitePressI18nOptions = {
                     text: 'Home',
                     link: '/'
                 }, {
-                    text: 'Introduction',
+                    text: 'Documentation',
                     link: '/intro'
                 }, {
                     component: 'VersionSwitcher'

docs/.vitepress/theme/author/ProjectTeam.vue

@@ -27,54 +27,53 @@ const coreMembers = [
 ]
 
 const otherContributorsList = [
-    "469512345",
-    "Sytm",
-    "MC-XiaoHei",
-    "Timongcraft",
-    "Strokkur424",
+    "Abelkrijgtalles",
+    "agonkolgeci",
     "AkaGiant",
-    "Osiris-Team",
-    "Combustible",
-    "SB2DD",
-    "Euphillya",
+    "booky10",
     "CJCrafter",
-    "Gregzeee",
-    "powercasgamer",
-    "agonkolgeci",
-    "Xemii16",
-    "Abelkrijgtalles",
     "dkim19375",
+    "EnragedRabisu",
+    "Euphillya",
+    "Gregzeee",
+    "Kadeluxe",
+    "MatrixTunnel",
+    "MC-XiaoHei",
     "misode",
-    "booky10",
     "NextdoorPsycho",
+    "Osiris-Team",
+    "powercasgamer",
     "RedstoneWizard08",
-    "Kadeluxe",
-    "EnragedRabisu",
-    "MatrixTunnel",
-    "HielkeMinecraft",
-    "Draycia",
-    "Minenash",
-    "Michael-Ziluck",
-    "portlek"
+    "SB2DD",
+    "Strokkur424",
+    "Sytm",
+    "Timongcraft",
+    "Xemii16",
 ]
 
-const earlyContributors = [
+const earlyContributorsList = [
+    "469512345",
     "Combustible",
     "Draycia",
     "HielkeMinecraft",
-    "Minenash",
     "Michael-Ziluck",
+    "Minenash",
     "portlek",
-    "469512345"
 ]
 
-const otherContributors = otherContributorsList.map(name => {
-    if (earlyContributors.includes(name)) {
-        return buildContributor(name, "Early Contributor")
-    } else {
-        return buildContributor(name)
-    }
-})
+const otherContributors = otherContributorsList
+    .sort()
+    .map(name => {
+        if (earlyContributorsList.includes(name)) {
+            return buildContributor(name, "Early Contributor")
+        } else {
+            return buildContributor(name)
+        }
+    })
+
+const earlyContributors = earlyContributorsList
+    .sort()
+    .map(name => buildContributor(name, "Early Contributor"));
 
 function avatar(name: string) {
     return `https://wsrv.nl/?url=https://www.github.com/${name}.png`
@@ -102,6 +101,8 @@ function buildContributor(name: string, title: string = "Contributor") {
         <br/>
         <h1>Brought to you by</h1>
         <VPTeamMembers size="medium" :members="coreMembers"/>
+        <h3>Early Contributors</h3>
+        <VPTeamMembers size="small" :members="earlyContributors"/>
         <h3>Other Contributors</h3>
         <VPTeamMembers size="small" :members="otherContributors"/>
     </div>

docs/.vitepress/theme/preference/PreferenceSwitch.vue

@@ -94,7 +94,7 @@ onMounted(() => {
             @mousedown="removeOutline"
             @blur="restoreOutline"
         >
-            <span>Preference</span>
+            <span>Preferences</span>
             <VTIconChevronDown class="vt-link-icon" :class="{ open: openPreference }"/>
         </button>
         <div id="preference-switches"
@@ -155,7 +155,7 @@ onMounted(() => {
     transition: border-color 0.5s, background-color 0.5s ease;
     margin-bottom: 20px;
     top: -0.5px;
-    background-color: var(--vp-c-bg);
+    background-color: var(--vt-c-bg);
     padding-top: 10px;
     z-index: 5;
 }

docs/en/index.md

@@ -7,7 +7,7 @@ hero:
     tagline: An API for the command UI introduced in Minecraft 1.13
     actions:
         -   theme: brand
-            text: Introduction
+            text: Documentation
             link: /intro
         -   theme: alt
             text: Download