-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
167 lines (159 loc) · 9.84 KB
/
about.html
File metadata and controls
167 lines (159 loc) · 9.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#111827">
<meta name="description" content="About PowerEssentials - The ultimate Pocketmine-MP plugin for server management">
<title>About - PowerEssentials</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<link href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@4.0.9/index.css" rel="stylesheet">
</head>
<body class="bg-gray-900 text-white antialiased">
<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 }"
@scroll.window="scrolled = (window.pageYOffset > 10)">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 transition-all duration-300" :class="{ 'py-2': scrolled, 'py-3': !scrolled }">
<div class="flex items-center justify-between h-14">
<a href="/" class="text-2xl font-bold gradient-text flex items-center">
<i class="fas fa-bolt mr-2"></i>
PowerEssentials
</a>
<div class="hidden md:flex space-x-6">
<a href="index.html" class="hover:text-blue-400 transition-colors duration-200 font-medium flex items-center">
<i class="fas fa-home mr-2 text-sm"></i> Home
</a>
<a href="download.html" class="hover:text-blue-400 transition-colors duration-200 font-medium flex items-center">
<i class="fas fa-download mr-2 text-sm"></i> Download
</a>
<a href="about.html" class="text-blue-400 transition-colors duration-200 font-medium flex items-center">
<i class="fas fa-info-circle mr-2 text-sm"></i> About
</a>
<a href="#" class="hover:text-blue-400 transition-colors duration-200 font-medium flex items-center">
<i class="fas fa-list-alt mr-2 text-sm"></i> Changelog
</a>
</div>
<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">
<svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
<svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" style="display: none;">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
</div>
</div>
<div class="md:hidden" x-show="isOpen" @click.away="isOpen = false" x-transition x-cloak>
<div class="px-4 pt-2 pb-4 space-y-2 bg-gray-800/95 backdrop-blur-md">
<a href="index.html" class="block px-3 py-2 rounded-md hover:bg-gray-700 transition-colors flex items-center">
<i class="fas fa-home mr-3 text-sm w-4"></i> Home
</a>
<a href="download.html" class="block px-3 py-2 rounded-md hover:bg-gray-700 transition-colors flex items-center">
<i class="fas fa-download mr-3 text-sm w-4"></i> Download
</a>
<a href="about.html" class="block px-3 py-2 rounded-md bg-gray-700 text-blue-400 transition-colors flex items-center">
<i class="fas fa-info-circle mr-3 text-sm w-4"></i> About
</a>
<a href="#" class="block px-3 py-2 rounded-md hover:bg-gray-700 transition-colors flex items-center">
<i class="fas fa-list-alt mr-3 text-sm w-4"></i> Changelog
</a>
</div>
</div>
</nav>
<main class="min-h-screen pt-32 pb-20">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-4xl mx-auto">
<div class="text-center mb-16">
<h1 class="text-4xl md:text-5xl font-extrabold mb-4">
<span class="bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
About PowerEssentials
</span>
</h1>
<p class="text-xl text-gray-400">The ultimate server management solution for Minecraft Bedrock</p>
</div>
<div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3 mb-16">
<div class="bg-gray-800 p-6 rounded-xl">
<i class="fas fa-cubes text-3xl text-blue-400 mb-4"></i>
<h3 class="text-xl font-semibold mb-2">Core Features</h3>
<p class="text-gray-400">Essential tools for server management and gameplay enhancement</p>
</div>
<div class="bg-gray-800 p-6 rounded-xl">
<i class="fas fa-globe text-3xl text-purple-400 mb-4"></i>
<h3 class="text-xl font-semibold mb-2">Multi-language</h3>
<p class="text-gray-400">Support for localization and custom translations</p>
</div>
<div class="bg-gray-800 p-6 rounded-xl">
<i class="fas fa-shield-alt text-3xl text-green-400 mb-4"></i>
<h3 class="text-xl font-semibold mb-2">Protection</h3>
<p class="text-gray-400">Advanced world protection systems</p>
</div>
</div>
<div class="bg-gray-800 rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6">Key Features</h2>
<div class="grid gap-4 md:grid-cols-2">
<div class="flex items-start">
<i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
<div>
<h4 class="font-semibold">Comprehensive Command Suite</h4>
<p class="text-gray-400 text-sm">10+ essential commands for server management</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
<div>
<h4 class="font-semibold">Performance Optimized</h4>
<p class="text-gray-400 text-sm">Low resource usage with efficient memory management</p>
</div>
</div>
</div>
</div>
<div class="bg-gray-800 rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6">Technical Specifications</h2>
<div class="overflow-x-auto">
<table class="w-full">
<thead>
<tr class="text-left border-b border-gray-700">
<th class="pb-3">Feature</th>
<th class="pb-3">Details</th>
<th class="pb-3">Status</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-700">
<td class="py-3">PMMP Version</td>
<td class="py-3">5.0.0+</td>
<td class="py-3"><i class="fas fa-check-circle text-green-400"></i></td>
</tr>
<tr class="border-b border-gray-700">
<td class="py-3">Languages</td>
<td class="py-3">English, Indonesian</td>
<td class="py-3"><i class="fas fa-check-circle text-green-400"></i></td>
</tr>
<tr>
<td class="py-3">License</td>
<td class="py-3">MIT</td>
<td class="py-3"><i class="fas fa-check-circle text-green-400"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</main>
<footer class="bg-gray-800/80 border-t border-gray-700">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 text-center">
<div class="flex justify-center space-x-6 mb-4">
<a href="https://github.com/PowerEssentials" class="text-gray-400 hover:text-white transition-colors duration-200">
<i class="fab fa-github text-2xl"></i>
</a>
</div>
<p class="mt-4 text-gray-400">© 2025 PowerEssentials. All rights reserved.</p>
</div>
</footer>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</body>
</html>