From a9aa49c96b7579cf739b591b7146162e27f9cf40 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nikola=20=C4=8Cech?= Date: Fri, 17 Jul 2026 18:16:20 +0200 Subject: [PATCH] WEB-4512 Footer AI provider links The footer banner adds icon links that open ChatGPT, Claude, Gemini, Grok, or Perplexity prefilled with a GoodData overview prompt, plus layout and a11y tweaks: logo/subtitle wrap, subscribe-action sublinks filtered out, aria-labels on icon-only social buttons. The learn-assets Footer.css the theme loads is older than the live site's footer styles, so local overrides bring visuals in line with www.gooddata.ai: 48px icon buttons in a 12px-gap left-aligned row, live text rhythm for the subtitle, and a full-width banner item with 80px vertical padding. --- assets/icons/chatgpt.svg | 1 + assets/icons/claude.svg | 1 + assets/icons/gemini.svg | 1 + assets/icons/grok.svg | 1 + assets/icons/perplexity.svg | 1 + assets/scss/_styles_project.scss | 35 +++++++++++++++++++ layouts/partials/footer.html | 60 ++++++++++++++++++++++---------- 7 files changed, 82 insertions(+), 18 deletions(-) create mode 100644 assets/icons/chatgpt.svg create mode 100644 assets/icons/claude.svg create mode 100644 assets/icons/gemini.svg create mode 100644 assets/icons/grok.svg create mode 100644 assets/icons/perplexity.svg diff --git a/assets/icons/chatgpt.svg b/assets/icons/chatgpt.svg new file mode 100644 index 0000000..5234b97 --- /dev/null +++ b/assets/icons/chatgpt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/claude.svg b/assets/icons/claude.svg new file mode 100644 index 0000000..d8d68ea --- /dev/null +++ b/assets/icons/claude.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/gemini.svg b/assets/icons/gemini.svg new file mode 100644 index 0000000..6ad3f66 --- /dev/null +++ b/assets/icons/gemini.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/grok.svg b/assets/icons/grok.svg new file mode 100644 index 0000000..2d9a2c2 --- /dev/null +++ b/assets/icons/grok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/perplexity.svg b/assets/icons/perplexity.svg new file mode 100644 index 0000000..35c15d6 --- /dev/null +++ b/assets/icons/perplexity.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 76b0e88..85ec40c 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -47,4 +47,39 @@ &-buttons svg { vertical-align: top; } + + // Match the live www.gooddata.ai footer; selectors must outrank + // learn-assets Footer.css, which loads after the theme stylesheet. + .gd-footer-buttons { + gap: 12px; + } + + .gd-footer-buttons-item { + margin: 0; + } + + .gd-footer-buttons-item-icon-button { + width: 48px; + height: 48px; + } + + @media only screen and (min-width: 993px) { + .gd-footer-banner-links .gd-footer-banner-links-item { + padding: 80px 40px; + margin: 0; + max-width: none; + } + } + + .gd-footer-banner-links-item-wrap { + p { + margin: 32px 0 24px; + line-height: 24px; + } + + .gd-footer-buttons { + justify-content: flex-start; + padding: 0; + } + } } diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 1402076..deb34ce 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -2,27 +2,33 @@ {{ $footer := getJSON "https://www.gooddata.ai/learn-assets/js/footer-definition-new.json" }} {{ if not .Site.Params.whitelabeled }} -