diff --git a/assets/beep.css b/assets/beep.css index 34d1a91..320d694 100755 --- a/assets/beep.css +++ b/assets/beep.css @@ -1062,18 +1062,17 @@ gap: 8px; margin-top: 4px; } -/* Brand wordmark (inline SVG, inherits colour via currentColor) */ +/* Brand wordmark (inline SVG recreation of the 3D "Beep!" logo) */ .beep-embed .beep-post-wordmark { - color: var(--beep-accent); - opacity: 0.55; + opacity: 0.85; flex: 0 0 auto; - height: 16px; + height: 18px; width: auto; transition: opacity 0.15s ease; user-select: none; } .beep-embed .beep-bottom-bar-reply .beep-post-wordmark { - height: 13px; + height: 15px; } .beep-embed .beep-post:hover .beep-post-wordmark, .beep-embed .beep-reply:hover .beep-post-wordmark { diff --git a/beep.php b/beep.php index 7b76062..ee08778 100755 --- a/beep.php +++ b/beep.php @@ -2,7 +2,7 @@ /** * Plugin Name: Beep * Description: A Twitter-style microblog for WordPress, with likes, replies, and Gravatars. Use the [beep_feed] shortcode on any page. - * Version: 1.7.1 + * Version: 1.7.2 * Requires at least: 6.0 * Requires PHP: 7.4 * Author: Sami Ahmed @@ -14,7 +14,7 @@ if (!defined('ABSPATH')) { exit; } -define('BEEP_VERSION', '1.7.1'); +define('BEEP_VERSION', '1.7.2'); define('BEEP_FILE', __FILE__); define('BEEP_DIR', plugin_dir_path(__FILE__)); define('BEEP_URL', plugin_dir_url(__FILE__)); diff --git a/includes/helpers.php b/includes/helpers.php index 5f514ef..00289db 100755 --- a/includes/helpers.php +++ b/includes/helpers.php @@ -55,21 +55,35 @@ function beep_logo_svg() { } /** - * Small "Beep!" brand wordmark shown at the bottom-right of every beep and reply. + * The "Beep!" brand wordmark shown at the bottom-right of every beep and reply. * - * Rendered as crisp inline SVG so it stays sharp at any size and inherits its - * colour from CSS (currentColor). The bundled beep-wordmark.png assets are - * corrupted, so we draw the wordmark as vector text instead. To use a real - * image once you have a clean asset, hook the `beep_post_wordmark` filter: + * Rendered as a crisp inline SVG recreation of the 3D extruded brand logo — + * a blue-violet face with a darker-blue depth and navy outline. Stays sharp at + * any size and ships as ~1KB of markup (no image request). The bundled + * beep-wordmark.png assets are corrupted, which is why we draw it as vector. + * To swap in a real image once you have a clean asset, hook the filter: * add_filter('beep_post_wordmark', fn() => ''); */ function beep_post_wordmark() { - $svg = '' - . 'Beep!' - . ''; + // Build the 3D extrusion: stacked copies offset down-left, deepest first. + $depth = 7; + $extrude = ''; + for ( $i = $depth; $i >= 1; $i-- ) { + $x = 9 - $i; + $y = 49 + $i; + $extrude .= 'Beep!'; + } + + $svg = '' + . '' + . $extrude + // Front face: blue-violet fill with a navy outline drawn behind it. + . 'Beep!' + . ''; + return apply_filters('beep_post_wordmark', $svg); } diff --git a/readme.txt b/readme.txt index 94bcbac..1ffd384 100755 --- a/readme.txt +++ b/readme.txt @@ -4,7 +4,7 @@ Tags: microblog, twitter, tweets, social, comments, polls, elementor Requires at least: 6.0 Tested up to: 6.9 Requires PHP: 7.4 -Stable tag: 1.7.1 +Stable tag: 1.7.2 License: GPLv2 or later A Twitter-style microblog for WordPress. Posts, likes, replies, polls, quotes, GIFs, and Gravatars. Use [beep_feed] shortcode or Elementor widget. @@ -40,6 +40,10 @@ Features: == Changelog == += 1.7.2 = +* Beep wordmark on every beep + reply is now the 3D extruded brand logo (blue-violet face, navy outline, blue depth) instead of flat text, drawn as a sharp ~1KB inline SVG. +* Bumped the wordmark size and opacity so the logo reads clearly on the dark theme. + = 1.7.1 = * Beep wordmark now shown bottom-right of every beep AND reply, with the delete button furthest right. * Wordmark rendered as crisp inline SVG (readable on the dark theme); removed a duplicate wordmark.