From 8f1514d575b8c4458bc6ba33de345e1c473bf419 Mon Sep 17 00:00:00 2001 From: Arthur Date: Fri, 15 Aug 2025 17:33:32 +0200 Subject: [PATCH 1/7] add svgs --- assets/icons/facebook.svg | 8 ++++++++ assets/icons/instagram.svg | 8 ++++++++ assets/icons/linkedin.svg | 8 ++++++++ assets/icons/twitter.svg | 8 ++++++++ assets/icons/youtube.svg | 8 ++++++++ 5 files changed, 40 insertions(+) create mode 100644 assets/icons/facebook.svg create mode 100644 assets/icons/instagram.svg create mode 100644 assets/icons/linkedin.svg create mode 100644 assets/icons/twitter.svg create mode 100644 assets/icons/youtube.svg diff --git a/assets/icons/facebook.svg b/assets/icons/facebook.svg new file mode 100644 index 000000000000..e3e31d89316d --- /dev/null +++ b/assets/icons/facebook.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/instagram.svg b/assets/icons/instagram.svg new file mode 100644 index 000000000000..d0acf82f83c5 --- /dev/null +++ b/assets/icons/instagram.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg new file mode 100644 index 000000000000..997fa8bb51fc --- /dev/null +++ b/assets/icons/linkedin.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/twitter.svg b/assets/icons/twitter.svg new file mode 100644 index 000000000000..67893368f732 --- /dev/null +++ b/assets/icons/twitter.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/youtube.svg b/assets/icons/youtube.svg new file mode 100644 index 000000000000..86a34ce77f0b --- /dev/null +++ b/assets/icons/youtube.svg @@ -0,0 +1,8 @@ + + + + + + + + From 99c6025d4901b2aaa8147deaac3d60dc21787d8a Mon Sep 17 00:00:00 2001 From: Arthur Date: Mon, 18 Aug 2025 09:56:15 +0200 Subject: [PATCH 2/7] ux: restructure footer --- assets/css/utilities.css | 7 ++ hugo_stats.json | 10 ++- layouts/partials/footer.html | 132 ++++++++++++----------------------- 3 files changed, 60 insertions(+), 89 deletions(-) diff --git a/assets/css/utilities.css b/assets/css/utilities.css index d98821a4055e..41e6bf47d570 100644 --- a/assets/css/utilities.css +++ b/assets/css/utilities.css @@ -10,6 +10,13 @@ } } +@utility icon-md { + svg { + font-size: 24px; + } +} + + @utility icon-lg { svg { font-size: 32px; diff --git a/hugo_stats.json b/hugo_stats.json index a8bfbf7398f7..3ce6a841f3fd 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -344,9 +344,11 @@ "hover:text-blue", "hover:underline", "icon-lg", + "icon-md", "icon-sm", "icon-svg", "icon-svg-stroke", + "image-svg", "inline", "inline-block", "inline-flex", @@ -366,7 +368,6 @@ "left-0", "lg:block", "lg:flex", - "lg:flex-row", "lg:gap-4", "lg:gap-8", "lg:grid-cols-2", @@ -384,8 +385,13 @@ "max-h-full", "max-w-4xl", "max-w-56", + "max-w-840px", + "max-w-[1000px]", + "max-w-[1200px]", "max-w-[1920px]", "max-w-[840px]", + "max-w-[9000px]", + "max-w-[900px]", "max-w-full", "max-w-none", "max-w-xl", @@ -417,7 +423,6 @@ "min-w-0", "min-w-48", "min-w-52", - "min-w-fit", "ml-2", "ml-3", "ml-4", @@ -568,6 +573,7 @@ "underline-offset-2", "w-2", "w-5", + "w-6", "w-65", "w-8", "w-[1200px]", diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 825af7a8035d..10537fa48277 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,96 +1,54 @@ - -
-
-
- Product offerings - Pricing - About us +
+
+ + -
-
-

+

-
+ + Terms of Service + Status + Legal
-
+
\ No newline at end of file From 04431e0a0c50a674e410bab932f5745f52b5f6f0 Mon Sep 17 00:00:00 2001 From: Arthur Date: Mon, 18 Aug 2025 10:36:57 +0200 Subject: [PATCH 3/7] updates --- assets/css/global.css | 44 ++++++++++++++++++++++++++++++++++++ hugo_stats.json | 24 ++++++++++---------- layouts/partials/footer.html | 22 ++++++++---------- layouts/partials/header.html | 4 ++-- 4 files changed, 68 insertions(+), 26 deletions(-) diff --git a/assets/css/global.css b/assets/css/global.css index 1be4564ecf44..54a6caa6de1b 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -96,3 +96,47 @@ input[type="search"]::-ms-clear { code{ font-size:0.9em; } +#footer { + @apply flex bg-gray-100 px-0 py-6 dark:bg-gray-900 ; +} +#copyright { + font-size: 0.9em; + color: #78909C; + display: flex; + align-items: center; +} + +#copyright > * { + display: inline-flex; + width: max-content; + white-space: nowrap; +} + +#copyright > *:not(:last-child)::after { + content: "|"; + color: var(--color-gray-400); + @apply mx-1; +} + +#links{ + font-size: 1em; + color: var(--color-gray-600); + display: flex; + align-items: center; + gap: 0.5em; +} + +#links a { + text-underline-offset: 2px; + display: inline-flex; + width: max-content; + padding: 0; + margin: 0; +} +#links a:hover { + text-decoration: underline; +} + +#social { + @apply flex flex-row items-center gap-1; +} \ No newline at end of file diff --git a/hugo_stats.json b/hugo_stats.json index 3ce6a841f3fd..5a3417dd4948 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -242,7 +242,6 @@ "dark:border-gray-700", "dark:border-green-400", "dark:border-l-magenta-dark", - "dark:fill-blue-300", "dark:focus:ring-3-blue-dark", "dark:from-blue-300", "dark:hidden", @@ -275,11 +274,11 @@ "drop-shadow", "dropdown-base", "duration-300", - "fill-blue", "fixed", "flex", "flex-1", "flex-[2_2_0%]", + "flex-between", "flex-col", "flex-col-reverse", "flex-grow", @@ -344,11 +343,9 @@ "hover:text-blue", "hover:underline", "icon-lg", - "icon-md", "icon-sm", "icon-svg", "icon-svg-stroke", - "image-svg", "inline", "inline-block", "inline-flex", @@ -361,7 +358,8 @@ "justify-between", "justify-center", "justify-end", - "justify-evenly", + "justify-items-end", + "justify-items-start", "leading-none", "leading-snug", "leading-tight", @@ -381,17 +379,14 @@ "link", "lntable", "lntd", + "m-0", "macOS", "max-h-full", "max-w-4xl", "max-w-56", - "max-w-840px", - "max-w-[1000px]", "max-w-[1200px]", + "max-w-[1280px]", "max-w-[1920px]", - "max-w-[840px]", - "max-w-[9000px]", - "max-w-[900px]", "max-w-full", "max-w-none", "max-w-xl", @@ -435,6 +430,9 @@ "mt-8", "mt-[2px]", "mx-1", + "mx-10", + "mx-4", + "mx-6", "mx-auto", "my-0", "my-4", @@ -481,15 +479,16 @@ "pl-3", "pl-4", "pl-5", - "place-items-center", "pr-2", "prose", "pt-10", "pt-2", "pt-4", "px-1", + "px-10", "px-2", "px-4", + "px-5", "px-6", "py-0.5", "py-1", @@ -526,6 +525,8 @@ "sm:flex-row", "sm:hidden", "sm:items-center", + "space-x-1", + "space-x-2", "space-y-2", "space-y-4", "sticky", @@ -573,7 +574,6 @@ "underline-offset-2", "w-2", "w-5", - "w-6", "w-65", "w-8", "w-[1200px]", diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 10537fa48277..aa97d3a55303 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,33 +1,33 @@ -
-
-
+