mowetthedon/SmithTechMC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated Title

Browse Source
This commit is contained in:
mowetentertainment1 2025-11-10 22:19:09 -05:00
parent 07c28454ae
commit 5428d088e4
2 changed files with 90 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
rules.html
View File

@ -3,9 +3,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RujuxMC - Server Rules</title> <title>Smith & Tech MC - Server Rules</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="https://www.smithandtech.com/wp-content/uploads/2025/11/shield-sword-outline-custom-2.png" type="image/x-icon">
<script> <script>
tailwind.config = { tailwind.config = {
theme: { theme: {
@ -33,12 +33,18 @@
<style> <style>
body { body {
font-family: 'Inter', sans-serif; font-family: 'Poppins', sans-serif;
color: #f8fafc; background-color: #0f172a;
background: linear-gradient(to bottom right, #0f172a, #1a2333); color: #f8fafc;
background-image: url('/img/backgrounds/background6.png');
background-size: cover;
background-position: center center;
background-attachment: fixed;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between;
transition: background-image 1s ease-in-out;
} }
.liquid-glass-container { .liquid-glass-container {
@ -122,8 +128,40 @@
</div> </div>
<footer class="p-4 md:p-6 bg-marine-dark text-text-dark text-center text-sm rounded-t-xl mx-auto w-full max-w-7xl mb-4 border-t border-marine-light backdrop-blur-sm bg-opacity-80 mt-auto"> <footer class="p-4 md:p-6 bg-marine-dark text-text-dark text-center text-sm rounded-t-xl mx-auto w-full max-w-7xl mb-4 border-t border-marine-light backdrop-blur-sm bg-opacity-80 mt-auto">
<p>&copy; 2025 RujuxMC. All right reserved. | Made with ❤️ by Jallox.</p> <p>&copy; 2025 Smith & Tech. All right reserved. | Made with ❤️ by MoWetTheDon.</p>
<p class="mt-2">Allowed: <strong class="text-text-light">Modify, Host, Commercial-Use</strong>. Not allowed: <strong class="text-text-light">Resell / redistribute</strong></p> <!-- <p class="mt-2">Alowed: <bold>Modify, Host, Commercial-Use</bold>. Not allowed: <bold>Resell / redistribute
</bold>
</p> -->
</footer> </footer>
<!-- Background changing script -->
<!--
Make sure all the images has the same aspect ratio (16:9 recommended)
Add your background images in the "backgrounds" array below
If you want to disable the background changing feature, remove this script
or comment it out.
-->
<script>
const backgrounds = [
'/img/backgrounds/background6.png',
'/img/backgrounds/background2.png',
'/img/backgrounds/background3.webp',
'/img/backgrounds/background4.jpg',
'/img/backgrounds/background5.jpg',
'/img/backgrounds/background1.png',
// Add more backgrounds as needed,
];
let currentIndex = 0;
const body = document.body;
function changeBackground() {
currentIndex = (currentIndex + 1) % backgrounds.length;
body.style.backgroundImage = `url('${backgrounds[currentIndex]}')`;
}
setInterval(changeBackground, 15000);
</script>
</body> </body>
</html> </html>

53
staff.html
View File

@ -3,9 +3,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RujuxMC - Equipo de Staff</title> <title>Smith & Tech - Staff</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="https://www.smithandtech.com/wp-content/uploads/2025/11/shield-sword-outline-custom-2.png" type="image/x-icon">
<script> <script>
tailwind.config = { tailwind.config = {
theme: { theme: {
@ -32,13 +32,18 @@
<style> <style>
body { body {
font-family: 'Inter', sans-serif; font-family: 'Poppins', sans-serif;
color: #f8fafc; background-color: #0f172a;
color: #f8fafc;
background: linear-gradient(to bottom right, #0f172a, #1a2333); background-image: url('/img/backgrounds/background6.png');
background-size: cover;
background-position: center center;
background-attachment: fixed;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between;
transition: background-image 1s ease-in-out;
} }
@ -84,14 +89,14 @@
<section class="liquid-glass-container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 w-full"> <section class="liquid-glass-container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 w-full">
<div class="staff-card"> <div class="staff-card">
<img src="https://crafatar.com/renders/head/069a79f4-44e9-4726-a5be-fca90e3ddaf5?size=128&overlay" alt="Notch skin" class="staff-skin" onerror="this.onerror=null;this.src='https://placehold.co/128x128/334155/ffffff?text=Error';"> <img src="https://crafatar.com/renders/head/069a79f4-44e9-4726-a5be-fca90e3ddaf5?size=128&overlay" alt="Notch skin" class="staff-skin" onerror="this.onerror=null;this.src='https://placehold.co/128x128/334155/ffffff?text=Error';">
<h2 class="text-2xl font-bold text-text-light mt-2 text-center">Notch</h2> <h2 class="text-2xl font-bold text-text-light mt-2 text-center">MoWetTheDon</h2>
<p class="text-marine-accent text-lg text-center">Founder</p> <p class="text-marine-accent text-lg text-center">Founder</p>
<p class="text-text-dark text-center mt-2">The creator of everything. Always looking for ways to innovate and attract new players.</p> <p class="text-text-dark text-center mt-2">The creator of everything. Always looking for ways to innovate and attract new players.</p>
</div> </div>
<div class="staff-card"> <div class="staff-card">
<img src="https://crafatar.com/renders/head/8e9f5e1f-6b7a-4c2f-b8c7-4d9e5f1a2b3c?size=128&overlay" alt="Mod skin" class="staff-skin" onerror="this.onerror=null;this.src='https://placehold.co/128x128/334155/ffffff?text=Error';"> <img src="https://crafatar.com/renders/head/8e9f5e1f-6b7a-4c2f-b8c7-4d9e5f1a2b3c?size=128&overlay" alt="Mod skin" class="staff-skin" onerror="this.onerror=null;this.src='https://placehold.co/128x128/334155/ffffff?text=Error';">
<h2 class="text-2xl font-bold text-text-light mt-2 text-center">AventureroMC</h2> <h2 class="text-2xl font-bold text-text-light mt-2 text-center">Overimagined.dev</h2>
<p class="text-marine-accent text-lg text-center">Main mod</p> <p class="text-marine-accent text-lg text-center">Main mod</p>
<p class="text-text-dark text-center mt-2">In charge of maintaining peace and resolving conflicts on the server.</p> <p class="text-text-dark text-center mt-2">In charge of maintaining peace and resolving conflicts on the server.</p>
</div> </div>
@ -120,5 +125,37 @@
<p>&copy; 2025 RujuxMC. All right reserved. | Made with ❤️ by Jallox.</p> <p>&copy; 2025 RujuxMC. All right reserved. | Made with ❤️ by Jallox.</p>
<p class="mt-2">Alowed: <bold>Modify, Host, Commercial-Use</bold>. Not allowed: <bold>Resell / redistribute</bold></p> <p class="mt-2">Alowed: <bold>Modify, Host, Commercial-Use</bold>. Not allowed: <bold>Resell / redistribute</bold></p>
</footer> </footer>
<!-- Background changing script -->
<!--
Make sure all the images has the same aspect ratio (16:9 recommended)
Add your background images in the "backgrounds" array below
If you want to disable the background changing feature, remove this script
or comment it out.
-->
<script>
const backgrounds = [
'/img/backgrounds/background6.png',
'/img/backgrounds/background2.png',
'/img/backgrounds/background3.webp',
'/img/backgrounds/background4.jpg',
'/img/backgrounds/background5.jpg',
'/img/backgrounds/background1.png',
// Add more backgrounds as needed,
];
let currentIndex = 0;
const body = document.body;
function changeBackground() {
currentIndex = (currentIndex + 1) % backgrounds.length;
body.style.backgroundImage = `url('${backgrounds[currentIndex]}')`;
}
setInterval(changeBackground, 15000);
</script>
</body> </body>
</html> </html>