update terms

This commit is contained in:
2025-07-04 01:56:50 -04:00
parent 2570a54d52
commit 2018e650b2
2 changed files with 52 additions and 61 deletions

View File

@ -30,6 +30,9 @@
<li class="mb-6"> <li class="mb-6">
<a href="https://status.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Check MC Status</a> <a href="https://status.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Check MC Status</a>
</li> </li>
<li class="mb-6">
<a href="https://info.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Wiki</a>
</li>
</ul> </ul>
</nav> </nav>
<!-- Particle Effects --> <!-- Particle Effects -->
@ -50,7 +53,9 @@
<nav class="flex items-center gap-2 hidden md:flex"> <nav class="flex items-center gap-2 hidden md:flex">
<a href="https://panel.my-mc.link" class="nav-btn" target="_blank">Panel</a> <a href="https://panel.my-mc.link" class="nav-btn" target="_blank">Panel</a>
<a href="https://stats.my-mc.link" class="nav-btn">System Stats</a> <a href="https://stats.my-mc.link" class="nav-btn">System Stats</a>
<a href="https://status.my-mc.link" class="nav-btn" target="_blank">Check MC Status</a> <a href="https://status.my-mc.link" class="nav-btn" target="_blank">MC Status</a>
<a href="https://info.my-mc.link" class="nav-btn" target="_blank">Wiki</a>
</nav> </nav>
</div> </div>
</header> </header>

View File

@ -6,64 +6,55 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terms of Service - My-MC.Link</title> <title>Terms of Service - My-MC.Link</title>
<link rel="icon" href="https://minecraft.wiki/images/Favicon.png" type="image/png"> <link rel="icon" href="https://minecraft.wiki/images/Favicon.png" type="image/png">
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet">
<link href="css/style_min.css?p=4" rel="stylesheet"> <link href="https://my-mc.link/css/style.min.css?p=5" rel="stylesheet">
<link href="favicon.ico" rel="icon" type="image/x-icon"> <link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
<style>
@font-face {
font-family: 'Minecraft';
src: url('https://fontmeme.com/fonts/minecraft-font/') format('truetype');
font-weight: normal;
font-style: normal;
}
.minecraft-font {
font-family: 'Minecraft', sans-serif;
letter-spacing: 0.8px;
text-shadow: 0 0 12px rgba(20, 184, 166, 0.7);
}
@keyframes gradientShift {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.animate-gradient-shift {
animation: gradientShift 5s ease infinite;
}
</style>
</head> </head>
<body> <body>
<!-- Hamburger Menu Icon (visible on mobile) -->
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none" style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
<span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
</button>
<!-- Mobile Navigation Menu -->
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
<ul class="text-center">
<li class="mb-6">
<a href="https://panel.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Panel</a>
</li>
<li class="mb-6">
<a href="https://stats.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400">System Stats</a>
</li>
<li class="mb-6">
<a href="https://status.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Check MC Status</a>
</li>
</ul>
</nav>
<!-- Particle Effects --> <!-- Particle Effects -->
<div class="particle" style="left: 10%; top: 20%; animation-delay: 0s;"></div> <div class="particle"></div>
<div class="particle large" style="left: 30%; top: 50%; animation-delay: 2s;"></div> <div class="particle large"></div>
<div class="particle" style="left: 50%; top: 30%; animation-delay: 4s;"></div> <div class="particle"></div>
<div class="particle large" style="left: 70%; top: 60%; animation-delay: 6s;"></div> <div class="particle large"></div>
<div class="particle" style="left: 20%; top: 80%; animation-delay: 8s;"></div> <div class="particle"></div>
<header class="header-bg py-16 text-center relative z-10"> <header class="header-bg py-16 text-center relative z-10">
<div class="header-content"> <div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h1 <div>
class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
My-MC.Link</h1> My-MC.Link</h1>
</div> </div>
<nav class="hidden md:flex items-center gap-2">
<a href="https://my-mc.link" class="nav-btn">Go Back To My-MC</a>
</nav>
</div>
</header> </header>
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10"> <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10">
<section class="section-bg p-8 sm:p-10 mb-12"> <section class="section-bg p-8 sm:p-10 mb-12">
<h2 <h2 class="text-3xl minecraft-font mb-6 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
class="text-3xl minecraft-font mb-6 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Terms of Service</h2> Terms of Service</h2>
<p class="text-sm opacity-90 mb-6">Last updated: July 1st, 2024</p> <p class="text-sm opacity-90 mb-6">Last updated: July 1st, 2024</p>
<p class="text-sm opacity-90 mb-6">The last update was to add a new rule.</p> <p class="text-sm opacity-90 mb-6">The last update was to add a new rule.</p>
@ -90,7 +81,7 @@
Supplemental terms and conditions or documents that may be posted on the Platform from time to time are Supplemental terms and conditions or documents that may be posted on the Platform from time to time are
hereby expressly incorporated herein by reference. We reserve the right, in our sole discretion, to make hereby expressly incorporated herein by reference. We reserve the right, in our sole discretion, to make
changes or modifications to these Terms of Use at any time and for any reason. We will alert you about changes or modifications to these Terms of Use at any time and for any reason. We will alert you about
any changes by updating the "Last updated" date of these Terms of Use, and you waive any right to any changes by updating the "Last updated" date of these Terms of Service, and you waive any right to
receive specific notice of each such change. Please ensure that you check the applicable Terms every receive specific notice of each such change. Please ensure that you check the applicable Terms every
time you use our Platform so that you understand which Terms apply. You will be subject to, and will be time you use our Platform so that you understand which Terms apply. You will be subject to, and will be
deemed to have been made aware of and to have accepted, the changes in any revised Terms of Use by your deemed to have been made aware of and to have accepted, the changes in any revised Terms of Use by your
@ -543,17 +534,7 @@
</p> </p>
<div class="text-center mt-8"> <div class="text-center mt-8">
<a href="https://my-mc.link" class="nav-btn">Go Back To My-MC</a>
<a href="https://my-mc.link"
class="inline-block bg-gradient-to-r from-teal-500 to-blue-500 bg-[length:300%_300%] text-white font-bold text-base py-3.5 px-7 rounded-xl relative overflow-hidden transition-transform duration-300 hover:scale-110 hover:shadow-[0_8px_30px_rgba(20,184,166,0.7)] minecraft-font animate-gradient-shift">
Back to Home
<span
class="absolute inset-0 -left-full bg-gradient-to-r from-transparent via-white/40 to-transparent transition-[left] duration-500 group-hover:left-full"></span>
<span
class="absolute top-1/2 left-1/2 w-0 h-0 bg-[radial-gradient(circle,rgba(20,184,166,0.5),transparent)] opacity-0 transition-all duration-300 group-hover:w-[200px] group-hover:h-[200px] group-hover:opacity-100 -translate-x-1/2 -translate-y-1/2"></span>
</a>
</div> </div>
</section> </section>
@ -567,8 +548,13 @@
</p> </p>
</footer> </footer>
<script src="js/main.js"></script> <script>
document.querySelector('.hamburger').addEventListener('click', function () {
this.classList.toggle('active');
document.querySelector('.mobile-nav-container').classList.toggle('hidden');
});
</script>
<script src="../js/main.js"></script>
</body> </body>
</html> </html>