111 lines
2.9 KiB
Markdown
111 lines
2.9 KiB
Markdown
|
||
# SmithTechMC – Free Ocean Minecraft Web Template
|
||
|
||
**This template is completely free, and it always will be.**
|
||
It is being developed by **Jallox** at the **SmartsHub Team**. SmartsHub reserves the right to take any necessary action regarding its use.
|
||
|
||
You are **not allowed to resell or redistribute** this resource — including any modified version — without the **explicit consent** of the SmartsHub Team.
|
||
|
||
> ✅ This web template is released under the **BuiltByBit.com** domain.
|
||
|
||
---
|
||
|
||
### 🙏 Thank You for Using SmithTechMC
|
||
|
||
If you encounter any issues, please contact our support team **before leaving a review on BuiltByBit**, so we can help you directly.
|
||
|
||
- 💬 **Support**: [https://discord.smartshub.dev/](https://discord.smartshub.dev/)
|
||
- 📦 **More resources**: [https://store.smartshub.dev/](https://store.smartshub.dev/)
|
||
|
||
---
|
||
|
||
### 📁 How to Host
|
||
|
||
This template can be hosted using:
|
||
|
||
- **Apache Web Server**
|
||
- **Nginx Server**
|
||
|
||
No additional installation or configuration is required.
|
||
|
||
For hosting help, reach out on our [Discord Support Server](https://discord.smartshub.dev/).
|
||
|
||
---
|
||
|
||
### 🛠️ Setup Instructions
|
||
|
||
To make this template work with your own server and branding, edit the following:
|
||
|
||
#### 1. Replace Minecraft IP address:
|
||
In `index.html`, change:
|
||
```html
|
||
<span id="minecraftIpText">MC.SERVERNAME.COM</span>
|
||
````
|
||
|
||
to your real IP or domain, for example: `play.example.com`.
|
||
|
||
#### 2. Replace store URL:
|
||
|
||
Update this link:
|
||
|
||
```html
|
||
<a href="https://store.servername.com">Store</a>
|
||
```
|
||
|
||
with your own store link, like `https://store.example.com`.
|
||
|
||
#### 3. Update social media links:
|
||
|
||
Replace all `yourusername`, `yourdiscordlink`, etc. with your actual social media URLs in:
|
||
|
||
* Instagram
|
||
* Discord
|
||
* Telegram
|
||
* YouTube
|
||
* TikTok
|
||
|
||
#### 4. Set your logo:
|
||
|
||
Upload your server logo to `/img/logo.png`, or change the `src` path in:
|
||
|
||
```html
|
||
<img src="/img/logo.png" ... >
|
||
```
|
||
|
||
#### 5. Customize background image:
|
||
|
||
Replace `/img/background.png` with your own image, or update the CSS in `body { background-image: ... }`.
|
||
|
||
#### 6. Enable live player and Discord counters:
|
||
|
||
Edit the `DOMContentLoaded` script and replace with your own server/domain and Discord Guild ID:
|
||
|
||
```js
|
||
fetch('https://api.mcstatus.io/v2/status/java/play.example.com')
|
||
.then(res => res.json())
|
||
.then(data => {
|
||
document.getElementById('playerCount').textContent = `${data.players.online}/${data.players.max}`;
|
||
});
|
||
|
||
fetch('https://discord.com/api/guilds/YOUR_GUILD_ID/widget.json')
|
||
.then(res => res.json())
|
||
.then(data => {
|
||
document.getElementById('discordUsersCount').textContent = data.presence_count;
|
||
});
|
||
```
|
||
|
||
Make sure Discord’s *server widget* is enabled in your server settings.
|
||
|
||
---
|
||
|
||
### ⭐ Support Us
|
||
|
||
If you enjoy using this template, please consider leaving a **5-star rating** and a **review on our Discord**.
|
||
Your support helps us continue creating high-quality free content for the community!
|
||
|
||
---
|
||
|
||
© Smith & Tech 2025 — All rights reserved.
|
||
|
||
|