Status link

ImageDarkLight component
Removed DE translation

Author: gtnardy

blog/2025-03-05-march.md

@@ -7,9 +7,6 @@ image: /img/blog/2023-march/march-news.webp
 ---
 
 
-import ThemedImage from '@theme/ThemedImage';
-
-
 **New Roadmap & Coffee!**
 
 ![](/img/blog/2023-march/march-news.webp)

docs/scripting-reference/classes/base-classes/pickable.mdx

@@ -4,9 +4,6 @@ description: Base class for all Pickables
 tags: [base-class]
 ---
 
-import { Classes } from '@site/src/components/_nanos';
-import ThemedImage from '@theme/ThemedImage';
-
 <HeaderDeclaration type="Class" name="Pickable" />
 
 They have special methods and events and are highlighted when looked at by a Character.
@@ -26,15 +23,11 @@ They have special methods and events and are highlighted when looked at by a Cha
 
 nanos world provides a bunch of crosshair materials which can be used in Weapons/Pickables. You can of course create your own crosshair material and use those instead!
 
-````mdx-code-block
-<ThemedImage
-    alt="All available Crosshairs"
-    sources={{
-        light: '/img/docs/crosshairs_light.webp',
-        dark: '/img/docs/crosshairs_dark.webp',
-    }}
+<ImageDarkLight
+	light_img="/img/docs/crosshairs_light.webp"
+	dark_img="/img/docs/crosshairs_dark.webp"
+	legend="All available Crosshairs"
 />
-````
 
 
 #### List of crosshair materials included in the default asset pack

docs/welcome.mdx

@@ -8,8 +8,6 @@ sidebar_position: 0
 slug: /
 ---
 
-import ThemedImage from '@theme/ThemedImage';
-
 
 Welcome to the new nanos world Official Documentation!
 

docusaurus.config.js

@@ -13,17 +13,14 @@ module.exports = {
   trailingSlash: false,
   i18n: {
     defaultLocale: 'en',
-    locales: isDev ? ['en'] : ['en', 'pt-BR', 'de', 'fr'],
+    locales: isDev ? ['en'] : ['en', 'fr', 'pt-BR'],
     localeConfigs: {
       en: {
         label: '🇬🇧 English'
       },
       'pt-BR': {
         label: '🇧🇷 Português (Brasil)'
       },
-      de: {
-        label: '🇩🇪 Deutsch'
-      },
       fr: {
         label: '🇫🇷 Français'
       },
@@ -77,21 +74,27 @@ module.exports = {
         {
           href: 'https://discord.nanos-world.com',
           position: 'right',
-          className: 'header-discord-link',
+          className: 'header-right-link header-discord-link',
           'aria-label': 'Discord',
         },
         {
           href: 'https://github.com/nanos-world',
           position: 'right',
-          className: 'header-github-link',
+          className: 'header-right-link header-github-link',
           'aria-label': 'GitHub repository',
         },
         {
           href: 'https://issues.nanos-world.com',
           position: 'right',
-          className: 'header-bugs-link',
+          className: 'header-right-link header-bugs-link',
           'aria-label': 'Bugs',
         },
+        {
+          href: 'https://status.nanos-world.com',
+          position: 'right',
+          className: 'header-right-link header-status-link',
+          'aria-label': 'Status',
+        },
         {
           type: 'docsVersionDropdown',
           position: 'right',

src/components/Utils.jsx

@@ -18,6 +18,22 @@ export const ImageExternal = ({ path, className }) => (
 	<img src={`${ GetExternalPath() }/images${ path }`} className={className} decoding="async" loading="lazy" />
 )
 
+// Image that changes based on the dark/light theme
+// Note: image-zoom doesn't work
+export const ImageDarkLight = ({ dark_img, light_img, legend }) => (
+	<>
+		<p>
+			<ThemedImage
+				sources={{
+					light: light_img,
+					dark: dark_img,
+				}}
+			/>
+		</p>
+		<MediaLegend>{ legend }</MediaLegend>
+	</>
+);
+
 // Getter to get the current version path - for links
 export const getActiveVersionPath = () => {
 	const activeVersion = useActiveVersion();

src/css/custom.css

@@ -315,32 +315,23 @@ html[data-theme="dark"] .medium-zoom-overlay {
 	margin-left: 1rem;
 }
 
-.header-github-link:hover,
-.header-discord-link:hover,
-.header-bugs-link:hover,
-.header-account-link:hover {
+.header-right-link:hover {
 	opacity: 0.7;
 }
 
-.header-github-link:before,
-.header-discord-link:before,
-.header-bugs-link:before,
-.header-account-link:before {
+.header-right-link:before {
 	content: '';
 	display: flex;
 	width: 26px;
 	height: 28px;
 }
 
-.header-github-link,
-.header-discord-link,
-.header-bugs-link,
-.header-account-link {
+.header-right-link {
 	padding: 0 0.4rem;
 }
 
 /* Last item resets to original padding */
-.header-bugs-link {
+.header-right-link:last-child {
 	padding-right: var(--ifm-navbar-item-padding-horizontal);
 }
 
@@ -368,6 +359,14 @@ html[data-theme='dark'] .header-bugs-link:before {
 	background: no-repeat center/26px url("/img/social/bugs-white.svg");
 }
 
+.header-status-link:before {
+	background: no-repeat center/20px 28px url("/img/social/status-color.png");
+}
+
+html[data-theme='dark'] .header-status-link:before {
+	background: no-repeat center/20px 28px url("/img/social/status-white.png");
+}
+
 .header-account-link:before {
 	background: no-repeat center/26px url("/img/social/account-color.svg");
 }

src/pages/2023-contest/halloween.webp

@@ -4,7 +4,7 @@ import MDXComponents from '@theme-original/MDXComponents';
 // Import custom elements
 import { HeaderDeclaration, ConstructorDeclaration, FunctionsDeclaration, StaticFunctionsDeclaration, ExamplesDeclaration, EventsDeclaration, PropertiesDeclaration, StaticPropertiesDeclaration, APISourceURL, MethodReference, EventReference } from '@site/src/components/ClassBuilder';
 import { Classes, Structs, BasicType, AuthorityType, UtilityClasses, ReferenceLink, Enums, CardLink, AssetPath, NativeType, StaticClasses } from '@site/src/components/_nanos';
-import { VideoExternal, ImageExternal, ComparisonSlider, KofiButton, MediaLegend, MediaGallery } from '@site/src/components/Utils';
+import { VideoExternal, ImageExternal, ComparisonSlider, KofiButton, MediaLegend, MediaGallery, ImageDarkLight } from '@site/src/components/Utils';
 
 export default {
 	// Re-use the default mapping
@@ -35,6 +35,7 @@ export default {
 	ImageExternal,
 	MediaLegend,
 	MediaGallery,
+	ImageDarkLight,
 	NativeType,
 	StaticClasses,
 	ComparisonSlider,