⸻

🌐 johart2030.github.io

Personal GitHub Pages Website

This repository hosts the personal website for johart2030, available at:

🔗 https://johart2030.github.io

The site is used as a central hub for projects, tools, experiments, and web utilities created by the developer.

⸻

📁 Projects


🎵 .WAV Player

A simple, clean audio playback tool that allows users to load and play WAV audio files directly in the browser.

🔗 Try it here:
https://johart2030.github.io/wav-player/wav-player.html

Features
	•	Supports .wav audio files
	•	Play / Stop controls
	•	Lightweight and fast
	•	Works fully client-side (no uploads to a server)
	•	Open-Source

How to Use 🎛️

Upload any .WAV Audio File or folder containing .WAV Files and watch as they pop up 
with their name on you screen. You can play one at a time and stop the one 
playing by hitting "Stop All"

⸻

📁 Project Ideas

A dedicated page showcasing a collection of potential web projects, experiments, and creative ideas for the developer to potentially add.

🔗 Visit the page here:
https://johart2030.github.io/project-ideas/project-ideas.html

Features

  •  Organized list of project ideas with brief descriptions

  •  Central hub for brainstorming and planning new web tools

  •  Fully client-side, lightweight, and easy to navigate

  • Open-Source

Purpose

  •  Serve as a visual roadmap for future projects

  •  Inspire experimentation with HTML, CSS, and JavaScript

  •  Provide a quick reference for ideas in progress

⸻

## 🧩 Triangle Peg Game

Try the classic triangle peg-jumping puzzle — now fully responsive and playable on mobile!

👉 **Play here:**  
https://johart2030.github.io/peg-game/peg-game.html

How to Play
- The board contains 15 pegs arranged in a triangle.
- Select a peg, then jump over an adjacent peg into an empty hole.
- The jumped peg is removed.
- Continue until no more moves remain.

Features
- Mobile-friendly responsive board  
- “Choose Start Hole” mode  
- Undo & reset options  
- Clean and simple UI matching the style of *johart2030.github.io*

Try to finish with **just one peg left** — can you do it?

 ___________

🚀 Purpose of This Repository

  •  Host personal tools and web projects

  •  Experiment with front-end development

  •  Practice HTML, CSS, JavaScript

  •  Provide a landing page for GitHub Pages

⸻

🛠️ Technologies Used
	•	HTML5
	•	CSS3
	•	JavaScript (Vanilla)
	•	GitHub Pages for deployment

⸻

📄 How to Use Locally
	1.	Clone the repository:

git clone https://github.com/johart2030/johart2030.github.io

2.	Open any project by navigating to its folder and opening the .html file in your browser.

Example:

/wav-player/wav-player.html


⸻

📌 Future Additions (Possible Ideas)
	•	More audio tools (MP3 player, pitch shifter, visualizer)
	•	A homepage with project cards
	•	Dark/light theme toggle
	•	More utilities and experiments

⸻