feat(arayüz): logo ve uygulama ikonları

- Logo: indigo zemin, spiral defter ve ¥ (frontend/brand/*.svg)
- scripts/icons.sh (npm run icons): favicon (svg/ico), PWA 192/512, maskable, Apple touch icon, Tauri 1024
- Logo bileşeni (components/logo.tsx)
- index.html: ikon bağlantıları, theme-color, açıklama

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-11-12 00:30:39 +03:00
parent 440523b176
commit f9be08114d
18 changed files with 194 additions and 5 deletions
View File
+37
View File
@@ -0,0 +1,37 @@
#!/usr/bin/env bash
# Logo kaynaklarından (frontend/brand/*.svg) tüm ikonları üretir.
# Gerekenler: rsvg-convert (librsvg), magick (ImageMagick)
# Arch/CachyOS: sudo pacman -S librsvg imagemagick
# Kullanım: npm run icons
set -euo pipefail
cd "$(dirname "$0")/.."
BRAND=frontend/brand
OUT=frontend/public
for tool in rsvg-convert magick; do
command -v "$tool" >/dev/null || { echo "Eksik araç: $tool"; exit 1; }
done
png() { rsvg-convert -w "$2" -h "$2" "$BRAND/$1" -o "$3"; }
# Tarayıcı sekmesi
cp "$BRAND/logo.svg" "$OUT/favicon.svg"
tmp=$(mktemp -d)
for s in 16 32 48; do png logo.svg $s "$tmp/$s.png"; done
magick "$tmp/16.png" "$tmp/32.png" "$tmp/48.png" "$OUT/favicon.ico"
rm -rf "$tmp"
# PWA (Faz 10'da manifest'e bağlanacak)
png logo.svg 192 "$OUT/icon-192.png"
png logo.svg 512 "$OUT/icon-512.png"
png logo-fullbleed.svg 512 "$OUT/icon-maskable-512.png"
# iOS ana ekran (iOS köşeleri kendisi yuvarlar → köşesiz sürüm)
png logo-fullbleed.svg 180 "$OUT/apple-touch-icon.png"
# Tauri (Faz 11: `npx tauri icon frontend/brand/icon-1024.png`)
png logo.svg 1024 "$BRAND/icon-1024.png"
echo "İkonlar üretildi:"
ls -la "$OUT"/favicon.* "$OUT"/icon-*.png "$OUT"/apple-touch-icon.png "$BRAND"/icon-1024.png | awk '{print " " $5 "\t" $9}'