docs/src/components/showcase-sites.astro

@@ -187,4 +187,5 @@ import FluidGrid from './fluid-grid.astro';
 		href="https://accessible-astro.incluud.dev"
 		thumbnail="accessible-astro.incluud.dev.png"
 	/>
+	<Card title="Learn AISO" href="https://learnaiso.com" thumbnail="learnaiso.com.png" />
 </FluidGrid>

docs/src/content/docs/de/guides/authoring-content.mdx

@@ -246,6 +246,10 @@ Einige der gebräuchlichsten Beispiele sind unten aufgeführt:
   }
   ```
 
+  <Tabs syncKey="content-type">
+
+  <TabItem label="Markdown/MDX">
+
   ````md
   ```js {2-3}
   function demo() {
@@ -255,6 +259,23 @@ Einige der gebräuchlichsten Beispiele sind unten aufgeführt:
   ```
   ````
 
+  </TabItem>
+
+  <TabItem label="Markdoc">
+
+  ````markdoc
+  ```js {% meta="{2-3}" %}
+  function demo() {
+  	// Diese Zeile (#2) und die nächste Zeile sind hervorgehoben
+  	return 'Dies ist Zeile #3 dieses Ausschnittes';
+  }
+  ```
+  ````
+
+  </TabItem>
+
+  </Tabs>
+
 - [Markieren von Textabschnitten mit der Markierung `" "` oder regulären Ausdrücken](https://expressive-code.com/key-features/text-markers/#marking-individual-text-inside-lines):
 
   ```js "einzelne Begriffe" /Auch.*unterstützt/
@@ -264,6 +285,10 @@ Einige der gebräuchlichsten Beispiele sind unten aufgeführt:
   }
   ```
 
+  <Tabs syncKey="content-type">
+
+  <TabItem label="Markdown/MDX">
+
   ````md
   ```js "einzelne Begriffe" /Auch.*unterstützt/
   // Auch einzelne Begriffe können hervorgehoben werden
@@ -273,6 +298,23 @@ Einige der gebräuchlichsten Beispiele sind unten aufgeführt:
   ```
   ````
 
+  </TabItem>
+
+  <TabItem label="Markdoc">
+
+  ````markdoc
+  ```js {% meta="'einzelne Begriffe' /Auch.*unterstützt/" %}
+  // Auch einzelne Begriffe können hervorgehoben werden
+  function demo() {
+  	return 'Auch reguläre Ausdrücke (RegEx) werden unterstützt';
+  }
+  ```
+  ````
+
+  </TabItem>
+
+  </Tabs>
+
 - [Text oder Zeilen mit `ins` oder `del` als eingefügt oder gelöscht markieren](https://expressive-code.com/key-features/text-markers/#selecting-inline-marker-types-mark-ins-del):
 
   ```js "return true;" ins="eingefügte" del="gelöschte"
@@ -283,6 +325,10 @@ Einige der gebräuchlichsten Beispiele sind unten aufgeführt:
   }
   ```
 
+  <Tabs syncKey="content-type">
+
+  <TabItem label="Markdown/MDX">
+
   ````md
   ```js "return true;" ins="eingefügte" del="gelöschte"
   function demo() {
@@ -293,6 +339,24 @@ Einige der gebräuchlichsten Beispiele sind unten aufgeführt:
   ```
   ````
 
+  </TabItem>
+
+  <TabItem label="Markdoc">
+
+  ````markdoc
+  ```js {% meta="'return true;' ins='eingefügte' del='gelöschte'" %}
+  function demo() {
+  	console.log('Dies sind eingefügte und gelöschte Markertypen');
+  	// Die return-Anweisung verwendet den Standard-Markierungstyp
+  	return true;
+  }
+  ```
+  ````
+
+  </TabItem>
+
+  </Tabs>
+
 - [Kombiniere die Syntaxhervorhebung mit einer `diff`-ähnlichen Syntax](https://expressive-code.com/key-features/text-markers/#combining-syntax-highlighting-with-diff-like-syntax):
 
   ```diff lang="js"
@@ -304,6 +368,10 @@ Einige der gebräuchlichsten Beispiele sind unten aufgeführt:
     }
   ```
 
+  <Tabs syncKey="content-type">
+
+  <TabItem label="Markdown/MDX">
+
   ````md
   ```diff lang="js"
     function thisIsJavaScript() {
@@ -315,6 +383,25 @@ Einige der gebräuchlichsten Beispiele sind unten aufgeführt:
   ```
   ````
 
+  </TabItem>
+
+  <TabItem label="Markdoc">
+
+  ````markdoc
+  ```diff {% meta="lang='js'" %}
+    function thisIsJavaScript() {
+      // Dieser gesamte Block wird als JavaScript hervorgehoben,
+      // und wir können ihm immer noch Diff-Markierungen hinzufügen!
+  -   console.log('Zu entfernender alter Code')
+  +   console.log('Neuer, glänzender Code!')
+    }
+  ```
+  ````
+
+  </TabItem>
+
+  </Tabs>
+
 #### Rahmen und Überschriften
 
 Codeblöcke können innerhalb eines fensterähnlichen Rahmens dargestellt werden.
@@ -330,37 +417,92 @@ Der optionale Titel eines Code-Blocks kann entweder mit einem `title="..."`-Attr
   console.log('Hallo Welt!');
   ```
 
+  <Tabs syncKey="content-type">
+
+  <TabItem label="Markdown/MDX">
+
+  ````md
+  ```js
+  // meine-test-datei.js
+  console.log('Hallo Welt!');
+  ```
+  ````
+
+  </TabItem>
+
+  <TabItem label="Markdoc">
+
   ````md
   ```js
   // meine-test-datei.js
   console.log('Hallo Welt!');
   ```
   ````
 
+  </TabItem>
+
+  </Tabs>
+
 - [Hinzufügen eines Titels zu einem Terminalfenster](https://expressive-code.com/key-features/frames/#terminal-frames)
 
   ```bash title="Installieren von Abhängigkeiten…"
   npm install
   ```
 
+  <Tabs syncKey="content-type">
+
+  <TabItem label="Markdown/MDX">
+
   ````md
   ```bash title="Installieren von Abhängigkeiten…"
   npm install
   ```
   ````
 
+  </TabItem>
+
+  <TabItem label="Markdoc">
+
+  ````markdoc
+  ```bash {% title="Installieren von Abhängigkeiten…" %}
+  npm install
+  ```
+  ````
+
+  </TabItem>
+
+  </Tabs>
+
 - [Fensterrahmen mit `frame="none"` deaktivieren](https://expressive-code.com/key-features/frames/#overriding-frame-types)
 
   ```bash frame="none"
   echo "Dies wird trotz Verwendung der Bash-Sprache nicht als Terminal dargestellt"
   ```
 
+  <Tabs syncKey="content-type">
+
+  <TabItem label="Markdown/MDX">
+
   ````md
   ```bash frame="none"
   echo "Dies wird trotz Verwendung der Bash-Sprache nicht als Terminal dargestellt"
   ```
   ````
 
+  </TabItem>
+
+  <TabItem label="Markdoc">
+
+  ````markdoc
+  ```bash {% frame="none" %}
+  echo "Dies wird trotz Verwendung der Bash-Sprache nicht als Terminal dargestellt"
+  ```
+  ````
+
+  </TabItem>
+
+  </Tabs>
+
 ## Details
 
 Details (auch bekannt als „Offenlegungen“ oder „Akkordeons“) sind nützlich, um Inhalte zu verbergen, die nicht unmittelbar relevant sind.

docs/src/content/docs/de/resources/plugins.mdx

@@ -133,6 +133,11 @@ Erweitere deine Website mit offiziellen Plugins, die vom Starlight-Team unterst
 		title="starlight-view-transitions"
 		description="Hinzufügen von browser-nativen, dokumentations­übergreifenden Ansichtsübergängen."
 	/>
+	<LinkCard
+		href="https://github.com/HiDeoo/starlight-auto-sidebar"
+		title="starlight-auto-sidebar"
+		description="Modifiziere deine automatisch generierten Seitenleistengruppen."
+	/>
 </CardGrid>
 
 ## Community-Tools und Integrationen