From 89aff5885443e090ff8653c790dc844b6c7b4071 Mon Sep 17 00:00:00 2001 From: Arthur Date: Tue, 12 Aug 2025 10:47:37 +0200 Subject: [PATCH 01/10] updates --- assets/css/utilities.css | 7 +++- assets/icons/headset.svg | 3 ++ assets/icons/moon.svg | 8 +++++ assets/icons/sun.svg | 8 +++++ hugo_stats.json | 35 +++++++++++++++++++ .../partials/components/support-button.html | 7 ---- layouts/partials/footer.html | 21 ----------- layouts/partials/header.html | 18 ++++++++++ 8 files changed, 78 insertions(+), 29 deletions(-) create mode 100644 assets/icons/headset.svg create mode 100644 assets/icons/moon.svg create mode 100644 assets/icons/sun.svg diff --git a/assets/css/utilities.css b/assets/css/utilities.css index 1923df36b4e8..915ab5c7da8c 100644 --- a/assets/css/utilities.css +++ b/assets/css/utilities.css @@ -255,4 +255,9 @@ font-size: 19px; } } - +@utility topbar-button-clear { + @apply text-white/95 font-semibold min-h-9 px-0 inline-flex justify-center items-center gap-1.5 hover:text-white/90 transition-colors; + svg { + font-size: 19px; + } +} diff --git a/assets/icons/headset.svg b/assets/icons/headset.svg new file mode 100644 index 000000000000..2c716d579eae --- /dev/null +++ b/assets/icons/headset.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/moon.svg b/assets/icons/moon.svg new file mode 100644 index 000000000000..43fe3ff9738c --- /dev/null +++ b/assets/icons/moon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/sun.svg b/assets/icons/sun.svg new file mode 100644 index 000000000000..d2d9d26deb39 --- /dev/null +++ b/assets/icons/sun.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/hugo_stats.json b/hugo_stats.json index a87826249e0d..0c4c77b3751a 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -11,6 +11,7 @@ "-z-10", ".NET", "2xl:flex", + "2xl:flex", "AWS-Route-53", "Admin-Console", "After", @@ -166,8 +167,10 @@ "bg-blue", "bg-blue-400", "bg-blue-400/95", + "bg-blue-400/95", "bg-blue-500", "bg-blue-600", + "bg-blue-600", "bg-gradient-to-br", "bg-gray-100", "bg-gray-400", @@ -186,18 +189,24 @@ "border", "border-0", "border-1", + "border-1", "border-b", + "border-b-2", + "border-b-3", "border-b-4", "border-blue", "border-blue-300", + "border-blue-300", "border-divider-light", "border-gray-100", + "border-gray-100", "border-gray-200", "border-gray-400", "border-green-400", "border-l-2", "border-l-magenta-light", "border-none", + "border-none", "border-transparent", "bottom-0", "breadcrumbs", @@ -285,10 +294,13 @@ "flex-grow", "flex-none", "flex-row", + "flex-row", "flex-shrink", "flex-shrink-0", + "flex-shrink-0", "flex-wrap", "focus:outline-none", + "focus:outline-none", "focus:ring-3-blue-light", "font-bold", "font-medium", @@ -306,6 +318,7 @@ "gap-2.5", "gap-20", "gap-3", + "gap-36", "gap-4", "gap-8", "goat", @@ -333,6 +346,7 @@ "hover:bg-blue", "hover:bg-blue-400", "hover:bg-blue-400/90", + "hover:bg-blue-400/90", "hover:bg-blue-500", "hover:bg-gray-100", "hover:bg-gray-200", @@ -382,9 +396,13 @@ "lntable", "lntd", "macOS", + "max-h-[14px]", "max-h-full", + "max-w-0.5", + "max-w-1", "max-w-4xl", "max-w-56", + "max-w-[14px]", "max-w-[1920px]", "max-w-[840px]", "max-w-full", @@ -399,6 +417,7 @@ "md-dropdown", "md:block", "md:flex", + "md:flex", "md:flex-nowrap", "md:flex-row", "md:grid-cols-2", @@ -448,6 +467,8 @@ "openSUSE-and-SLES", "order-1", "order-2", + "order-1", + "order-2", "origin-bottom-right", "origin-top-right", "ot-sdk-show-settings", @@ -456,12 +477,15 @@ "outline-gray-200", "outline-hidden", "outline-none", + "outline-none", "outline-offset-[-1px]", "overflow-clip", "overflow-hidden", "overflow-x-auto", "overflow-x-hidden", "overflow-y-auto", + "p-1", + "p-10", "p-2", "p-3", "p-4", @@ -475,6 +499,7 @@ "pb-20", "pb-4", "pb-8", + "pg-1", "pl-2", "pl-3", "pl-4", @@ -485,12 +510,14 @@ "pt-10", "pt-2", "pt-4", + "px-", "px-1", "px-2", "px-4", "px-6", "py-0.5", "py-1", + "py-10", "py-2", "py-20", "py-4", @@ -520,6 +547,7 @@ "self-start", "shadow", "shadow-md", + "sm:appearance-none", "sm:block", "sm:flex-row", "sm:hidden", @@ -563,22 +591,27 @@ "top-16", "top-6", "topbar-button", + "topbar-button", "transition", "transition-colors", "transition-transform", "truncate", "underline-offset-2", "w-0", + "w-0", "w-2", "w-32", + "w-32", "w-5", "w-65", "w-8", "w-[1200px]", "w-[500px]", + "w-[500px]", "w-full", "whitespace-nowrap", "xl:flex", + "xl:flex", "xl:flex-row", "xl:grid-cols-3", "xl:grid-cols-4", @@ -591,6 +624,8 @@ "z-40", "z-50", "z-[999]" + "z-50", + "z-[999]" ], "ids": null } diff --git a/layouts/partials/components/support-button.html b/layouts/partials/components/support-button.html index cd6faacdbeab..e69de29bb2d1 100644 --- a/layouts/partials/components/support-button.html +++ b/layouts/partials/components/support-button.html @@ -1,7 +0,0 @@ - - Contact support - diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 39aec22fd1fe..2bbdb323782f 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -95,27 +95,6 @@ -
- Theme: - -
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 7f4636eef7a1..38988e952410 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -58,6 +58,24 @@
{{ partialCached "search-bar.html" "-" }}
+ From aaa527316a716d1cdcdcc98997298c73cb4c8bd0 Mon Sep 17 00:00:00 2001 From: Arthur Date: Tue, 12 Aug 2025 10:56:58 +0200 Subject: [PATCH 02/10] add contact button --- assets/css/utilities.css | 2 +- assets/icons/headset.svg | 2 +- hugo_stats.json | 37 +------------------ .../partials/components/support-button.html | 0 layouts/partials/header.html | 25 +++++++++---- 5 files changed, 21 insertions(+), 45 deletions(-) delete mode 100644 layouts/partials/components/support-button.html diff --git a/assets/css/utilities.css b/assets/css/utilities.css index 915ab5c7da8c..5993ed2687e9 100644 --- a/assets/css/utilities.css +++ b/assets/css/utilities.css @@ -256,7 +256,7 @@ } } @utility topbar-button-clear { - @apply text-white/95 font-semibold min-h-9 px-0 inline-flex justify-center items-center gap-1.5 hover:text-white/90 transition-colors; + @apply text-white/95 font-semibold min-h-9 px-0 inline-flex justify-center items-center gap-1.5 hover:text-white/85 transition-colors; svg { font-size: 19px; } diff --git a/assets/icons/headset.svg b/assets/icons/headset.svg index 2c716d579eae..7a9b70e62f65 100644 --- a/assets/icons/headset.svg +++ b/assets/icons/headset.svg @@ -1,3 +1,3 @@ - + diff --git a/hugo_stats.json b/hugo_stats.json index 0c4c77b3751a..a2edea762e9e 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -11,7 +11,6 @@ "-z-10", ".NET", "2xl:flex", - "2xl:flex", "AWS-Route-53", "Admin-Console", "After", @@ -167,10 +166,8 @@ "bg-blue", "bg-blue-400", "bg-blue-400/95", - "bg-blue-400/95", "bg-blue-500", "bg-blue-600", - "bg-blue-600", "bg-gradient-to-br", "bg-gray-100", "bg-gray-400", @@ -189,24 +186,18 @@ "border", "border-0", "border-1", - "border-1", "border-b", - "border-b-2", - "border-b-3", "border-b-4", "border-blue", "border-blue-300", - "border-blue-300", "border-divider-light", "border-gray-100", - "border-gray-100", "border-gray-200", "border-gray-400", "border-green-400", "border-l-2", "border-l-magenta-light", "border-none", - "border-none", "border-transparent", "bottom-0", "breadcrumbs", @@ -294,13 +285,10 @@ "flex-grow", "flex-none", "flex-row", - "flex-row", "flex-shrink", "flex-shrink-0", - "flex-shrink-0", "flex-wrap", "focus:outline-none", - "focus:outline-none", "focus:ring-3-blue-light", "font-bold", "font-medium", @@ -318,7 +306,6 @@ "gap-2.5", "gap-20", "gap-3", - "gap-36", "gap-4", "gap-8", "goat", @@ -346,7 +333,6 @@ "hover:bg-blue", "hover:bg-blue-400", "hover:bg-blue-400/90", - "hover:bg-blue-400/90", "hover:bg-blue-500", "hover:bg-gray-100", "hover:bg-gray-200", @@ -362,6 +348,7 @@ "icon-lg", "icon-sm", "icon-svg", + "icon-svg-", "icon-svg-stroke", "inline", "inline-block", @@ -396,13 +383,9 @@ "lntable", "lntd", "macOS", - "max-h-[14px]", "max-h-full", - "max-w-0.5", - "max-w-1", "max-w-4xl", "max-w-56", - "max-w-[14px]", "max-w-[1920px]", "max-w-[840px]", "max-w-full", @@ -417,7 +400,6 @@ "md-dropdown", "md:block", "md:flex", - "md:flex", "md:flex-nowrap", "md:flex-row", "md:grid-cols-2", @@ -467,8 +449,6 @@ "openSUSE-and-SLES", "order-1", "order-2", - "order-1", - "order-2", "origin-bottom-right", "origin-top-right", "ot-sdk-show-settings", @@ -477,15 +457,12 @@ "outline-gray-200", "outline-hidden", "outline-none", - "outline-none", "outline-offset-[-1px]", "overflow-clip", "overflow-hidden", "overflow-x-auto", "overflow-x-hidden", "overflow-y-auto", - "p-1", - "p-10", "p-2", "p-3", "p-4", @@ -499,7 +476,6 @@ "pb-20", "pb-4", "pb-8", - "pg-1", "pl-2", "pl-3", "pl-4", @@ -510,14 +486,12 @@ "pt-10", "pt-2", "pt-4", - "px-", "px-1", "px-2", "px-4", "px-6", "py-0.5", "py-1", - "py-10", "py-2", "py-20", "py-4", @@ -547,7 +521,6 @@ "self-start", "shadow", "shadow-md", - "sm:appearance-none", "sm:block", "sm:flex-row", "sm:hidden", @@ -591,27 +564,23 @@ "top-16", "top-6", "topbar-button", - "topbar-button", + "topbar-button-clear", "transition", "transition-colors", "transition-transform", "truncate", "underline-offset-2", "w-0", - "w-0", "w-2", "w-32", - "w-32", "w-5", "w-65", "w-8", "w-[1200px]", "w-[500px]", - "w-[500px]", "w-full", "whitespace-nowrap", "xl:flex", - "xl:flex", "xl:flex-row", "xl:grid-cols-3", "xl:grid-cols-4", @@ -624,8 +593,6 @@ "z-40", "z-50", "z-[999]" - "z-50", - "z-[999]" ], "ids": null } diff --git a/layouts/partials/components/support-button.html b/layouts/partials/components/support-button.html deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 38988e952410..c87187ce5bcd 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -52,16 +52,25 @@ > Ask AI - {{ partial "utils/svg.html" "/icons/sparkle.svg" }} + {{ partialCached "utils/svg.html" "/icons/sparkle.svg" }}
{{ partialCached "search-bar.html" "-" }}
- + From aa6f7175b6e6b0c550f49386af7ab8bbcc8f88e1 Mon Sep 17 00:00:00 2001 From: Arthur Date: Tue, 12 Aug 2025 12:14:41 +0200 Subject: [PATCH 03/10] sm width --- assets/css/theme.css | 1 + assets/css/utilities.css | 6 +- hugo_stats.json | 4 + layouts/_default/baseof.html | 43 ++++++ layouts/partials/header.html | 60 ++++---- layouts/partials/search-bar.html | 236 +++++++++++++++---------------- 6 files changed, 203 insertions(+), 147 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index e6a1603b2239..4d6ecf1c5dfa 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -201,6 +201,7 @@ --color-yellow-outlinedborder: rgba(235, 156, 0, 0.56); --color-yellow-selected: rgba(235, 156, 0, 0.16); + --topnav-button-bg: #4878f3; --tw-prose-code-bg: var(--color-gray-100); --tw-prose-code-bg-dark: var(--color-gray-800); } diff --git a/assets/css/utilities.css b/assets/css/utilities.css index 5993ed2687e9..90d05a4ea78f 100644 --- a/assets/css/utilities.css +++ b/assets/css/utilities.css @@ -249,14 +249,16 @@ @utility breadcrumbs { font-size: 90%; } + @utility topbar-button { - @apply text-white font-semibold min-h-10 px-2 bg-blue-300/50 rounded-md border-1 border-blue-300 inline-flex justify-center items-center gap-1.5 hover:bg-blue-400/70 hover:border-blue-200 transition-colors; + @apply text-center max-w-40 text-white font-semibold min-h-10 px-2 bg-(--topnav-button-bg) rounded-md border-1 border-blue-300; + @apply inline-flex justify-center items-center gap-1.5 hover:bg-blue-400 hover:border-blue-300 transition-colors; svg { font-size: 19px; } } @utility topbar-button-clear { - @apply text-white/95 font-semibold min-h-9 px-0 inline-flex justify-center items-center gap-1.5 hover:text-white/85 transition-colors; + @apply text-center text-white/95 font-semibold min-h-9 px-0 inline-flex justify-center items-center gap-1.5 hover:text-white/85 transition-colors; svg { font-size: 19px; } diff --git a/hugo_stats.json b/hugo_stats.json index a2edea762e9e..daf7e0e4d6da 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -376,6 +376,7 @@ "lg:grid-cols-3", "lg:grid-cols-4", "lg:hidden", + "lg:inline", "lg:no-underline", "lg:pb-2", "lg:scale-100", @@ -391,6 +392,7 @@ "max-w-full", "max-w-none", "max-w-xl", + "max-w-xs", "mb-1", "mb-1.5", "mb-2", @@ -571,6 +573,7 @@ "truncate", "underline-offset-2", "w-0", + "w-12", "w-2", "w-32", "w-5", @@ -578,6 +581,7 @@ "w-8", "w-[1200px]", "w-[500px]", + "w-auto", "w-full", "whitespace-nowrap", "xl:flex", diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 7b06c790c819..ff532f6d489c 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -42,6 +42,49 @@
+ +
+ +
+ {{ partialCached "search-bar.html" "-" }} +
+ + +
- -
- {{ partialCached "search-bar.html" "-" }} -
- + + +
+ {{ partialCached "search-bar.html" "-" }} +
+ + + + {{ partialCached "icon" "icons/sun.svg" "sun" }} + + + +
+ diff --git a/layouts/partials/search-bar.html b/layouts/partials/search-bar.html index 7dd5a5c6b6d5..604d42bec376 100644 --- a/layouts/partials/search-bar.html +++ b/layouts/partials/search-bar.html @@ -1,129 +1,129 @@ -