From 3949adff52a0eed0a3051ff992f4a7c7e30a3ba5 Mon Sep 17 00:00:00 2001 From: Andres Gonzalez Date: Thu, 8 Oct 2026 08:36:52 +0200 Subject: [PATCH] :lipstick: Align the Help Center footer with penpot.app The footer had a hardcoded 2025 copyright and links that no longer match penpot.app. The year is now set at build time. Sections, links and social icons follow the current penpot.app footer, and the grid wraps into two rows to fit the new sections. Closes #12132 AI-assisted-by: claude-opus-5-5 --- docs/_includes/layouts/base.njk | 70 +++++++++++++++++++++++-------- docs/css/index.css | 21 +++++++++- docs/eleventy.config.mjs | 3 ++ docs/img/bluesky.svg | 1 + docs/img/digital-public-good.png | Bin 0 -> 5645 bytes docs/img/peertube.svg | 1 + 6 files changed, 78 insertions(+), 18 deletions(-) create mode 100644 docs/img/bluesky.svg create mode 100644 docs/img/digital-public-good.png create mode 100644 docs/img/peertube.svg diff --git a/docs/_includes/layouts/base.njk b/docs/_includes/layouts/base.njk index 97fc32e20b..4dd96f547c 100644 --- a/docs/_includes/layouts/base.njk +++ b/docs/_includes/layouts/base.njk @@ -89,39 +89,72 @@ + + +
-
Kaleidos © 2025 | Made with LOVE and Open Source
+
Kaleidos © {% year %} | Made with LOVE and Open Source
@@ -137,11 +170,14 @@
  • GitHub
  • Mastodon
    • -
  • YouTube
    • +
  • Bluesky
    • +
  • YouTube
    • +
  • PeerTube
  • Reddit
    • -
  • X
    • -
  • Instagram
    • -
  • Linkedin
    • +
  • X
    • +
  • Instagram
    • +
  • LinkedIn
    • +
  • Digital Public Good
diff --git a/docs/css/index.css b/docs/css/index.css index 9737456609..00580e7ba8 100644 --- a/docs/css/index.css +++ b/docs/css/index.css @@ -393,9 +393,13 @@ footer { .footer-inside { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr; + column-gap: 1.5rem; max-width: 1400px; width: 100%; } +.footer-inside .footer-logo { + grid-row: span 2; +} .footer-inside .main-logo { margin-right: auto; } @@ -465,6 +469,9 @@ footer { .footer-icon-list a img:hover { fill: var(--graylight); } +.footer-icon-list .footer-dpg a img { + width: auto; +} .github-widget { height: 28px; display: grid; @@ -1172,7 +1179,19 @@ table tr:nth-child(odd) { transform: rotate(180deg); } .footer-inside { - flex-direction: column; + grid-template-columns: 1fr 1fr; + } + .footer-inside .footer-logo { + grid-column: 1 / -1; + grid-row: auto; + } + .footer-bottom { + grid-template-columns: 1fr; + gap: 1.5rem; + } + .footer-icon-list { + flex-wrap: wrap; + height: auto; } :target[id]::before { display: inline; diff --git a/docs/eleventy.config.mjs b/docs/eleventy.config.mjs index 3ee085e48f..9fbd46fe7e 100644 --- a/docs/eleventy.config.mjs +++ b/docs/eleventy.config.mjs @@ -56,6 +56,9 @@ export default function (eleventyConfig) { return Math.min.apply(null, numbers); }); + // Current year, resolved at build time. + eleventyConfig.addShortcode("year", () => `${new Date().getFullYear()}`); + eleventyConfig.addPassthroughCopy("img"); eleventyConfig.addPassthroughCopy("css"); eleventyConfig.addPassthroughCopy("js"); diff --git a/docs/img/bluesky.svg b/docs/img/bluesky.svg new file mode 100644 index 0000000000..a5c8ffe59e --- /dev/null +++ b/docs/img/bluesky.svg @@ -0,0 +1 @@ + diff --git a/docs/img/digital-public-good.png b/docs/img/digital-public-good.png new file mode 100644 index 0000000000000000000000000000000000000000..0f5df23ae829e32e0db31c8945252134e9c8a6a5 GIT binary patch literal 5645 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