hugo: update layout architecture

Signed-off-by: David Karlsson <[email protected]>

Author: dvdksn

.prettierrc

@@ -1,3 +1,16 @@
 {
-  "plugins": ["prettier-plugin-tailwindcss"]
+  "plugins": [
+    "prettier-plugin-go-template",
+    "prettier-plugin-tailwindcss"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.html"
+      ],
+      "options": {
+        "parser": "go-template"
+      }
+    }
+  ]
 }

assets/css/global.css

@@ -1,9 +1,15 @@
 /* global styles */
 
 @layer base {
-  [x-cloak] {
+  [x-cloak=""] {
     display: none !important;
   }
+  /* alpine cloak for small screens only */
+  [x-cloak="sm"] {
+    @media (width <= 768px) {
+      display: none !important;
+    }
+  }
 
   :root {
     -webkit-font-smoothing: antialiased;

assets/css/kapa.css

@@ -1,4 +1,6 @@
 .mantine-Modal-root {
+  .mantine-Modal-inner { inset: 0; }
+
   ol {
     list-style-type: decimal;
   }

content/get-started/_index.md

@@ -3,7 +3,7 @@ title: Get started
 keywords: Docker, get started
 description: Get started with Docker
 notoc: true
-
+layout: wide
 get-started:
 - title: Get Docker
   description: Choose the best installation path for your setup.

content/guides/_index.md

@@ -3,7 +3,7 @@ title: Guides
 keywords: Docker guides
 description: Explore the Docker guides
 notoc: true
-
+layout: wide
 dive-deeper:
 - title: Language-specific guides
   description: Learn how to containerize, develop, and test language-specific apps using Docker.

content/learning-paths/_index.md

@@ -1,7 +1,5 @@
 ---
 title: Learning paths
-cascade:
-  layout: wide
 description: |
   Docker Learning Paths offer structured guides to help you master Docker.
 keywords: docker, learning, paths, tutorials, resources

content/manuals/_index.md

@@ -4,6 +4,7 @@ description: Learn how to install, set up, configure, and use Docker products wi
 keywords: docker, docs, manuals, products, user guides, how-to
 # hard-code the URL of this page
 url: /manuals/
+layout: wide
 notoc: true
 development:
 - title: Docker Desktop

content/reference/_index.md

@@ -1,5 +1,6 @@
 ---
 title: Reference documentation
+layout: wide
 description: Find reference documentation for the Docker platform’s various APIs, CLIs, and file formats
 notoc: true
 grid_files:

content/tags/_index.md

@@ -1,7 +1,5 @@
 ---
 title: Tags
-cascade:
-  layout: wide
 ---
 
 Here you can browse Docker docs by tag.

hugo_stats.json

@@ -3,16 +3,20 @@
     "tags": null,
     "classes": [
       "!mt-0",
+      "-",
       "--mount",
       "--tmpfs",
       "-mb-3",
+      "-mr-8",
       "-mt-0.5",
       "-mt-1",
       "-mt-4",
+      "-mt-8",
       "-top-16",
       "-v",
       "-z-10",
       ".NET",
+      "64px)]",
       "Admin-Console",
       "After",
       "Angular",
@@ -142,6 +146,7 @@
       "bg-amber-light",
       "bg-amber-light-200",
       "bg-background-light",
+      "bg-black/50",
       "bg-black/70",
       "bg-blue-light",
       "bg-blue-light-400",
@@ -152,7 +157,6 @@
       "bg-gradient-to-t",
       "bg-gray-light-100",
       "bg-gray-light-200",
-      "bg-gray-light-200/50",
       "bg-gray-light-400",
       "bg-gray-light-700",
       "bg-green-light",
@@ -188,7 +192,6 @@
       "border-violet-light",
       "border-white",
       "bottom-0",
-      "box-content",
       "build-push-action",
       "chroma",
       "col-start-2",
@@ -203,7 +206,6 @@
       "dark:bg-gray-dark-100",
       "dark:bg-gray-dark-200",
       "dark:bg-gray-dark-300",
-      "dark:bg-gray-dark-300/50",
       "dark:bg-gray-dark-400",
       "dark:bg-green-dark",
       "dark:bg-green-dark-400",
@@ -222,12 +224,12 @@
       "dark:border-l-magenta-dark",
       "dark:border-red-dark",
       "dark:border-violet-dark",
-      "dark:decoration-blue-dark",
       "dark:fill-blue-dark",
       "dark:focus:ring-blue-dark",
       "dark:from-background-dark",
       "dark:from-blue-dark-200",
       "dark:from-blue-dark-400",
+      "dark:from-gray-dark-100",
       "dark:hidden",
       "dark:hover:bg-blue-dark",
       "dark:hover:bg-blue-dark-500",
@@ -241,6 +243,7 @@
       "dark:text-blue-dark",
       "dark:text-divider-dark",
       "dark:text-gray-dark",
+      "dark:text-gray-dark-300",
       "dark:text-gray-dark-500",
       "dark:text-gray-dark-600",
       "dark:text-gray-dark-700",
@@ -250,10 +253,9 @@
       "dark:text-red-dark",
       "dark:text-violet-dark",
       "dark:text-white",
+      "dark:to-background-dark",
       "dark:to-blue-dark-100",
       "dark:to-magenta-dark-400",
-      "decoration-2",
-      "decoration-blue-light",
       "docker/bake-action",
       "docker/build-push-action",
       "drop-shadow",
@@ -263,15 +265,18 @@
       "fixed",
       "flex",
       "flex-1",
+      "flex-[2_2_0%]",
       "flex-col",
       "flex-col-reverse",
       "flex-grow",
+      "flex-none",
       "flex-wrap",
       "focus:ring-blue-light",
       "font-medium",
       "footnote-backref",
       "footnote-ref",
       "footnotes",
+      "from-20%",
       "from-background-light",
       "from-blue-light-400",
       "from-blue-light-600",
@@ -296,7 +301,9 @@
       "h-48",
       "h-8",
       "h-96",
+      "h-[calc(100vh-64px)]",
       "h-auto",
+      "h-fit",
       "h-full",
       "h-max",
       "h-screen",
@@ -313,7 +320,6 @@
       "hover:dark:border-gray-dark",
       "hover:dark:text-blue-dark",
       "hover:drop-shadow-lg",
-      "hover:opacity-75",
       "hover:opacity-90",
       "hover:text-black",
       "hover:text-blue-light",
@@ -339,9 +345,7 @@
       "lg:block",
       "lg:grid-cols-2",
       "lg:grid-cols-3",
-      "lg:grid-cols-main-lg",
       "lg:hidden",
-      "lg:max-w-[300px]",
       "lg:no-underline",
       "lg:pb-2",
       "lg:scale-100",
@@ -354,7 +358,9 @@
       "m-auto",
       "macOS",
       "max-h-full",
+      "max-w-4xl",
       "max-w-56",
+      "max-w-[1920px]",
       "max-w-[840px]",
       "max-w-full",
       "max-w-none",
@@ -368,14 +374,18 @@
       "md:gap-8",
       "md:grid-cols-2",
       "md:grid-cols-3",
-      "md:grid-cols-main-md",
       "md:h-[334px]",
+      "md:h-[calc(100vh",
       "md:hidden",
       "md:max-w-[66%]",
       "md:px-20",
       "md:scale-100",
+      "md:text-sm",
+      "md:w-[300px]",
+      "md:z-auto",
       "min-h-screen",
       "min-w-0",
+      "min-w-52",
       "ml-3",
       "ml-auto",
       "mt-1",
@@ -399,7 +409,7 @@
       "overflow-clip",
       "overflow-hidden",
       "overflow-x-hidden",
-      "overflow-y-scroll",
+      "overflow-y-auto",
       "p-1",
       "p-2",
       "p-4",
@@ -410,7 +420,6 @@
       "pb-0.5",
       "pb-1",
       "pb-2",
-      "pb-32",
       "pb-4",
       "pl-1",
       "pl-2",
@@ -419,7 +428,6 @@
       "pl-5",
       "place-items-center",
       "placeholder:text-white",
-      "pr-2",
       "prose",
       "pt-0",
       "px-1",
@@ -439,6 +447,7 @@
       "right-8",
       "ring-[1.5px]",
       "ring-gray-light-200",
+      "rotate-180",
       "rotate-45",
       "rounded",
       "rounded-[6px]",
@@ -463,6 +472,7 @@
       "sm:items-center",
       "sm:w-full",
       "space-x-2",
+      "space-y-2",
       "space-y-4",
       "sticky",
       "svg-container",
@@ -477,6 +487,7 @@
       "text-center",
       "text-divider-light",
       "text-gray-light",
+      "text-gray-light-200",
       "text-gray-light-300",
       "text-gray-light-500",
       "text-gray-light-600",
@@ -491,18 +502,22 @@
       "text-white",
       "text-xl",
       "text-xs",
+      "to-30%",
       "to-50%",
       "to-75%",
       "to-blue-light",
       "to-magenta-light-400",
       "to-transparent",
+      "to-white",
       "toc",
       "top-0",
       "top-16",
       "top-3",
       "top-6",
       "top-full",
+      "transform",
       "transition",
+      "transition-transform",
       "truncate",
       "underline",
       "underline-offset-2",
@@ -518,13 +533,13 @@
       "w-screen",
       "xl:grid-cols-3",
       "xl:grid-cols-4",
-      "xl:grid-cols-main-xl",
       "xl:w-[1200px]",
       "xl:w-[400px]",
       "youtube-video",
       "z-10",
       "z-20",
       "z-30",
+      "z-40",
       "z-50"
     ],
     "ids": null