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).

1. Click "Fork" on the top right corner
2. Invite Widgetbot into your Discord server, and get your Server ID and Channel ID to show on your website
3. Edit _config.yml with your information, using media folder for logos/assets
4. Edit index.md, about.md, map.md, and donate.md with your info
5. Screenshots page will autofill with pics in the screenshots folder

Finally, you're ready to publish your site:

1. Click the "Settings" tab
2. Change the Repository name to the website link you want
3. 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