Skip to content

Commit ab50669

Browse files
AzliRynzAzliRynz
authored
...
1 parent 671e97d commit ab50669

1 file changed

Lines changed: 134 additions & 12 deletions

File tree

‎about.html‎

Lines changed: 134 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,147 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="en" class="scroll-smooth">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="theme-color" content="#111827">
7+
<meta name="description" content="About PowerEssentials - The ultimate Pocketmine-MP plugin for server management">
8+
69
<title>About - PowerEssentials</title>
710
<script src="https://cdn.tailwindcss.com"></script>
11+
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
12+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
813
</head>
9-
<body class="bg-gray-900 text-white">
10-
<nav class="bg-gray-800 p-5 flex justify-between items-center">
11-
<h1 class="text-2xl font-bold">PowerEssentials</h1>
12-
<div class="space-x-6">
13-
<a href="index.html" class="hover:text-blue-400">Home</a>
14-
<a href="download.html" class="hover:text-blue-400">Download</a>
15-
<a href="changelog.html" class="hover:text-blue-400">Changelog</a>
14+
<body class="bg-gray-900 text-white antialiased">
15+
<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 }">
16+
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
17+
<div class="flex items-center justify-between h-16">
18+
<a href="/" class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
19+
PowerEssentials
20+
</a>
21+
22+
<div class="hidden md:flex space-x-8">
23+
<a href="index.html" class="hover:text-blue-400 transition-colors duration-200">Home</a>
24+
<a href="download.html" class="hover:text-blue-400 transition-colors duration-200">Download</a>
25+
<a href="changelog.html" class="hover:text-blue-400 transition-colors duration-200">Changelog</a>
26+
</div>
27+
28+
<button @click="isOpen = !isOpen" class="md:hidden p-2 rounded-md text-gray-400 hover:text-white focus:outline-none">
29+
<svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
30+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
31+
</svg>
32+
<svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" style="display: none;">
33+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
34+
</svg>
35+
</button>
36+
</div>
37+
</div>
38+
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="changelog.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">Changelog</a>
44+
</div>
1645
</div>
1746
</nav>
1847

19-
<main class="max-w-3xl mx-auto mt-12 text-center">
20-
<h2 class="text-4xl font-bold">About PowerEssentials</h2>
21-
<p class="mt-4 text-lg text-gray-400">PowerEssentials is a feature-rich plugin designed to enhance your Minecraft Bedrock server experience.</p>
22-
<p class="mt-4 text-gray-400">Developed with performance and usability in mind, PowerEssentials provides a comprehensive set of tools for server admins.</p>
48+
<main class="min-h-screen pt-32 pb-20">
49+
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
50+
<div class="max-w-4xl mx-auto">
51+
<div class="text-center mb-16">
52+
<h1 class="text-4xl md:text-5xl font-extrabold mb-4">
53+
<span class="bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
54+
About PowerEssentials
55+
</span>
56+
</h1>
57+
<p class="text-xl text-gray-400">The ultimate server management solution for Minecraft Bedrock</p>
58+
</div>
59+
60+
<div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3 mb-16">
61+
<div class="bg-gray-800 p-6 rounded-xl">
62+
<i class="fas fa-cubes text-3xl text-blue-400 mb-4"></i>
63+
<h3 class="text-xl font-semibold mb-2">Core Features</h3>
64+
<p class="text-gray-400">Essential tools for server management and gameplay enhancement</p>
65+
</div>
66+
67+
<div class="bg-gray-800 p-6 rounded-xl">
68+
<i class="fas fa-globe text-3xl text-purple-400 mb-4"></i>
69+
<h3 class="text-xl font-semibold mb-2">Multi-language</h3>
70+
<p class="text-gray-400">Support for localization and custom translations</p>
71+
</div>
72+
73+
<div class="bg-gray-800 p-6 rounded-xl">
74+
<i class="fas fa-shield-alt text-3xl text-green-400 mb-4"></i>
75+
<h3 class="text-xl font-semibold mb-2">Protection</h3>
76+
<p class="text-gray-400">Advanced world protection systems</p>
77+
</div>
78+
</div>
79+
80+
<div class="bg-gray-800 rounded-xl p-6 mb-8">
81+
<h2 class="text-2xl font-bold mb-6">Key Features</h2>
82+
<div class="grid gap-4 md:grid-cols-2">
83+
<div class="flex items-start">
84+
<i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
85+
<div>
86+
<h4 class="font-semibold">Comprehensive Command Suite</h4>
87+
<p class="text-gray-400 text-sm">10+ essential commands for server management</p>
88+
</div>
89+
</div>
90+
<div class="flex items-start">
91+
<i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
92+
<div>
93+
<h4 class="font-semibold">Performance Optimized</h4>
94+
<p class="text-gray-400 text-sm">Low resource usage with efficient memory management</p>
95+
</div>
96+
</div>
97+
</div>
98+
</div>
99+
100+
<div class="bg-gray-800 rounded-xl p-6">
101+
<h2 class="text-2xl font-bold mb-6">Technical Specifications</h2>
102+
<div class="overflow-x-auto">
103+
<table class="w-full">
104+
<thead>
105+
<tr class="text-left border-b border-gray-700">
106+
<th class="pb-3">Feature</th>
107+
<th class="pb-3">Details</th>
108+
<th class="pb-3">Status</th>
109+
</tr>
110+
</thead>
111+
<tbody>
112+
<tr class="border-b border-gray-700">
113+
<td class="py-3">PMMP Version</td>
114+
<td class="py-3">5.0.0+</td>
115+
<td class="py-3"><i class="fas fa-check-circle text-green-400"></i></td>
116+
</tr>
117+
<tr class="border-b border-gray-700">
118+
<td class="py-3">Languages</td>
119+
<td class="py-3">English, Indonesian</td>
120+
<td class="py-3"><i class="fas fa-check-circle text-green-400"></i></td>
121+
</tr>
122+
<tr>
123+
<td class="py-3">License</td>
124+
<td class="py-3">MIT</td>
125+
<td class="py-3"><i class="fas fa-check-circle text-green-400"></i></td>
126+
</tr>
127+
</tbody>
128+
</table>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
23133
</main>
134+
135+
<footer class="bg-gray-800/80 border-t border-gray-700">
136+
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 text-center">
137+
<div class="flex justify-center space-x-6 mb-4">
138+
<a href="https://github.com/PowerEssentials" class="text-gray-400 hover:text-white transition-colors duration-200">
139+
<i class="fab fa-github text-2xl"></i>
140+
</a>
141+
</div>
142+
<p class="mt-4 text-gray-400">&copy; 2025 PowerEssentials. All rights reserved.</p>
143+
</div>
144+
</footer>
145+
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
24146
</body>
25147
</html>

0 commit comments

Comments
 (0)