Skip to content

Commit a2e1bd4

Browse files
AzliRynzAzliRynz
authored
...
1 parent b6eee7e commit a2e1bd4

1 file changed

Lines changed: 128 additions & 16 deletions

File tree

‎download.html‎

Lines changed: 128 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,141 @@
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="Download PowerEssentials - The ultimate plugin for Minecraft Bedrock servers. Get the latest version and enhance your server experience.">
8+
9+
<!-- Open Graph / Twitter -->
10+
<meta property="og:type" content="website">
11+
<meta property="og:title" content="Download PowerEssentials">
12+
<meta property="og:description" content="Get the latest version of PowerEssentials for your Minecraft Bedrock server.">
13+
<meta property="og:image" content="https://example.com/poweressentials-download-og.jpg">
14+
615
<title>Download - PowerEssentials</title>
716
<script src="https://cdn.tailwindcss.com"></script>
17+
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
18+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
819
</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="changelog.html" class="hover:text-blue-400">Changelog</a>
15-
<a href="about.html" class="hover:text-blue-400">About</a>
20+
<body class="bg-gray-900 text-white antialiased">
21+
<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 }">
22+
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
23+
<div class="flex items-center justify-between h-16">
24+
<a href="/" class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
25+
PowerEssentials
26+
</a>
27+
28+
<div class="hidden md:flex space-x-8">
29+
<a href="index.html" class="hover:text-blue-400 transition-colors duration-200">Home</a>
30+
<a href="changelog.html" class="hover:text-blue-400 transition-colors duration-200">Changelog</a>
31+
<a href="about.html" class="hover:text-blue-400 transition-colors duration-200">About</a>
32+
</div>
33+
34+
<button @click="isOpen = !isOpen" class="md:hidden p-2 rounded-md text-gray-400 hover:text-white focus:outline-none">
35+
<svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
36+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
37+
</svg>
38+
<svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" style="display: none;">
39+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
40+
</svg>
41+
</button>
42+
</div>
43+
</div>
44+
45+
<div class="md:hidden" x-show="isOpen" @click.away="isOpen = false" x-cloak>
46+
<div class="px-4 pt-2 pb-3 space-y-2">
47+
<a href="index.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">Home</a>
48+
<a href="changelog.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">Changelog</a>
49+
<a href="about.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">About</a>
50+
</div>
1651
</div>
1752
</nav>
1853

19-
<main class="text-center mt-20">
20-
<h2 class="text-4xl font-bold">Download PowerEssentials</h2>
21-
<p class="mt-4 text-lg text-gray-400">Get the latest version of PowerEssentials for your Minecraft Bedrock server.</p>
22-
23-
<a href="https://github.com/PowerEssentials/PowerEssentials/releases" target="_blank"
24-
class="mt-6 inline-block bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg text-lg">
25-
Download Now
26-
</a>
54+
<main class="min-h-screen pt-32 pb-20">
55+
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
56+
<div class="max-w-4xl mx-auto">
57+
<div class="text-center mb-16">
58+
<h1 class="text-4xl md:text-5xl font-extrabold mb-4">
59+
<span class="bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
60+
Download
61+
</span>
62+
PowerEssentials
63+
</h1>
64+
<p class="text-lg text-gray-400">Get the latest version and enhance your Minecraft Bedrock server</p>
65+
</div>
66+
67+
<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 mb-16">
68+
<div class="bg-gray-800 rounded-xl p-6 hover:bg-gray-700/50 transition-all duration-300 group">
69+
<div class="flex items-center mb-4">
70+
<i class="fas fa-shield-alt text-blue-400 text-2xl mr-3"></i>
71+
<h3 class="text-xl font-semibold">Stable Release</h3>
72+
</div>
73+
<p class="text-gray-400 mb-4">Recommended for production servers</p>
74+
<a href="https://github.com/PowerEssentials/PowerEssentials/releases/latest"
75+
class="inline-block w-full bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg text-center transition-colors duration-200">
76+
v1.0.0 - Download
77+
</a>
78+
</div>
79+
80+
<div class="grid gap-8 md:grid-cols-2">
81+
<div class="bg-gray-800 rounded-xl p-6">
82+
<h3 class="text-2xl font-bold mb-4">System Requirements</h3>
83+
<ul class="space-y-3 text-gray-400">
84+
<li class="flex items-center">
85+
<i class="fas fa-server text-blue-400 mr-2"></i>
86+
PocketMine-MP API 5
87+
</li>
88+
<li class="flex items-center">
89+
<i class="fas fa-memory text-green-400 mr-2"></i>
90+
2GB+ RAM Recommended
91+
</li>
92+
</ul>
93+
</div>
94+
95+
<div class="bg-gray-800 rounded-xl p-6">
96+
<h3 class="text-2xl font-bold mb-4">Installation Guide</h3>
97+
<ol class="space-y-4 text-gray-400">
98+
<li class="flex items-start">
99+
<span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3">1</span>
100+
Download the latest .phar file
101+
</li>
102+
<li class="flex items-start">
103+
<span class="bg-purple-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3">2</span>
104+
move the file to your server's plugin folder
105+
</li>
106+
<li class="flex items-start">
107+
<span class="bg-green-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3">3</span>
108+
Restart your server and enjoy!
109+
</li>
110+
</ol>
111+
</div>
112+
</div>
113+
114+
<div class="mt-12 p-6 bg-gray-800 rounded-xl text-center">
115+
<i class="fab fa-github text-4xl mb-4 text-gray-400"></i>
116+
<h3 class="text-xl font-semibold mb-2">Open Source Project</h3>
117+
<p class="text-gray-400 mb-4">Contribute or report issues on GitHub</p>
118+
<a href="https://github.com/PowerEssentials/PowerEssentials"
119+
class="inline-block bg-gray-700 hover:bg-gray-600 text-white px-6 py-3 rounded-lg transition-colors duration-200">
120+
<i class="fab fa-github mr-2"></i>View Repository
121+
</a>
122+
</div>
123+
</div>
124+
</div>
27125
</main>
126+
127+
<footer class="bg-gray-800/80 border-t border-gray-700">
128+
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 text-center">
129+
<p class="text-gray-400">&copy; 2025 PowerEssentials. All rights reserved.</p>
130+
<div class="mt-4 flex justify-center space-x-6">
131+
<a href="https://github.com/PowerEssentials" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">
132+
<i class="fab fa-github text-2xl"></i>
133+
</a>
134+
<a href="https://discord.gg/??????" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">
135+
<i class="fab fa-discord text-2xl"></i>
136+
</a>
137+
</div>
138+
</div>
139+
</footer>
28140
</body>
29141
</html>

0 commit comments

Comments
 (0)