From bd67b3f82e7bfb4aa2d8f7717273b06d1b62e412 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sat, 17 May 2025 14:16:02 +0200
Subject: [PATCH] feat: Add social media links and GitHub edit link in
 documentation layout

---
 shared/data/site.json              |  5 +++--
 shared/e11ty/filters.mjs           |  2 ++
 shared/includes/cards/sponsor.html |  2 +-
 shared/includes/docs/navbar.html   |  2 +-
 shared/layouts/docs/default.html   | 24 ++++++++++++++++++++++++
 5 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/shared/data/site.json b/shared/data/site.json
index 4f58bb0c9..7743586df 100644
--- a/shared/data/site.json
+++ b/shared/data/site.json
@@ -7,10 +7,11 @@
   "homepage": "https://tabler.io",
   "githubUrl": "https://github.com/tabler/tabler",
   "githubSponsorsUrl": "https://github.com/sponsors/codecalm",
+  "xUrl": "https://x.com/tabler_io",
+  "linkedinUrl": "https://www.linkedin.com/company/tabler-io",
   "changelogUrl": "https://github.com/tabler/tabler/releases",
-  "sponsorUrl": "https://github.com/sponsors/codecalm",
   "previewUrl": "https://preview.tabler.io",
-  "docsUrl": "https://tabler.io/docs",
+  "docsUrl": "https://docs.tabler.io",
   "mapboxKey": "pk.eyJ1IjoidGFibGVyIiwiYSI6ImNscHh3dnhndjB2M3QycW85bGd0NXRmZ3YifQ.9LfHPsNoEXQH-xzz-81Ffw",
   "googleMapsKey": "AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI",
   "googleMapsDevKey": "AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw",
diff --git a/shared/e11ty/filters.mjs b/shared/e11ty/filters.mjs
index d9a74806b..6f9c71545 100644
--- a/shared/e11ty/filters.mjs
+++ b/shared/e11ty/filters.mjs
@@ -269,4 +269,6 @@ export function appFilters(eleventyConfig) {
 
 		return '';
 	})
+
+	eleventyConfig.addShortcode("year", () => `${new Date().getFullYear()}`);
 }
diff --git a/shared/includes/cards/sponsor.html b/shared/includes/cards/sponsor.html
index 299e3aa1a..0a2f4e979 100644
--- a/shared/includes/cards/sponsor.html
+++ b/shared/includes/cards/sponsor.html
@@ -1,4 +1,4 @@
-<a href="{{ site.sponsorUrl }}" class="card border-primary" target="_blank" rel="noopener" aria-label="Sponsor Tabler!" style="background: color-mix(in srgb, var(--tblr-primary) 4%, var(--tblr-bg-surface))">
+<a href="{{ site.githubSponsorsUrl }}" class="card border-primary" target="_blank" rel="noopener" aria-label="Sponsor Tabler!" style="background: color-mix(in srgb, var(--tblr-primary) 4%, var(--tblr-bg-surface))">
 	<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 480 373" class="position-absolute top-0 right-0 bottom-0 left-0 w-100 h-100">
 		<path fill="var(--tblr-primary)" opacity=".3" d="M361.2 6.6a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm13.8 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2ZM361.2 21a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm13.8 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm-112 13.4a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm13.8 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2ZM165.6 6.6a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm13.8 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2ZM165.6 21a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm13.8 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2ZM165.6 34.4a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm13.8 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Zm14.1 0a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Z"/>
 		<path stroke="var(--tblr-primary)" opacity=".3" stroke-miterlimit="10" stroke-width="2" d="M37 42c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10Z"/>
diff --git a/shared/includes/docs/navbar.html b/shared/includes/docs/navbar.html
index 2dbf9f150..a690bba84 100644
--- a/shared/includes/docs/navbar.html
+++ b/shared/includes/docs/navbar.html
@@ -7,7 +7,7 @@
 						{% include "docs/logo.html" %}
 					</a>
 					<div>
-						v{{ package.version }}
+						<span class="badge">v{{ package.version }}</span>
 					</div>
 				</div>
 			</div>
diff --git a/shared/layouts/docs/default.html b/shared/layouts/docs/default.html
index 240648c7f..20efb8a47 100644
--- a/shared/layouts/docs/default.html
+++ b/shared/layouts/docs/default.html
@@ -153,6 +153,30 @@
 										</ul>
 									</div>
 								{% endif %}
+
+								<div>
+									<a href="{{ site.githubUrl }}/tree/dev/docs/{{ page.inputPath }}" class="link-primary" target="_blank">{% include "ui/icon.html" icon="edit" class="icon-inline" %} Edit this page on GitHub</a>
+								</div>
+
+								<div class="mt-5">
+									<div class="row">
+										<div class="col text-secondary">
+											© {% year %} Tabler. All rights reserved.
+										</div>
+									
+										<div class="col text-end">
+											<a href="{{ site.githubUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
+												icon="brand-github"
+												%}</a>
+											<a href="{{ site.githubSponsorsUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
+												icon="heart"
+												%}</a>
+											<a href="{{ site.xUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html" icon="brand-x" %}</a>
+											<a href="{{ site.linkedinUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
+												icon="brand-linkedin" %}</a>
+										</div>
+									</div>
+								</div>
 							</div>
 						</div>
 					</div>