Almus | Pixel Home

A personal Hack Club homepage for Almus, a builder and angler from HK. It mixes a retro terminal, an 8-bit game menu, and a cozy pixel pier with three playable mini-projects.

The project uses only HTML, CSS, and JavaScript. There are no packages, build tools, or copyrighted image assets, so it is easy to edit and host on GitHub Pages.

Open It Locally

The simplest option is to double-click index.html. The site works directly from your browser.

You can also use a local server from this folder:

python3 -m http.server 8000

Then open http://localhost:8000.

Upload It to GitHub

1. Create a new empty repository at github.com/new, for example pixel-home.
2. Open a terminal in this project folder.
3. Run the commands below:

git init
git add .
git commit -m "Create Almus Pixel Home"
git branch -M main
git remote add origin https://github.com/ODd-line/pixel-home.git
git push -u origin main

Enable GitHub Pages

1. Open the repository on GitHub.
2. Go to Settings, then Pages.
3. Under Build and deployment, choose Deploy from a branch.
4. Select the main branch and the / (root) folder, then click Save.
5. Wait a minute or two. GitHub will show the public website URL on the same page.

Customize Your Site

• Name and writing: Search index.html for Almus and edit the nearby text.
• Contact links: Find the CONTACT comment near the bottom of index.html. The GitHub and email links are set to ODd-line and cylaualmus@gmail.com.
• Project cards: Find the PROJECTS comment in index.html to edit each title, description, and tag.
• Interactive projects: The arcade layouts are in index.html, their styles are under Interactive project arcade in style.css, and their behavior is under Interactive arcade projects in script.js.
• Fishing details: Find the FISHING comment. Update the quest board, fishing tags, and Fish Dex with your own logs or ideas.
• Colors: Open style.css and edit the color variables inside :root at the top.
• Typing message: Open script.js and edit the typingMessage value.
• Fish timing: In script.js, change 18000 in setInterval to control how often the fish appears. The value is in milliseconds.
• Hover sound: It is disabled by default. Add an original hover.wav file and set hoverSoundEnabled to true in script.js to enable it.

Files

index.html  - page structure and editable content
style.css   - pixel visuals, layout, responsive styles, and animation
script.js   - mobile menu, typing, reveal effects, and swimming fish
README.md   - setup and customization guide

Made by Almus in HK. Powered by pixels, code, and fishing vibes.