feat(layout): add crowdin and discord widgets

Author: ReenigneArcher

doxyconfig-Doxyfile

@@ -51,6 +51,10 @@ HTML_HEADER = doxyconfig-header.html
 HTML_EXTRA_FILES += doxyconfig-readthedocs-search.js
 HTML_EXTRA_STYLESHEET += doxyconfig.css
 
+# @lizardbyte/shared-web
+HTML_EXTRA_FILES += ../node_modules/@lizardbyte/shared-web/dist/crowdin.js
+HTML_EXTRA_FILES += ../node_modules/@lizardbyte/shared-web/dist/discord.js
+
 # custom aliases
 ALIASES = ""
 ALIASES += "examples=^^**Examples**^^@code{.cpp}"

doxyconfig-header.html

@@ -29,6 +29,14 @@
 <script type="text/javascript" src="$relpath^assets/fontawesome/js/all.min.js"></script>
 <!--FONTAWESOME END-->
 
+<!--DOXYGEN-AWESOME START-->
+<script type="text/javascript" src="$relpath^crowdin.js"></script>
+<script type="text/javascript" src="$relpath^discord.js"></script>
+<script type="text/javascript">
+  initCrowdIn('LizardByte-docs', null);
+  initDiscord();
+</script>
+
 <!--DOXYGEN-AWESOME START-->
 <script type="text/javascript" src="$relpath^doxygen-awesome-darkmode-toggle.js"></script>
 <script type="text/javascript" src="$relpath^doxygen-awesome-fragment-copy-button.js"></script>

doxyconfig.css

@@ -18,3 +18,25 @@ ul.search li.search-result {
     padding-bottom: 10px;
     margin-bottom: 10px;
 }
+
+/* CrowdIn Language Picker */
+#crowdin-language-picker .cr-picker-button {
+    background-color: var(--page-background-color) !important;
+    border: 1px solid var(--page-secondary-foreground-color) !important;
+    color: var(--page-foreground-color) !important;
+}
+#crowdin-language-picker .cr-picker-button:hover {
+    background-color: var(--page-foreground-color) !important;
+    color: var(--page-background-color) !important;
+}
+#crowdin-language-picker .cr-picker-submenu {
+    background-color: var(--page-background-color) !important;
+    border: 0 !important;
+}
+#crowdin-language-picker .cr-picker-submenu > a {
+    color: var(--page-foreground-color) !important;
+}
+#crowdin-language-picker .cr-picker-submenu > a:hover {
+    background-color: var(--page-foreground-color) !important;
+    color: var(--page-background-color) !important;
+}

package.json

@@ -1,6 +1,7 @@
 {
   "dependencies": {
-    "@fortawesome/fontawesome-free": "6.7.2"
+    "@fortawesome/fontawesome-free": "6.7.2",
+    "@lizardbyte/shared-web": "2025.323.21019"
   },
   "devDependencies": {
     "jquery": "^3.7.1"