A complete guide to building your site with GRAPES OS
GRAPES OS is open source and free to use! This guide will walk you through creating your own unblocked games website using our codebase. No advanced coding skills required.
"Forking" creates your own copy of GRAPES OS that you can customize.
yourusername/grapes-os.github.io)
Give your site a unique name.
yourusername.github.io (replace "yourusername" with
your actual username)
username.github.io as websites at
that URL!
Make your site live on the internet.
https://yourusername.github.io
Download the code so you can edit it locally.
git clone
https://github.com/yourusername/yourusername.github.io.git
cd yourusername.github.io
Make it your own! Here are the key files to edit:
Main homepage. Change the title, description, and hero text.
About page. Update with your site's story and mission.
Styling. Change colors by editing the
--primary-color
variable.
Logo. Replace with your own logo image.
Update with information about your site.
Footer content. Update site name, stats, and links.
Upload your customizations to GitHub.
git add .
git commit -m "Customized my site"
git push origin main
Wait 1-2 minutes and your changes will appear at
https://yourusername.github.io
Edit assets/css/main.css and change the color values:
:root {
--primary-color: #0066ff; /* Change to your color
*/
--accent-color: #00ff00; /* Change accent color */
}
Search and replace "GRAPES OS" with your site name in:
index.htmlabout.htmlassets/js/index.jsWant a custom domain like mygames.com?
CNAME file to your repo with your domainOfficial documentation for hosting on GitHub
W3Schools — Free web development tutorials
Learn Git basics for version control
Getting started with Visual Studio Code
If you get stuck or have questions:
Now that you have your site, here are some ideas: