From bd45b5c47d4bd1ef9ae95f2bc72f81451c5c9a68 Mon Sep 17 00:00:00 2001
From: Forkless <devs@forkless.com>
Date: Tue, 12 May 2026 00:43:23 +0200
Subject: [PATCH] feat(about): add SVG icons before GitHub and Buy Me a Coffee
 links

---
 Makefile                    |  1 +
 assets/css/admin.css        | 12 ++++++++++++
 includes/class-settings.php | 10 ++++++++--
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/Makefile b/Makefile
index bba40e6..c1e394d 100644
--- a/Makefile
+++ b/Makefile
@@ -85,5 +85,6 @@ help:
 	@echo "  make check-translations   Validate translation integrity & lock state"
 	@echo "  make json2po             Convert all locale JSON files → .po files"
 	@echo "  make build               Create distribution ZIP via build.sh"
+	@echo "  make release             Build, tag, push, and upload a GitHub release"
 	@echo "  make clean               Remove build artifacts"
 	@echo ""
diff --git a/assets/css/admin.css b/assets/css/admin.css
index a6804c8..082f9f1 100644
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@@ -236,6 +236,18 @@
 	color: #757575;
 }
 
+.piperless-about-link {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+}
+
+.piperless-about-link-icon {
+	width: 18px;
+	height: 18px;
+	flex-shrink: 0;
+}
+
 /* Cache browser badges */
 .piperless-cache-badge {
 	display: inline-block;
diff --git a/includes/class-settings.php b/includes/class-settings.php
index 4bc0532..6166d9e 100644
--- a/includes/class-settings.php
+++ b/includes/class-settings.php
@@ -634,10 +634,16 @@ class Settings {
 						<?php esc_html_e( 'Piperless turns your WordPress posts into audio transcripts. Developed by Forkless, it makes your content accessible, engaging, and easy to listen to. Quick setup, high-quality speech, and seamless integration.', 'piperless' ); ?>
 					</p>
 					<p>
-						<a href="https://github.com/forkless/Piperless" target="_blank"><?php esc_html_e( 'GitHub Repository', 'piperless' ); ?></a>
+						<a href="https://github.com/forkless/Piperless" target="_blank" class="piperless-about-link">
+						<img src="<?php echo esc_url( PIPERLESS_PLUGIN_URL . 'assets/svg/github.svg' ); ?>" class="piperless-about-link-icon" alt="" aria-hidden="true" width="18" height="18">
+						<?php esc_html_e( 'GitHub Repository', 'piperless' ); ?>
+					</a>
 					</p>
 					<p>
-						<a href="https://buymeacoffee.com/forkless" target="_blank"><?php esc_html_e( 'Buy me a coffee', 'piperless' ); ?></a>
+						<a href="https://buymeacoffee.com/forkless" target="_blank" class="piperless-about-link">
+						<img src="<?php echo esc_url( PIPERLESS_PLUGIN_URL . 'assets/svg/coffee.svg' ); ?>" class="piperless-about-link-icon" alt="" aria-hidden="true" width="18" height="18">
+						<?php esc_html_e( 'Buy me a coffee', 'piperless' ); ?>
+					</a>
 					</p>
 					<p class="piperless-about-contact">
 						<?php esc_html_e( 'Questions? Contact the developers at', 'piperless' ); ?>