Skip to content

Commit a8197d4

Browse files
AzliRynzAzliRynz
authored
...
1 parent 57a079c commit a8197d4

1 file changed

Lines changed: 201 additions & 70 deletions

File tree

‎changelog.html‎

Lines changed: 201 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -8,25 +8,78 @@
88
<meta property="og:type" content="website">
99
<meta property="og:title" content="Changelog - PowerEssentials">
1010
<meta property="og:description" content="Track updates and improvements for PowerEssentials plugin">
11+
<meta property="og:image" content="https://poweressentials.example.com/og-image.jpg">
1112

1213
<title>Changelog - PowerEssentials</title>
1314
<script src="https://cdn.tailwindcss.com"></script>
15+
<script>
16+
tailwind.config = {
17+
darkMode: 'class',
18+
theme: {
19+
extend: {
20+
animation: {
21+
'fade-in': 'fadeIn 0.5s ease-in-out',
22+
'float': 'float 3s ease-in-out infinite',
23+
},
24+
keyframes: {
25+
fadeIn: {
26+
'0%': { opacity: '0' },
27+
'100%': { opacity: '1' },
28+
},
29+
float: {
30+
'0%, 100%': { transform: 'translateY(0)' },
31+
'50%': { transform: 'translateY(-10px)' },
32+
}
33+
}
34+
}
35+
}
36+
}
37+
</script>
1438
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
15-
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
39+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
40+
<link rel="preconnect" href="https://fonts.googleapis.com">
41+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
42+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
43+
<style>
44+
html {
45+
font-family: 'Inter', sans-serif;
46+
}
47+
[x-cloak] { display: none !important; }
48+
.gradient-text {
49+
background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
50+
-webkit-background-clip: text;
51+
background-clip: text;
52+
color: transparent;
53+
}
54+
.release-card:hover .release-highlight {
55+
transform: translateX(5px);
56+
}
57+
</style>
1658
</head>
17-
<body class="bg-gray-900 text-white antialiased">
18-
<nav class="bg-gray-800/95 backdrop-blur-md border-b border-gray-700 fixed w-full top-0 z-50" x-data="{ isOpen: false }">
19-
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
20-
<div class="flex items-center justify-between h-16">
21-
<a href="/" class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
59+
<body class="bg-gray-900 text-gray-100 antialiased min-h-screen flex flex-col">
60+
<nav class="bg-gray-800/95 backdrop-blur-md border-b border-gray-700 fixed w-full top-0 z-50 shadow-lg" x-data="{ isOpen: false, scrolled: false }"
61+
@scroll.window="scrolled = (window.pageYOffset > 10)">
62+
<div class="container mx-auto px-4 sm:px-6 lg:px-8 transition-all duration-300" :class="{ 'py-2': scrolled, 'py-3': !scrolled }">
63+
<div class="flex items-center justify-between h-14">
64+
<a href="/" class="text-2xl font-bold gradient-text flex items-center">
65+
<i class="fas fa-bolt mr-2"></i>
2266
PowerEssentials
2367
</a>
24-
<div class="hidden md:flex space-x-8">
25-
<a href="index.html" class="hover:text-blue-400 transition-colors duration-200">Home</a>
26-
<a href="download.html" class="hover:text-blue-400 transition-colors duration-200">Download</a>
27-
<a href="about.html" class="hover:text-blue-400 transition-colors duration-200">About</a>
68+
<div class="hidden md:flex space-x-6">
69+
<a href="index.html" class="hover:text-blue-400 transition-colors duration-200 font-medium flex items-center">
70+
<i class="fas fa-home mr-2 text-sm"></i> Home
71+
</a>
72+
<a href="download.html" class="hover:text-blue-400 transition-colors duration-200 font-medium flex items-center">
73+
<i class="fas fa-download mr-2 text-sm"></i> Download
74+
</a>
75+
<a href="about.html" class="hover:text-blue-400 transition-colors duration-200 font-medium flex items-center">
76+
<i class="fas fa-info-circle mr-2 text-sm"></i> About
77+
</a>
78+
<a href="#" class="text-blue-400 transition-colors duration-200 font-medium flex items-center">
79+
<i class="fas fa-list-alt mr-2 text-sm"></i> Changelog
80+
</a>
2881
</div>
29-
<button @click="isOpen = !isOpen" class="md:hidden p-2 rounded-md text-gray-400 hover:text-white focus:outline-none">
82+
<button @click="isOpen = !isOpen" class="md:hidden p-2 rounded-md text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-blue-500">
3083
<svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3184
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
3285
</svg>
@@ -36,91 +89,169 @@
3689
</button>
3790
</div>
3891
</div>
39-
<div class="md:hidden" x-show="isOpen" @click.away="isOpen = false" x-cloak>
40-
<div class="px-4 pt-2 pb-3 space-y-2">
41-
<a href="index.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">Home</a>
42-
<a href="download.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">Download</a>
43-
<a href="about.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">About</a>
92+
<div class="md:hidden" x-show="isOpen" @click.away="isOpen = false" x-transition x-cloak>
93+
<div class="px-4 pt-2 pb-4 space-y-2 bg-gray-800/95 backdrop-blur-md">
94+
<a href="index.html" class="block px-3 py-2 rounded-md hover:bg-gray-700 transition-colors flex items-center">
95+
<i class="fas fa-home mr-3 text-sm w-4"></i> Home
96+
</a>
97+
<a href="download.html" class="block px-3 py-2 rounded-md hover:bg-gray-700 transition-colors flex items-center">
98+
<i class="fas fa-download mr-3 text-sm w-4"></i> Download
99+
</a>
100+
<a href="about.html" class="block px-3 py-2 rounded-md hover:bg-gray-700 transition-colors flex items-center">
101+
<i class="fas fa-info-circle mr-3 text-sm w-4"></i> About
102+
</a>
103+
<a href="#" class="block px-3 py-2 rounded-md bg-gray-700 text-blue-400 transition-colors flex items-center">
104+
<i class="fas fa-list-alt mr-3 text-sm w-4"></i> Changelog
105+
</a>
44106
</div>
45107
</div>
46108
</nav>
47-
<main class="min-h-screen flex items-center">
109+
110+
<main class="flex-grow pt-24 pb-12">
48111
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
49-
<div class="max-w-3xl mx-auto">
50-
<div class="text-center mb-12">
112+
<div class="max-w-4xl mx-auto">
113+
<div class="text-center mb-12 animate-fade-in">
51114
<h1 class="text-4xl md:text-5xl font-extrabold mb-4">
52-
<span class="bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
53-
Changelog
54-
</span>
115+
<span class="gradient-text">Version Updates</span>
55116
</h1>
56-
<p class="text-gray-400">Track updates and improvements</p>
117+
<p class="text-gray-400 max-w-lg mx-auto">Track all the latest features, improvements, and bug fixes for PowerEssentials</p>
57118
</div>
58119

59-
<div class="bg-gray-800 rounded-xl p-6 mb-8 border-l-4 border-blue-500 transform transition-all hover:scale-[1.01]">
60-
<div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-4">
61-
<div class="mb-4 md:mb-0">
62-
<h2 class="text-2xl font-bold flex items-center">
63-
<i class="fas fa-rocket text-blue-400 mr-2"></i>
64-
v1.0.0.pmmp
65-
</h2>
66-
<div class="mt-2 text-sm text-gray-400">
67-
<a href="https://github.com/AzliRynz/"><span class="mr-4"><i class="fas fa-user-shield mr-1"></i>AzliRynz</span></a>
120+
<div class="space-y-8">
121+
<!-- Latest Release -->
122+
<div class="bg-gray-800 rounded-xl p-6 border-l-4 border-blue-500 shadow-lg transition-all hover:shadow-xl release-card">
123+
<div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6 gap-4">
124+
<div>
125+
<div class="flex items-center mb-2">
126+
<span class="bg-blue-500/20 text-blue-400 text-xs font-semibold px-2.5 py-0.5 rounded-full mr-3">Latest</span>
127+
<h2 class="text-2xl font-bold flex items-center">
128+
<i class="fas fa-rocket text-blue-400 mr-3 animate-float"></i>
129+
v1.0.0.pmmp
130+
</h2>
131+
</div>
132+
<div class="flex flex-wrap items-center text-sm text-gray-400 gap-4">
133+
<span class="flex items-center">
134+
<i class="fas fa-user-shield mr-2"></i>
135+
<a href="https://github.com/AzliRynz/" class="hover:text-blue-400 transition-colors">AzliRynz</a>
136+
</span>
137+
<span class="flex items-center">
138+
<i class="fas fa-calendar-alt mr-2"></i>
139+
March 1, 2025
140+
</span>
141+
<span class="flex items-center">
142+
<i class="fas fa-cube mr-2"></i>
143+
PMMP 5.0.0+
144+
</span>
145+
</div>
68146
</div>
147+
<a href="/download.html"
148+
class="bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-500 hover:to-blue-400 text-white px-6 py-2.5 rounded-lg flex items-center transition-all duration-300 shadow-lg hover:shadow-blue-500/20 whitespace-nowrap">
149+
<i class="fas fa-download mr-2"></i> Download .phar
150+
</a>
69151
</div>
70-
<a href="/download.html"
71-
class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg flex items-center transition-colors">
72-
<i class="fas fa-download mr-2"></i>Download .phar
73-
</a>
74-
</div>
75152

76-
<h3 class="text-lg font-semibold mb-4">Release Highlights</h3>
77-
<ul class="space-y-3 text-gray-300">
78-
<li class="flex items-start">
79-
<i class="fas fa-plus-circle text-green-400 mt-1 mr-2"></i>
80-
Initial release with core features
81-
<li>Heal Command</li>
82-
<li>Mute Command</li>
83-
<li>Sudo Command</li>
84-
<li>Vanish Command</li>
85-
<li>And others command</li>
86-
</li>
87-
</ul>
153+
<div class="mt-6">
154+
<h3 class="text-lg font-semibold mb-4 flex items-center">
155+
<i class="fas fa-star text-yellow-400 mr-2"></i>
156+
Release Highlights
157+
</h3>
158+
<ul class="space-y-3 text-gray-300 pl-1">
159+
<li class="flex items-start release-highlight transition-transform duration-200">
160+
<i class="fas fa-plus-circle text-green-400 mt-1 mr-3"></i>
161+
<span>Initial release with core features including:</span>
162+
</li>
163+
<li class="ml-9 mb-2 flex items-start">
164+
<i class="fas fa-chevron-right text-blue-400 text-xs mt-1.5 mr-2"></i>
165+
<span>Heal Command - Restore player health instantly</span>
166+
</li>
167+
<li class="ml-9 mb-2 flex items-start">
168+
<i class="fas fa-chevron-right text-blue-400 text-xs mt-1.5 mr-2"></i>
169+
<span>Mute Command - Silence disruptive players</span>
170+
</li>
171+
<li class="ml-9 mb-2 flex items-start">
172+
<i class="fas fa-chevron-right text-blue-400 text-xs mt-1.5 mr-2"></i>
173+
<span>Sudo Command - Execute commands as other players</span>
174+
</li>
175+
<li class="ml-9 mb-2 flex items-start">
176+
<i class="fas fa-chevron-right text-blue-400 text-xs mt-1.5 mr-2"></i>
177+
<span>Vanish Command - Become invisible to other players</span>
178+
</li>
179+
<li class="ml-9 flex items-start">
180+
<i class="fas fa-chevron-right text-blue-400 text-xs mt-1.5 mr-2"></i>
181+
<span>Plus many more essential commands for server management</span>
182+
</li>
183+
</ul>
184+
</div>
88185

89-
<div class="mt-6 pt-4 border-t border-gray-700">
90-
<div class="flex items-center text-sm text-gray-400">
91-
<i class="fas fa-calendar-alt mr-2"></i>
92-
Release Date: March 1, 2025
186+
<div class="mt-8 pt-4 border-t border-gray-700 flex flex-wrap justify-between gap-4">
187+
<div>
188+
<h4 class="text-sm font-semibold text-gray-400 mb-2">COMPATIBILITY</h4>
189+
<div class="flex items-center text-sm">
190+
<span class="bg-gray-700 text-blue-400 px-2.5 py-1 rounded-full text-xs font-medium">PMMP 5.0.0+</span>
191+
</div>
93192
</div>
94-
<div class="mt-2 flex items-center text-sm text-gray-400">
95-
<i class="fab fa-github mr-2"></i>
96-
PMMP Version: 5.0.0+
193+
<div>
194+
<h4 class="text-sm font-semibold text-gray-400 mb-2">LINKS</h4>
195+
<div class="flex space-x-3">
196+
<a href="https://github.com/PowerEssentials/PowerEssentials/releases/tag/v1.0.0"
197+
class="text-gray-400 hover:text-blue-400 transition-colors text-sm flex items-center">
198+
<i class="fab fa-github mr-1"></i> Release Notes
199+
</a>
200+
<a href="#"
201+
class="text-gray-400 hover:text-blue-400 transition-colors text-sm flex items-center">
202+
<i class="fas fa-book mr-1"></i> Documentation
203+
</a>
204+
</div>
97205
</div>
98206
</div>
99207
</div>
208+
209+
<!-- Older Releases Placeholder -->
210+
<div class="text-center py-8">
211+
<div class="inline-flex items-center px-4 py-2 border border-gray-700 rounded-full bg-gray-800/50">
212+
<i class="fas fa-history text-gray-500 mr-2"></i>
213+
<span class="text-gray-400">More releases coming soon!</span>
214+
</div>
215+
</div>
100216
</div>
101217

102-
<div class="mt-8 text-center">
218+
<div class="mt-12 text-center">
103219
<a href="https://github.com/PowerEssentials/PowerEssentials/releases"
104-
class="text-blue-400 hover:text-blue-300 transition-colors">
105-
<i class="fab fa-github mr-2"></i>View All Releases on GitHub
220+
target="_blank"
221+
class="inline-flex items-center px-6 py-3 border border-gray-700 rounded-lg bg-gray-800 hover:bg-gray-700/50 transition-colors group">
222+
<i class="fab fa-github mr-3 text-blue-400 group-hover:animate-bounce"></i>
223+
<span>View All Releases on GitHub</span>
224+
<i class="fas fa-arrow-right ml-3 text-sm opacity-0 group-hover:opacity-100 group-hover:ml-4 transition-all"></i>
106225
</a>
107226
</div>
108227
</div>
109228
</div>
110229
</main>
230+
111231
<footer class="bg-gray-800/80 border-t border-gray-700">
112-
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 text-center">
113-
<div class="flex justify-center space-x-6 mb-4">
114-
<a href="https://github.com/PowerEssentials" target="_blank"
115-
class="text-gray-400 hover:text-white transition-colors duration-200">
116-
<i class="fab fa-github text-2xl"></i>
117-
</a>
118-
<a href="https://discord.gg/your-invite-link" target="_blank"
119-
class="text-gray-400 hover:text-white transition-colors duration-200">
120-
<i class="fab fa-discord text-2xl"></i>
121-
</a>
232+
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
233+
<div class="flex flex-col md:flex-row justify-between items-center">
234+
<div class="mb-6 md:mb-0">
235+
<a href="/" class="text-xl font-bold gradient-text flex items-center">
236+
<i class="fas fa-bolt mr-2"></i>
237+
PowerEssentials
238+
</a>
239+
<p class="mt-2 text-gray-400 text-sm">Essential tools for Minecraft Bedrock servers</p>
240+
</div>
241+
<div class="flex flex-col items-center md:items-end">
242+
<div class="flex space-x-6 mb-4">
243+
<a href="https://github.com/PowerEssentials" target="_blank"
244+
class="text-gray-400 hover:text-white transition-colors duration-200 text-xl">
245+
<i class="fab fa-github"></i>
246+
</a>
247+
<a href="https://discord.gg/your-invite-link" target="_blank"
248+
class="text-gray-400 hover:text-white transition-colors duration-200 text-xl">
249+
<i class="fab fa-discord"></i>
250+
</a>
251+
</div>
252+
<p class="text-gray-500 text-sm">&copy; 2025 PowerEssentials. All rights reserved.</p>
253+
</div>
122254
</div>
123-
<p class="mt-4 text-gray-400">&copy; 2023 PowerEssentials. All rights reserved.</p>
124255
</div>
125256
</footer>
126257
</body>

0 commit comments

Comments
 (0)