From f6f9a4f718d10f8d593073bde7bb08f1af60cb46 Mon Sep 17 00:00:00 2001 From: Kiro Agent <244629292+kiro-agent@users.noreply.github.com> Date: Fri, 22 May 2026 10:02:45 +0000 Subject: [PATCH 1/4] feat(branding): refresh README banner with modern dashboard aesthetic MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Banner sekarang match dengan desain dashboard baru: Visual changes: - Background ganti ke #0a0e1a dengan grid pattern subtle (sama seperti dashboard) plus ambient glow cyan + violet di kiri/kanan - Bot icon: rounded square frame dengan brand gradient + Lucide-style bot icon line art (sama seperti header dashboard di /admin) - Wordmark split: 'bot' putih-slate gradient + 'not' cyan-violet gradient (sama dengan header dashboard 'bot' + 'not' split) - Eyebrow tag dengan animated cyan dot — 'Auto-order · QRIS · ID' - Tagline lebih ringkas: 'Telegram + Discord bot — pelanggan scan QR, produk auto-deliver.' - 5 feature pills dengan icon mini Lucide-style: - Telegram (cyan) - Discord (violet) - KlikQRIS (emerald, QR icon) - Auto-deliver (amber, lightning) - Dashboard (pink, bar chart) - Dekorasi sparkles random di sudut-sudut Technical: - Inter font family (sama dengan UI) - Width 1280, tinggi 360 (sebelumnya 320, +40px untuk akomodasi pills) - Border 1px white/6 untuk subtle frame - Halo glow di belakang icon untuk depth --- assets/logo.svg | 225 ++++++++++++++++++++++++++++++++++++------------ 1 file changed, 169 insertions(+), 56 deletions(-) diff --git a/assets/logo.svg b/assets/logo.svg index 34c89b0..b89f74e 100644 --- a/assets/logo.svg +++ b/assets/logo.svg @@ -1,80 +1,193 @@ - + - - - + + + + - + + + + + + + - - + + + + + + + + + + + + + + + - - + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - + + + + + + + + + + + + + + + - - - botnot - Auto-order Telegram & Discord bot — powered by KlikQRIS + + + + + + + + + Auto-order · QRIS · ID + + + + + + botnot + + + + + + + Telegram + Discord bot — pelanggan scan QR, produk auto-deliver. + + + + + + + + + + + + + Telegram + - - - - - TypeScript + + + + + + + + + + Discord - - - Prisma + + + + + + + + + + + + + + + KlikQRIS - - - QRIS + + + + + + + + Auto-deliver - - - Fastify + + + + + + + + + + + + Dashboard + + + + + + + + + + + + + + From a44d8649d336215dfd94b674516d9d606a5e1278 Mon Sep 17 00:00:00 2001 From: Kiro Agent <244629292+kiro-agent@users.noreply.github.com> Date: Fri, 22 May 2026 10:15:12 +0000 Subject: [PATCH 2/4] fix(banner): replace HTML entities with Unicode literals + drop animate MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit GitHub renders SVG via tag using strict XML parsing. HTML entities like · and — are not valid in SVG XML (only &, <, >, ", ' are predefined) and triggered 'Error rendering embedded code: Invalid image source.' on GitHub. Fixes: - Replace · with literal · (U+00B7) - Replace — with literal — (U+2014) - Replace & in aria-label with 'and' (some sanitizers strip it) - Remove on the eyebrow dot — GitHub rendering strips animation anyway and an empty self-closing element is cleaner Validated with python xml.etree.ElementTree — parses as valid XML. --- assets/logo.svg | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/assets/logo.svg b/assets/logo.svg index b89f74e..af2ae06 100644 --- a/assets/logo.svg +++ b/assets/logo.svg @@ -1,4 +1,4 @@ - + @@ -93,10 +93,8 @@ - - - - Auto-order · QRIS · ID + + Auto-order · QRIS · ID @@ -109,7 +107,7 @@ - Telegram + Discord bot — pelanggan scan QR, produk auto-deliver. + Telegram + Discord bot — pelanggan scan QR, produk auto-deliver. From edecece8642ceb315dd7d631823c2c9ddc4fcf0e Mon Sep 17 00:00:00 2001 From: Kiro Agent <244629292+kiro-agent@users.noreply.github.com> Date: Fri, 22 May 2026 10:20:08 +0000 Subject: [PATCH 3/4] fix(banner): drastically simplify SVG for GitHub camo compatibility Previous version still didn't render even after removing HTML entities. Likely culprit: GitHub's camo image proxy strips or breaks complex SVG features when serving via img tag. Removed potentially problematic features: - filter with feGaussianBlur (replaced with stacked rects + opacity) - pattern grid background (just solid gradient now) - radialGradient (replaced with simple ellipse + opacity) - Custom Inter font reference (system-ui fallback chain only) Replaced HTML entities with numeric XML entities: - middot -> #183 - mdash -> #8212 (numeric entities are universally valid in XML) Also simplified pill icons (text-only with consistent padding) to keep file under 4KB and reduce parsing risk. File now: ~3KB, 50 elements, no filters/patterns/scripts. Validated as valid XML. --- assets/logo.svg | 195 ++++++++++++++---------------------------------- 1 file changed, 57 insertions(+), 138 deletions(-) diff --git a/assets/logo.svg b/assets/logo.svg index af2ae06..1cb0875 100644 --- a/assets/logo.svg +++ b/assets/logo.svg @@ -1,191 +1,110 @@ - + - - - + + - - - - - - - - - + + + - - - - + + - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - + - - - - + + + - - + + - + - - + + + - - + + - + - - - - - + - + - + - Auto-order · QRIS · ID + Auto-order · QRIS · ID - - - - botnot - - + + + botnot + - - - Telegram + Discord bot — pelanggan scan QR, produk auto-deliver. - - + Telegram + Discord bot — scan QR, produk auto-deliver. - - - + + + - - - - - - Telegram + + Telegram - - - - - - - - - - - Discord + + + + Discord - - - - - - - - - - - - - - - KlikQRIS + + + + KlikQRIS - - - - - - - - Auto-deliver + + + + Auto-deliver - - - - - - - - - - - - Dashboard + + + + Dashboard - - + + - - - + - - + From e9b3d24909eac163a204419d0a14f048faa1d63e Mon Sep 17 00:00:00 2001 From: Kiro Agent <244629292+kiro-agent@users.noreply.github.com> Date: Fri, 22 May 2026 10:28:18 +0000 Subject: [PATCH 4/4] fix(banner): mirror original SVG structure exactly + add banner.svg The original logo.svg (rendered fine) used a specific structure that I deviated from. This restores the exact same structural pattern (linearGradient + pattern + filter, mascot bot icon, wordmark, chips) that GitHub camo proxy is proven to handle, just with updated content: Visual changes vs the prior original: - Background gradient: 0b1020 to 1a1438 -> 0a0e1a to 15192e (matches new dashboard background) - Wordmark split: 'bot' in white-slate gradient + 'not' in cyan-violet (consistent with dashboard header that uses same split) - Tagline updated: 'Telegram & Discord auto-order bot - pelanggan scan QR, produk auto-deliver.' - Chip labels changed from tech stack (TypeScript/Prisma/QRIS/Fastify) to features (Telegram/Discord/KlikQRIS/Auto-deliver/Dashboard) - 5 chips instead of 4 Cache busting: - Also save as assets/banner.svg (new filename) - Update README to use banner.svg instead of logo.svg - This forces GitHub camo to fetch fresh content (any cached broken version of /assets/logo.svg won't be hit) - Old logo.svg also updated for consistency (kept for backward compat) Validated: 56 elements, 4.1KB, valid XML. --- README.md | 2 +- assets/banner.svg | 88 +++++++++++++++++++++++++++ assets/logo.svg | 150 ++++++++++++++++++++-------------------------- 3 files changed, 153 insertions(+), 87 deletions(-) create mode 100644 assets/banner.svg diff --git a/README.md b/README.md index 15e1279..4bef073 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@

- botnot + botnot

diff --git a/assets/banner.svg b/assets/banner.svg new file mode 100644 index 0000000..64c0ff7 --- /dev/null +++ b/assets/banner.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + botnot + Telegram & Discord auto-order bot — pelanggan scan QR, produk auto-deliver. + + + + + + Telegram + + + + Discord + + + + KlikQRIS + + + + Auto-deliver + + + + Dashboard + + + + diff --git a/assets/logo.svg b/assets/logo.svg index 1cb0875..64c0ff7 100644 --- a/assets/logo.svg +++ b/assets/logo.svg @@ -1,110 +1,88 @@ - + - - - + + + - - - + + + - - - - - - + + + + + + + + + + + + - - - - - - - - + + - - - - - + + + + + - - + + - - - - - - - - - - - - + + + + + - - - - - - - Auto-order · QRIS · ID + + + + + + + - - - botnot - + + + - - Telegram + Discord bot — scan QR, produk auto-deliver. + + + botnot + Telegram & Discord auto-order bot — pelanggan scan QR, produk auto-deliver. - - - - - - Telegram + + + + + Telegram - - - - Discord + + + Discord - - - - KlikQRIS + + + KlikQRIS - - - - Auto-deliver + + + Auto-deliver - - - - Dashboard + + + Dashboard - - - - - - - - - - -