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">
<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 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>
</nav>
<!-- Particle Effects -->
@ -50,7 +53,9 @@
<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://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>
</div>
</header>

View File

@ -6,64 +6,55 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terms of Service - My-MC.Link</title>
<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="css/style_min.css?p=4" rel="stylesheet">
<link href="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>
<link href="https://my-mc.link/css/style.min.css?p=5" rel="stylesheet">
<link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
</head>
<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 -->
<div class="particle" style="left: 10%; top: 20%; animation-delay: 0s;"></div>
<div class="particle large" style="left: 30%; top: 50%; animation-delay: 2s;"></div>
<div class="particle" style="left: 50%; top: 30%; animation-delay: 4s;"></div>
<div class="particle large" style="left: 70%; top: 60%; animation-delay: 6s;"></div>
<div class="particle" style="left: 20%; top: 80%; animation-delay: 8s;"></div>
<div class="particle"></div>
<div class="particle large"></div>
<div class="particle"></div>
<div class="particle large"></div>
<div class="particle"></div>
<header class="header-bg py-16 text-center relative z-10">
<div class="header-content">
<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>
<div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div>
<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>
</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>
<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">
<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">
<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">
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">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
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
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
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
@ -543,17 +534,7 @@
</p>
<div class="text-center mt-8">
<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>
<a href="https://my-mc.link" class="nav-btn">Go Back To My-MC</a>
</div>
</section>
@ -567,8 +548,13 @@
</p>
</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>
</html>