Moonrise
A simple, lightweight, responsive landing page template for a Minecraft server. Integrates with Discord, Minecraft server status, and GitHub Pages to host a free website.
Features:
- Shows the server's Minecraft Java version automatically
- Shows a channel from your Discord server on the homepage
- Changes color when Minecraft server is detected to be offline
- Click to copy server IP
- Screenshots page
- Progressive Web App (coming soon)
Demo: https://coffeebank.github.io/moonrise
Getting Started
The quickest way to get up and running is to use GitHub Pages (free).
- Click "Fork" on the top right corner
- Invite Widgetbot into your Discord server, and get your Server ID and Channel ID to show on your website
- Edit
_config.yml with your information, using media folder for logos/assets
- Edit
index.md, about.md, map.md, and donate.md with your info
- Screenshots page will autofill with pics in the
screenshots folder
Finally, you're ready to publish your site:
- Click the "Settings" tab
- Change the
Repository name to the website link you want
- On the left sidebar, click "Pages", Source:
master branch, /docs folder, click "Save"
And you're done! Your website will be live at: https://<username>.github.io/<repositoryname>
Wiki: For advanced users, site navigation, and other features >
Updates
To get new moonrise updates synced to your website, go to your repo, and click "Fetch upstream", then "Fetch and merge".
License
See LICENSE.
Contributions are welcome, with all code falling under this LICENSE.
Attributions
Services
- https://api.mcsrvstat.us/
- https://widgetbot.io/
Assets
- https://clipboardjs.com/
- https://fonts.google.com/specimen/Jost
- https://github.com/ghosh/micromodal
- https://github.com/penibelst/jekyll-compress-html
- https://www.gradientmagic.com/
- https://jekyllrb.com/
- https://tailwindcss.com/
- https://serviceworke.rs/
- http://updateyourfooter.com/
Demo
- https://favicon.io/favicon-converter/
- https://pages.github.com/
- https://unsplash.com/photos/d9medcknvk4
- https://unsplash.com/photos/52gEprMkp7M
- https://unsplash.com/photos/lS2HIgvF-80
- https://unsplash.com/photos/ZVprbBmT8QA
Inspiration
- https://codepen.io/charles1971/pen/BayGZBK
- https://medium.com/@jkohne/responsive-design-and-css-columns-using-sass-15b477a4ff83
- https://www.tjvantoll.com/2015/09/13/fetch-and-errors/
- https://www.w3schools.com/howto/howto_css_animate_buttons.asp
- https://www.w3schools.com/howto/howto_js_snackbar.asp
