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:
Executable
+37
@@ -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}'
|
||||
Reference in New Issue
Block a user