[WIP] Add profile README and SVG intro banner

[Copilot]

• Explore repository structure and understand existing files
• Update bitmap_64x24.py with actual BITMAP data (extracted from docs/index.html)
• Create bitmap_to_svg.py utility script
• Generate images/intro_bitmap.svg from BITMAP
• Update profile/README.md per problem statement

Original prompt

Create a feature branch and open a pull request that adds the profile README and the SVG intro banner plus a small utility to (re)generate the SVG from the existing 64x24 BITMAP. The PR should target the main branch of the repository redsunjin/.github and include the following files (paths and exact contents). Use clear commit messages and a concise PR title and description explaining what changed and how to enable GitHub Pages.

Files to add/update in the PR:

1. profile/README.md

Content:

Hello — I'm redsunjin

Builder of retro tools and vector worlds.
Click the banner to open an interactive 80s-style intro with retro beeps.

Projects (in progress)

• atlas-engine — Procedural map engine (WIP)
• retro-ui — Terminal retro UI POC
• docs-hub — Central docs aggregator

(Secret hints available in the intro — look for repositories starting with atlas-.)

2. bitmap_to_svg.py

Content:
#!/usr/bin/env python3
"""
Generate an SVG image from bitmap_64x24.BITMAP
Usage: python bitmap_to_svg.py
Outputs: images/intro_bitmap.svg
"""
import os
from bitmap_64x24 import BITMAP

OUT_DIR = "images"
OUT_FILE = os.path.join(OUT_DIR, "intro_bitmap.svg")
SCALE = 8 # pixels per bitmap cell
W = len(BITMAP[0])
H = len(BITMAP)

def make_svg(bitmap, scale=SCALE, out_path=OUT_FILE):
width = W * scale
height = H * scale
os.makedirs(os.path.dirname(out_path), exist_ok=True)
with open(out_path, "w", encoding="utf-8") as f:
f.write(f'\n')
f.write(f'\n')
# background (black)
f.write(f' \n')
# draw white pixels
f.write(' \n')
for y, row in enumerate(bitmap):
for x, ch in enumerate(row):
if ch == "1":
rx = x * scale
ry = y * scale
f.write(f' \n')
f.write(' \n')
f.write('\n')
print(f"Saved {out_path} ({width}x{height})")

if name == "main":
make_svg(BITMAP)

3. images/intro_bitmap.svg

Generate the SVG from the BITMAP below (this PR should add the generated SVG file so profile README can show the banner immediately). Use SCALE=8; the SVG content should be exact rectangles for each '1' in the BITMAP. Below is the SVG content generated from the current BITMAP in bitmap_64x24.py (64x24 scaled by 8 => width 512, height 192):

This pull request was created from Copilot chat.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.