feat(about): add SVG icons before GitHub and Buy Me a Coffee links

This commit is contained in:
Forkless
2026-05-12 00:43:23 +02:00
parent bf57b04ccb
commit bd45b5c47d
3 changed files with 21 additions and 2 deletions
+1
View File
@@ -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 ""
+12
View File
@@ -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;
+8 -2
View File
@@ -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' ); ?>