Add files via upload
This commit is contained in:
MattTheTekie
GitHub
parent
4d3dd11091
commit
53cf4c0bdd
3 changed files with 344 additions and 0 deletions
21
Venith-MC/LICENSE
Normal file
21
Venith-MC/LICENSE
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2023 FQQD
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
89
Venith-MC/README.md
Normal file
89
Venith-MC/README.md
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
|
||||
|
||||
|
||||
|
||||
# FQQD's MCServer Website Template 1.0
|
||||
|
||||
A template for a modern looking website to promote your Minecraft server.
|
||||
|
||||
Written with HTML and a lot of CSS and the minimal usage of JavaScript.
|
||||
|
||||
Test it out: https://fqqd.github.io/MCServer-Web-Template/index.html
|
||||
|
||||
|
||||
## Features
|
||||
|
||||
- Server adress copy button
|
||||
- Modern design
|
||||
- Discord server embed
|
||||
- Team member cards
|
||||
- Bedrock and Java IP cards
|
||||
- Navbar
|
||||
- Mobile support
|
||||
- Simple Configuration
|
||||
- Hover animations
|
||||
|
||||
|
||||
## FAQ
|
||||
|
||||
#### How do I personalize this website?
|
||||
|
||||
To edit this website, simply fork the repository and edit the "index.html" and the "style.css" in the "media" folder.
|
||||
Reading through the code should be enough to understand what you are able to edit.
|
||||
|
||||
#### How do I make the Discord Embed work?
|
||||
|
||||
- Go to Discord Server Settings
|
||||
- "Widget"
|
||||
- Enable Server Widget
|
||||
- Select an Invite Channel (e.g. the main chat)
|
||||
- Manually copy ONLY THE LINK ("https://discord.com/widget?id=[SERVER-ID]&theme=dark")
|
||||
- Replace the imgur link in the Discord Section with the Discord Widget link
|
||||
|
||||
#### Where can I host this website?
|
||||
|
||||
I recommend hosting the website on your own Linux VServer with Caddyserver, but if you need to have a free hosting service, I recommend Neocities or GitHub Pages.
|
||||
|
||||
#### Why would I need such a website?
|
||||
|
||||
This website can help to provide additional information about your Minecraft Server and get people to join it.
|
||||
|
||||
#### Can I use this freely without copyright?
|
||||
|
||||
You can use and edit the website as much as you want, as long as the "Made by FQQD 2023" stays on the bottom of the site unchanged.
|
||||
|
||||
## Screenshots
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Usage/Examples
|
||||
|
||||
|
||||
## Authors
|
||||
|
||||
- [@FQQD](https://fqqd.de)
|
||||
- Originally made for [@HerrFisch](https://www.github.com/HerrFisch)
|
||||
|
||||
|
||||
## Lastly...
|
||||
If you have any further question or want to help and contribute, the best ways to do this are
|
||||
- Creating an [issue report](https://github.com/FQQD/MCServer-Web-Template/issues)
|
||||
- Joining [my discord](https://dc.fqqd.de) and asking for help
|
||||
|
||||
Here's a cookie for reading this far: 🍪
|
||||
234
Venith-MC/index.html
Normal file
234
Venith-MC/index.html
Normal file
|
|
@ -0,0 +1,234 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>[Minecraft Server Name]</title>
|
||||
<link rel="icon" type="image/png" href="media/favicon.png">
|
||||
<link rel="stylesheet" href="media/style.css">
|
||||
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<nav class="desktop_navbar">
|
||||
<a href="#"><img class="desktop_navbar_logo_img" src="media/logo_small.png" alt="logo"></a>
|
||||
<a href="https://wiki.example.com/" class="desktop_navbar_link">Wiki</a>
|
||||
<a href="#discord" class="desktop_navbar_link scroll">Community</a>
|
||||
<a href="#about" class="desktop_navbar_link scroll">About Us</a>
|
||||
<div class="desktop_navbar_link2_div">
|
||||
<a href="#join" class="desktop_navbar_link2 scroll">Join Us!</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="mobile_navbar">
|
||||
<a href="#" class="mobile_navbar_logo_img_a"><img class="mobile_navbar_logo_img" src="media/logo_small.png" alt="logo"></a>
|
||||
<div id="mobile_navbar_links">
|
||||
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://wiki.example.com/">Wiki</a>
|
||||
<a class="mobile_navbar_link scroll" onclick="mobile_navbar_link_hider()" href="#discord">Community</a>
|
||||
<a class="mobile_navbar_link scroll" onclick="mobile_navbar_link_hider()" href="#about">About Us</a>
|
||||
<a class="mobile_navbar_link scroll" onclick="mobile_navbar_link_hider()" href="#join">Join Us</a>
|
||||
</div>
|
||||
<div class="icon" onclick="mobile_navbar_link_hider()">
|
||||
<i class="fa fa-bars"></i>
|
||||
</div>
|
||||
<script>
|
||||
function mobile_navbar_link_hider() {
|
||||
var x = document.getElementById("mobile_navbar_links");
|
||||
if (x.style.display === "flex") {
|
||||
x.style.display = "none";
|
||||
} else {
|
||||
x.style.display = "flex";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
<div class="mainflex">
|
||||
<div class="main1">
|
||||
<a class="main1_logo_a" href="#">
|
||||
<img class="main1_logo" src="media/logo.png" alt="logo">
|
||||
</a>
|
||||
<div class="main1_description">
|
||||
<a>Minecraft,<br>like</a>
|
||||
<a class="main1_actcent">already done before</a><a>.</a>
|
||||
</div>
|
||||
<div class="main1_ipcopier_div">
|
||||
<button class="main1_ipcopier" onclick="copyText()" type="button">
|
||||
<span class="main1_ipcopier_text1">play.example.com</span>
|
||||
<br>
|
||||
<span class="main1_ipcopier_text2">Click to copy</span>
|
||||
</button>
|
||||
<script>
|
||||
function copyText() {
|
||||
navigator.clipboard.writeText
|
||||
("play.example.com");
|
||||
}
|
||||
$(document).ready(function() {
|
||||
$('.main1_ipcopier').click(function() {
|
||||
var popup = $('<div>', { class: 'main1_popup' })
|
||||
.append($('<h3 class="copy_confirm">').text('Copied IP to clipboard'))
|
||||
$(this).after(popup);
|
||||
setTimeout(function() {
|
||||
popup.remove();
|
||||
}, 1000);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<a href="#more" class="scroll">
|
||||
<img alt="downarrow" class="main1_downarrow" src="media/downarrow.png">
|
||||
</a>
|
||||
<script>
|
||||
const scrollLinks = document.querySelectorAll('.scroll');
|
||||
scrollLinks.forEach(function(link) {
|
||||
link.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
const target = document.querySelector(link.getAttribute('href'));
|
||||
const offsetTop = target.offsetTop;
|
||||
window.scrollTo({
|
||||
top: offsetTop,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div id="more"></div>
|
||||
<div class="main2">
|
||||
<a class="headline">What we have</a>
|
||||
<div class="main2_features_div">
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="media/placeholder.png">
|
||||
<a class="main2_feature_headline">Feature 1</a>
|
||||
<a class="main2_feature_text">Feature description</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="media/placeholder.png">
|
||||
<a class="main2_feature_headline">Feature 2</a>
|
||||
<a class="main2_feature_text">Feature description</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="media/placeholder.png">
|
||||
<a class="main2_feature_headline">Feature 3</a>
|
||||
<a class="main2_feature_text">Feature description</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="media/placeholder.png">
|
||||
<a class="main2_feature_headline">Feature 4</a>
|
||||
<a class="main2_feature_text">Feature description</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="media/placeholder.png">
|
||||
<a class="main2_feature_headline">Feature 5</a>
|
||||
<a class="main2_feature_text">Feature description</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="discord"></div>
|
||||
<div class="main4">
|
||||
<a class="headline">Join the Discord</a>
|
||||
<div class="main4_dc_div">
|
||||
<iframe class="main4_dc_widget" src="https://imgur.com/78RPeUY.png" width="350" height="500" title="discord" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
|
||||
<div class="main4_dc_description_div">
|
||||
<a class="main4_dc_description_title">Let's talk!</a>
|
||||
<a class="main4_dc_description"> ・Meet other players <br> ・Ask questions <br> ・Get notified about updates <br> ・Give feedback <br><br> & more </a>
|
||||
<a href="https://discord.gg/INVITE" class="main4_dc_button_a">
|
||||
<div class="main4_dc_button">Join</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="about"></div>
|
||||
<div class="main5">
|
||||
<a class="headline">Who we are</a>
|
||||
<div class="main5_admin_div">
|
||||
<div class="main5_admins_div main5_admins_dev_type2">
|
||||
<img class="main5_admins_img" alt="admin member img" src="media/member_placeholder.webp">
|
||||
<div class="main5_admins_description_div">
|
||||
<a class="main5_admins_description_rank main5_admins_description_rank_owner">[Owner]</a>
|
||||
<a class="main5_admins_description_title" href="https://example.com">Owner Name</a>
|
||||
<a class="main5_admins_description">Owner<br>description</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main5_admins_div main5_admins_dev_type1">
|
||||
<img class="main5_admins_img" alt="admin member img" src="media/member_placeholder.webp">
|
||||
<div class="main5_admins_description_div">
|
||||
<a class="main5_admins_description_rank main5_admins_description_rank_admin">[Admin]</a>
|
||||
<a class="main5_admins_description_title" href="https://example.com">Admin Name</a>
|
||||
<a class="main5_admins_description">Admin<br>description</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main5_supporter_div">
|
||||
<div class="main5_supporters_div">
|
||||
<img class="main5_supporters_img" alt="supporters member img" src="media/member_placeholder.webp">
|
||||
<div class="main5_supporters_description_div">
|
||||
<a class="main5_supporters_description_rank main5_supporters_description_rank_supporter">[Supporter]</a>
|
||||
<a class="main5_supporters_description_title">Replacable Supporter 1</a>
|
||||
<a class="main5_supporters_description">Supporter<br>Description</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main5_supporters_div">
|
||||
<img class="main5_supporters_img" alt="supporters member img" src="media/member_placeholder.webp">
|
||||
<div class="main5_supporters_description_div">
|
||||
<a class="main5_supporters_description_rank main5_supporters_description_rank_supporter">[Supporter]</a>
|
||||
<a class="main5_supporters_description_title">Replacable Supporter 2</a>
|
||||
<a class="main5_supporters_description">Supporter<br>Description</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main5_supporters_div">
|
||||
<img class="main5_supporters_img" alt="supporters member img" src="media/member_placeholder.webp">
|
||||
<div class="main5_supporters_description_div">
|
||||
<a class="main5_supporters_description_rank main5_supporters_description_rank_supporter">[Supporter]</a>
|
||||
<a class="main5_supporters_description_title">Replacable Supporter 3</a>
|
||||
<a class="main5_supporters_description">Supporter<br>Description</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main5_supporters_div">
|
||||
<img class="main5_supporters_img" alt="supporters member img" src="media/member_placeholder.webp">
|
||||
<div class="main5_supporters_description_div">
|
||||
<a class="main5_supporters_description_rank main5_supporters_description_rank_supporter">[Supporter]</a>
|
||||
<a class="main5_supporters_description_title">Replacable Supporter 4</a>
|
||||
<a class="main5_supporters_description">Supporter<br>Description</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="join"></div>
|
||||
<div class="main3">
|
||||
<a class="headline">How to join</a>
|
||||
<div class="main3_join_div_div">
|
||||
<div class="main3_join_div">
|
||||
<a class="main3_join_title">Java</a>
|
||||
<div class="main3_join_content_div">
|
||||
<div class="main3_join_categories">
|
||||
<a>IP:</a>
|
||||
<a>Version:</a>
|
||||
</div>
|
||||
<div class="main3_join_values">
|
||||
<a>play.example.com</a>
|
||||
<a>1.20.1</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main3_join_div">
|
||||
<a class="main3_join_title">Bedrock</a>
|
||||
<div class="main3_join_content_div">
|
||||
<div class="main3_join_categories">
|
||||
<a>IP:</a>
|
||||
<a>Port:</a>
|
||||
</div>
|
||||
<div class="main3_join_values">
|
||||
<a>be.example.com</a>
|
||||
<a>69420</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="copyright_div">
|
||||
<a href="https://github.com/FQQD/MCServer-Web-Template" class="copyright">Made by FQQD 2023 - Edited by [Name] [Year]</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue