Docusaurus optimizations (#1334)

* Adjust medium-zoom feature to apply only where intended

Previously, the medium-zoom functionality was applied globally to all images across the page. This fix ensures that the feature now only activates where it's specifically intended, preventing unwanted zoom on certain images.

* Align "Edit the Page" GitHub link icon and text, update text color

Adjusted the alignment of the "Edit the Page" GitHub link, ensuring the icon and text are now on the same level. Also updated the text color to match the global color scheme for consistency.

* Remove SVG link icon from external links

* Updated language variables and added missing translations for DE version

* Adjusted link styling to use bold text

Adjusted the link styling within `.theme-doc-markdown.markdown` files, applying the `text-weight: bold` property to make links stand out more clearly in the content.

* Restrict text-align: justify; property

Restricted the `text-align: justify;` property to apply only to p tags within the `.theme-doc-markdown.markdown` class for improved text alignment consistency.

* Adjustments optimized and ensured that they also function in production use

* Further correction

* Replaced card product icons

Card product icons have been replaced so that the color scheme matches the global values.

* make "warnung" uppercase

the admonition titles are all caps anyway but yknow..

---------

Co-authored-by: Blumlaut <[email protected]>

docs/welcome.md

@@ -78,32 +78,32 @@ Perfect and utilize the full extent of your game server. With our expertise, we
 Utilize the full extent of your vRoot server (VPS/Root server) with our comprehensive guides. Whether you prefer Linux or Windows, our guides help you efficiently set up and manage your server.
 
 <Cards>
-    <Card title="VPS (Linux)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/xAwGpyHdW6ApLs3/preview" type="product-categories"/>
-    <Card title="VPS (Windows)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/xAwGpyHdW6ApLs3/preview" type="product-categories"/>
-    <Card title="Root server (Linux)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/nB65mgwdWwb3M6T/preview" type="product-categories"/>
-    <Card title="Root server (Windows)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/nB65mgwdWwb3M6T/preview" type="product-categories"/>
+    <Card title="VPS (Linux)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/XmJGtYkc7d9rBai/preview" type="product-categories"/>
+    <Card title="VPS (Windows)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/XmJGtYkc7d9rBai/preview" type="product-categories"/>
+    <Card title="Root server (Linux)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/fqn5SZYRJjoikXa/preview" type="product-categories"/>
+    <Card title="Root server (Windows)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/fqn5SZYRJjoikXa/preview" type="product-categories"/>
 </Cards>
 
 ## Dedicated Server
 
 Our dedicated servers offer performance for demanding projects. Discover in our guides how to configure the hardware and operating systems according to your needs and ensure that your applications run optimally.
 
 <Cards>
-    <Card title="Dedicated Server" description="Placeholder" link="dedicated-introduction" image="https://screensaver01.zap-hosting.com/index.php/s/i3P2P7HQ5YGimXJ/preview" type="product-categories"/>
+    <Card title="Dedicated Server" description="Placeholder" link="dedicated-introduction" image="https://screensaver01.zap-hosting.com/index.php/s/o5kTJsSdwGY69m8/preview" type="product-categories"/>
 </Cards>
 
 ## Domain & Webspace
 Start your online project on a solid foundation with easily understandable guides on domain registration and webspace management. We guide you through every step, from setup to publishing your website.
 
 <Cards>
-    <Card title="Domain" description="Placeholder" link="domain-introduction" image="https://screensaver01.zap-hosting.com/index.php/s/SbnmcoyedKSBJzw/preview" type="product-categories"/>
-    <Card title="Webspace" description="Placeholder" link="webspace-adddomain" image="https://screensaver01.zap-hosting.com/index.php/s/SbnmcoyedKSBJzw/preview" type="product-categories"/>
+    <Card title="Domain" description="Placeholder" link="domain-introduction" image="https://screensaver01.zap-hosting.com/index.php/s/CHKT8d4ARD8sqZE/preview" type="product-categories"/>
+    <Card title="Webspace" description="Placeholder" link="webspace-adddomain" image="https://screensaver01.zap-hosting.com/index.php/s/CHKT8d4ARD8sqZE/preview" type="product-categories"/>
 </Cards>
 
 ## Voicebot & Voiceserver
 Enhance your online interactions with our voicebots and voice servers. Our guides make the setup easy, so you can spend more time with your community, whether it's gaming or in meetings.
 
 <Cards>
-    <Card title="Voicebot" description="Placeholder" link="voiceserver-voicebot-connection" image="https://screensaver01.zap-hosting.com/index.php/s/ncdbFLz7XygdBXM/preview" type="product-categories"/>
-    <Card title="Voiceserver" description="Placeholder" link="voiceserver-becomeadmin" image="https://screensaver01.zap-hosting.com/index.php/s/dAoJ6ji6bmZtb66/preview" type="product-categories"/>
+    <Card title="Voicebot" description="Placeholder" link="voiceserver-voicebot-connection" image="https://screensaver01.zap-hosting.com/index.php/s/zZ73fps5Eq93foK/preview" type="product-categories"/>
+    <Card title="Voiceserver" description="Placeholder" link="voiceserver-becomeadmin" image="https://screensaver01.zap-hosting.com/index.php/s/6cxS6Mo93YL6X5K/preview" type="product-categories"/>
 </Cards>

i18n/de/code.json

@@ -65,15 +65,15 @@
     "description": "The 2nd paragraph of the 404 page"
   },
   "theme.admonition.note": {
-    "message": "note",
+    "message": "Hinweis",
     "description": "The default label used for the Note admonition (:::note)"
   },
   "theme.admonition.tip": {
-    "message": "tip",
+    "message": "Tipp",
     "description": "The default label used for the Tip admonition (:::tip)"
   },
   "theme.admonition.danger": {
-    "message": "danger",
+    "message": "Gefahr",
     "description": "The default label used for the Danger admonition (:::danger)"
   },
   "theme.admonition.info": {
@@ -320,7 +320,7 @@
     "description": "The title of the tag list page"
   },
   "theme.admonition.warning": {
-    "message": "warning",
+    "message": "Warnung",
     "description": "The default label used for the Warning admonition (:::warning)"
   },
   "theme.DocSidebarItem.expandCategoryAriaLabel": {
@@ -420,11 +420,11 @@
     "description": "The title of the page for a blog author"
   },
   "theme.blog.authorsList.pageTitle": {
-    "message": "Authors",
+    "message": "Authoren",
     "description": "The title of the authors page"
   },
   "theme.blog.authorsList.viewAll": {
-    "message": "View All Authors",
+    "message": "Alle Autoren anzeigen",
     "description": "The label of the link targeting the blog authors page"
   },
   "theme.contentVisibility.unlistedBanner.title": {

i18n/de/docusaurus-plugin-content-docs/current/welcome.md

@@ -77,31 +77,31 @@ Perfektioniere und Nutze den vollen Umfang deines Gameservers. Mit unserer Exper
 Nutze den vollen Umfang deines vRootservers (VPS/Rootserver) mit unseren umfassenden Anleitungen. Egal, ob du Linux oder Windows bevorzugst, Anleitungen helfen dir, deinen Server effizient einzurichten und zu verwalten.
 
 <Cards>
-    <Card title="VPS (Linux)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/xAwGpyHdW6ApLs3/preview" type="product-categories"/>
-    <Card title="VPS (Windows)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/xAwGpyHdW6ApLs3/preview" type="product-categories"/>
-    <Card title="Root server (Linux)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/nB65mgwdWwb3M6T/preview" type="product-categories"/>
-    <Card title="Root server (Windows)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/nB65mgwdWwb3M6T/preview" type="product-categories"/>
+    <Card title="vServer (Linux)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/XmJGtYkc7d9rBai/preview" type="product-categories"/>
+    <Card title="vServer (Windows)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/XmJGtYkc7d9rBai/preview" type="product-categories"/>
+    <Card title="Rootserver (Linux)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/fqn5SZYRJjoikXa/preview" type="product-categories"/>
+    <Card title="Rootserver (Windows)" description="Placeholder" link="vserver-root-difference" image="https://screensaver01.zap-hosting.com/index.php/s/fqn5SZYRJjoikXa/preview" type="product-categories"/>
 </Cards>
 
 ## Dedicated Server
 Unsere Dedicated Server bieten Leistung für anspruchsvolle Projekte. Entdecke in unseren Anleitungen, wie du die Hardware und Betriebssysteme nach deinen Bedürfnissen konfigurierst und sicherstellst, dass deine Anwendungen optimal laufen.
 
 <Cards>
-    <Card title="Dedicated Server" description="Placeholder" link="dedicated-introduction" image="https://screensaver01.zap-hosting.com/index.php/s/i3P2P7HQ5YGimXJ/preview" type="product-categories"/>
+    <Card title="Dedicated Server" description="Placeholder" link="dedicated-introduction" image="https://screensaver01.zap-hosting.com/index.php/s/o5kTJsSdwGY69m8/preview" type="product-categories"/>
 </Cards>
 
 ## Domain & Webspace
 Beginne dein Online-Projekt auf festem Fundament mit leicht verständlichen Anleitungen zu Domain-Registrierung und Webspace-Management. Wir führen dich durch jeden Schritt. Von der Einrichtung bis zur Veröffentlichung deiner Website.
 
 <Cards>
-    <Card title="Domain" description="Placeholder" link="domain-introduction" image="https://screensaver01.zap-hosting.com/index.php/s/SbnmcoyedKSBJzw/preview" type="product-categories"/>
-    <Card title="Webspace" description="Placeholder" link="webspace-adddomain" image="https://screensaver01.zap-hosting.com/index.php/s/SbnmcoyedKSBJzw/preview" type="product-categories"/>
+    <Card title="Domain" description="Placeholder" link="domain-introduction" image="https://screensaver01.zap-hosting.com/index.php/s/CHKT8d4ARD8sqZE/preview" type="product-categories"/>
+    <Card title="Webspace" description="Placeholder" link="webspace-adddomain" image="https://screensaver01.zap-hosting.com/index.php/s/CHKT8d4ARD8sqZE/preview" type="product-categories"/>
 </Cards>
 
 ## Voicebot & Voiceserver
 Verbessere deine Online-Interaktionen mit unseren Voicebots und Voiceservern. Unsere Anleitungen machen die Einrichtung einfach, sodass du mehr Zeit mit deiner Community verbringen kannst, sei es beim Gaming oder in Meetings.
 
 <Cards>
-    <Card title="Voicebot" description="Placeholder" link="voiceserver-voicebot-connection" image="https://screensaver01.zap-hosting.com/index.php/s/ncdbFLz7XygdBXM/preview" type="product-categories"/>
-    <Card title="Voiceserver" description="Placeholder" link="voiceserver-becomeadmin" image="https://screensaver01.zap-hosting.com/index.php/s/dAoJ6ji6bmZtb66/preview" type="product-categories"/>
+    <Card title="Voicebot" description="Placeholder" link="voiceserver-voicebot-connection" image="https://screensaver01.zap-hosting.com/index.php/s/zZ73fps5Eq93foK/preview" type="product-categories"/>
+    <Card title="Voiceserver" description="Placeholder" link="voiceserver-becomeadmin" image="https://screensaver01.zap-hosting.com/index.php/s/6cxS6Mo93YL6X5K/preview" type="product-categories"/>
 </Cards>

src/css/custom.css

@@ -61,7 +61,6 @@ h3 {
   font-size: 1.25rem !important;
 }
 
-
 /* center images */
 img, iframe {
   display: block;
@@ -78,11 +77,9 @@ table {
 
 /* smaller edit button */
 .theme-edit-this-page {
-  color: grey;
   font-size: 1em;
 }
 .theme-edit-this-page svg {
-  height: 70%;
   display: inline-block;
 }
 
@@ -160,6 +157,16 @@ table {
   position: absolute;
 }
 
+
+article a {
+  font-weight: bold;
+}
+
+article p {
+  text-align: justify;
+}
+
+
 .theme-doc-toc-desktop {
   position: relative !important;
   top: auto !important;
@@ -200,8 +207,8 @@ table {
   width: 100%;
 }
 
-p {
-  text-align: justify;
+.iconExternalLink_nPIU {
+  display: none;
 }
 
 /* Navigation Bar Scaling */
@@ -259,4 +266,4 @@ p {
   .navbar__search-input:not(:focus) {
     transition: width 0.2s ease-out;
   }
-}
+}

src/theme/Root.js

@@ -8,7 +8,7 @@ export default function Root({ children }) {
 
   useEffect(() => {
     const applyMediumZoom = () => {
-      mediumZoom('img');
+      mediumZoom('article img:not(.card_xqyZ img)');
     };
 
     const intervalId = setInterval(() => {