miabeyefendi.github.io

Personal site, served by GitHub Pages: miabeyefendi.github.io

One page, no build step. Plain HTML, CSS and JavaScript. Dark film strip theme: sprocket holes from a single SVG tile, amber accents, mono edge markings.

What is on it

• Hero: name, one line, a stats strip (project and star counts are live).
• Projects: pulled from the GitHub API on page load, sorted by stars, first eight shown. Forks, archived repositories, the profile README and this site are left out. data/repos.json is a checked-in copy of the same response and is used when the API is unreachable or rate limited.
• About: bio, a photo, a facts card and the LinkedIn profile badge.
• Streams: Twitch, Kick, YouTube and the Discord server. The status line reads the public Kick channel endpoint: the live title when on air, otherwise the last few categories played.
• Wallpapers: preview renders of the desktop wallpapers, full resolution on Wallhaven.
• Connect: every profile under the same handle, in two sliding rows. Hover pauses, drag scrolls, touch works natively.

Files

index.html        the page
style.css         all styles, custom properties at the top
script.js         projects fetch, Kick status, sliding rows, small helpers
data/repos.json   fallback copy of the GitHub repositories response
assets/           favicon, avatar, the Mia photo, wallpaper previews
robots.txt
sitemap.xml

Refreshing the fallback

gh api "users/Miabeyefendi/repos?per_page=100&sort=pushed" --jq '[.[] | {name, description, html_url, homepage, language, stargazers_count, topics, pushed_at, fork, archived}]' > data/repos.json

Author

@miabeyefendi