Give the menu entry our own logo

The entry borrowed the Ports icon, because that was the only way for a
custom ES system to have any artwork at all: EmulationStation resolves a
system's carousel logo through the theme, and there is no user-level
override. Engine 4.2 installs a logo into the themes instead, so this store
ships one — the TTG mark from media/TTG-Logo.png, keyed out of its
background and cropped, plus a vector "TTG" for the themes that only look
for an SVG.

The theme folder now defaults to the store id rather than `ports`, so the
file is ours and no theme's own artwork is overwritten.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

config.json

@@ -17,8 +17,11 @@
   "emulationstation": {
     "menu": {
       "mode": "system",
-      "theme": "ports",
+      "updater": true,
-      "updater": true
+      "logo": [
+        "https://git.teletypegames.org/stores/ttg-batocera-store/raw/branch/master/logo.png",
+        "https://git.teletypegames.org/stores/ttg-batocera-store/raw/branch/master/logo.svg"
+      ]
     },
     "restart": true
   },

logo.svg

@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="108" viewBox="0 0 300 108">
+<title>Teletype Games</title>
+<rect x="0" y="0" width="84" height="12" fill="#3fd30a"/>
+<rect x="108" y="0" width="84" height="12" fill="#3fd30a"/>
+<rect x="228" y="0" width="60" height="12" fill="#3fd30a"/>
+<rect x="0" y="12" width="84" height="12" fill="#3fd30a"/>
+<rect x="108" y="12" width="84" height="12" fill="#3fd30a"/>
+<rect x="216" y="12" width="24" height="12" fill="#3fd30a"/>
+<rect x="276" y="12" width="24" height="12" fill="#3fd30a"/>
+<rect x="24" y="24" width="36" height="12" fill="#3fd30a"/>
+<rect x="132" y="24" width="36" height="12" fill="#3fd30a"/>
+<rect x="216" y="24" width="24" height="12" fill="#3fd30a"/>
+<rect x="24" y="36" width="36" height="12" fill="#3fd30a"/>
+<rect x="132" y="36" width="36" height="12" fill="#3fd30a"/>
+<rect x="216" y="36" width="24" height="12" fill="#3fd30a"/>
+<rect x="24" y="48" width="36" height="12" fill="#3fd30a"/>
+<rect x="132" y="48" width="36" height="12" fill="#3fd30a"/>
+<rect x="216" y="48" width="24" height="12" fill="#3fd30a"/>
+<rect x="264" y="48" width="36" height="12" fill="#3fd30a"/>
+<rect x="24" y="60" width="36" height="12" fill="#fefefe"/>
+<rect x="132" y="60" width="36" height="12" fill="#fefefe"/>
+<rect x="216" y="60" width="24" height="12" fill="#fefefe"/>
+<rect x="276" y="60" width="24" height="12" fill="#fefefe"/>
+<rect x="24" y="72" width="36" height="12" fill="#fefefe"/>
+<rect x="132" y="72" width="36" height="12" fill="#fefefe"/>
+<rect x="216" y="72" width="24" height="12" fill="#fefefe"/>
+<rect x="276" y="72" width="24" height="12" fill="#fefefe"/>
+<rect x="24" y="84" width="36" height="12" fill="#fefefe"/>
+<rect x="132" y="84" width="36" height="12" fill="#fefefe"/>
+<rect x="216" y="84" width="24" height="12" fill="#fefefe"/>
+<rect x="276" y="84" width="24" height="12" fill="#fefefe"/>
+<rect x="24" y="96" width="36" height="12" fill="#fefefe"/>
+<rect x="132" y="96" width="36" height="12" fill="#fefefe"/>
+<rect x="228" y="96" width="60" height="12" fill="#fefefe"/>
+</svg>