Hugging Face's logo

Spaces:
crtypubg
/
blockcrafted-origins-realm
Running

App Files Community
crtypubg commited on
Commit
d67e9cb
·
verified ·
1 Parent(s): 0bea433

Redesign my website

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +296 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Blockcrafted Origins Realm
3
- emoji: 📊
4
- colorFrom: blue
5
- colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
+ title: BlockCrafted Origins Realm
3
+ colorFrom: green
4
+ colorTo: red
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,297 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Origin Realms - The Next Generation of Minecraft</title>
7
+ <link rel="icon" type="image/x-icon" href="https://originrealms.com/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ primary: '#4F46E5',
17
+ secondary: '#10B981',
18
+ dark: '#1E293B',
19
+ light: '#F8FAFC'
20
+ },
21
+ fontFamily: {
22
+ 'minecraft': ['"Minecraft"', 'sans-serif'],
23
+ 'inter': ['Inter', 'sans-serif']
24
+ }
25
+ }
26
+ }
27
+ }
28
+ </script>
29
+ <style>
30
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
31
+ body {
32
+ font-family: 'Inter', sans-serif;
33
+ background-color: #0F172A;
34
+ color: #E2E8F0;
35
+ }
36
+ .hero-bg {
37
+ background-image: linear-gradient(rgba(15, 23, 42, 0.7), rgba(15, 23, 42, 0.9)), url('https://originrealms.com/hero.png');
38
+ background-size: cover;
39
+ background-position: center;
40
+ }
41
+ .team-card:hover {
42
+ transform: translateY(-5px);
43
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
44
+ }
45
+ .social-icon:hover {
46
+ transform: scale(1.1);
47
+ transition: all 0.2s ease-in-out;
48
+ }
49
+ </style>
50
+ </head>
51
+ <body class="min-h-screen">
52
+ <!-- Navigation -->
53
+ <nav class="bg-dark/90 backdrop-blur-md sticky top-0 z-50">
54
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
55
+ <div class="flex items-center justify-between h-16">
56
+ <div class="flex items-center">
57
+ <div class="flex-shrink-0">
58
+ <img class="h-8 w-auto" src="https://originrealms.com/logo.png" alt="Origin Realms Logo">
59
+ </div>
60
+ <div class="hidden md:block">
61
+ <div class="ml-10 flex items-baseline space-x-4">
62
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-white bg-primary">Home</a>
63
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white">Blog</a>
64
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white">Guides</a>
65
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white">Store</a>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ <div class="hidden md:block">
70
+ <div class="ml-4 flex items-center md:ml-6">
71
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white flex items-center">
72
+ <i data-feather="discord" class="w-4 h-4 mr-2"></i> Discord
73
+ </a>
74
+ <div class="ml-3 relative">
75
+ <div class="bg-secondary px-4 py-2 rounded-md text-white text-sm font-medium flex items-center">
76
+ <i data-feather="server" class="w-4 h-4 mr-2"></i> play.originrealms.com
77
+ </div>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ <div class="-mr-2 flex md:hidden">
82
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
83
+ <i data-feather="menu"></i>
84
+ </button>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </nav>
89
+
90
+ <!-- Hero Section -->
91
+ <header class="hero-bg h-screen flex items-center justify-center">
92
+ <div class="max-w-4xl mx-auto px-4 text-center">
93
+ <h1 class="text-5xl md:text-7xl font-bold text-white mb-6">The Next Generation of Minecraft</h1>
94
+ <p class="text-xl md:text-2xl text-gray-300 mb-8">Experience a revolutionary Minecraft server with custom content, stunning visuals, and an amazing community.</p>
95
+ <div class="flex justify-center space-x-4">
96
+ <a href="#" class="bg-primary hover:bg-indigo-600 text-white px-8 py-4 rounded-lg text-lg font-semibold transition duration-300">Join Now</a>
97
+ <a href="#" class="bg-secondary hover:bg-emerald-600 text-white px-8 py-4 rounded-lg text-lg font-semibold transition duration-300">Watch Trailer</a>
98
+ </div>
99
+ </div>
100
+ </header>
101
+
102
+ <!-- News Section -->
103
+ <section class="py-16 bg-dark">
104
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
105
+ <div class="text-center mb-12">
106
+ <h2 class="text-3xl font-extrabold text-white sm:text-4xl">Origin Realms News</h2>
107
+ <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-300 sm:mt-4">Stay up to date with the latest blogs & updates!</p>
108
+ </div>
109
+
110
+ <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg max-w-4xl mx-auto">
111
+ <div class="p-6">
112
+ <div class="flex items-center">
113
+ <div class="flex-shrink-0">
114
+ <span class="bg-primary text-white text-xs font-semibold px-2.5 py-0.5 rounded">UPDATE</span>
115
+ </div>
116
+ <div class="ml-3 text-xs font-medium text-gray-300">Sept 23rd, 2025</div>
117
+ </div>
118
+ <a href="#" class="block mt-2">
119
+ <h3 class="text-xl font-semibold text-white">1.20.0 - Onboarding Update</h3>
120
+ <p class="mt-3 text-base text-gray-300">
121
+ Onboarding has officially landed on Origin Realms! This update has been rolling out in stages, but today we're dropping the biggest part yet. With most of our core features overhauled, there's a lot to talk about, and we can't wait for you to jump in! Limited Edition Retro Bit Store Bundle...
122
+ </p>
123
+ </a>
124
+ <div class="mt-4">
125
+ <a href="#" class="text-primary font-medium text-sm hover:text-indigo-500"> Read full story → </a>
126
+ </div>
127
+ </div>
128
+ </div>
129
+
130
+ <div class="mt-8 text-center">
131
+ <a href="#" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-gray-700 hover:bg-gray-600">
132
+ View All Blogs
133
+ </a>
134
+ </div>
135
+ </div>
136
+ </section>
137
+
138
+ <!-- Team Section -->
139
+ <section class="py-16 bg-gray-900">
140
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
141
+ <div class="text-center mb-12">
142
+ <h2 class="text-3xl font-extrabold text-white sm:text-4xl">Meet The Team</h2>
143
+ <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-300 sm:mt-4">Learn about the people who make Origin Realms!</p>
144
+ </div>
145
+
146
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
147
+ <!-- Team Member 1 -->
148
+ <div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg team-card transition duration-300">
149
+ <div class="p-6">
150
+ <div class="flex items-center">
151
+ <img class="w-16 h-16 rounded-full" src="https://originrealms.com/team/heads/Eraze.png" alt="Eraze">
152
+ <div class="ml-4">
153
+ <h3 class="text-lg font-bold text-white">Eraze</h3>
154
+ <p class="text-gray-400 text-sm">Managing Director</p>
155
+ </div>
156
+ </div>
157
+ <p class="mt-4 text-gray-300">
158
+ Hey, I'm Ben! As the founder of Origin Realms, my main tasks revolve around planning and organising new and exciting content for everyone to enjoy on a weekly basis.
159
+ </p>
160
+ </div>
161
+ </div>
162
+
163
+ <!-- Team Member 2 -->
164
+ <div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg team-card transition duration-300">
165
+ <div class="p-6">
166
+ <div class="flex items-center">
167
+ <img class="w-16 h-16 rounded-full" src="https://originrealms.com/team/heads/Endergized.png" alt="Endergized">
168
+ <div class="ml-4">
169
+ <h3 class="text-lg font-bold text-white">Endergized</h3>
170
+ <p class="text-gray-400 text-sm">Art Director</p>
171
+ </div>
172
+ </div>
173
+ <p class="mt-4 text-gray-300">
174
+ It is I, Samuel! Origin Realms offers loads of custom content, but making brand new items feel as if they belong in the game is no easy task!
175
+ </p>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Team Member 3 -->
180
+ <div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg team-card transition duration-300">
181
+ <div class="p-6">
182
+ <div class="flex items-center">
183
+ <img class="w-16 h-16 rounded-full" src="https://originrealms.com/team/heads/RobotPants.png" alt="RobotPants">
184
+ <div class="ml-4">
185
+ <h3 class="text-lg font-bold text-white">RobotPants</h3>
186
+ <p class="text-gray-400 text-sm">Art Director</p>
187
+ </div>
188
+ </div>
189
+ <p class="mt-4 text-gray-300">
190
+ My name is Wytze, and I'm the guy behind all of the artwork on our social media and animations on the server!
191
+ </p>
192
+ </div>
193
+ </div>
194
+ </div>
195
+
196
+ <div class="mt-8 text-center">
197
+ <a href="#" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-gray-700 hover:bg-gray-600">
198
+ View Full Team
199
+ </a>
200
+ </div>
201
+ </div>
202
+ </section>
203
+
204
+ <!-- Discord CTA -->
205
+ <section class="py-16 bg-primary">
206
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
207
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center">
208
+ <div class="mb-8 lg:mb-0">
209
+ <img class="w-full rounded-lg shadow-xl" src="https://originrealms.com/orbit-discord.png" alt="OR-Bit Discord">
210
+ </div>
211
+ <div>
212
+ <h2 class="text-3xl font-extrabold text-white sm:text-4xl">Let's Be Social!</h2>
213
+ <p class="mt-3 text-xl text-indigo-100">
214
+ Here on Origin Realms we think communication is the key to an amazing community. Because of that, we heavily value our Discord and the way it allows us to connect with our favourite people ever - you! Come join us, and let's create our origin - together!
215
+ </p>
216
+ <div class="mt-8">
217
+ <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-primary bg-white hover:bg-gray-100">
218
+ <i data-feather="discord" class="w-5 h-5 mr-2"></i> Join Our Discord
219
+ </a>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </section>
225
+
226
+ <!-- Footer -->
227
+ <footer class="bg-dark py-12">
228
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
229
+ <div class="xl:grid xl:grid-cols-3 xl:gap-8">
230
+ <div class="space-y-8 xl:col-span-1">
231
+ <div class="flex items-center">
232
+ <img class="h-10" src="https://originrealms.com/logo.png" alt="Origin Realms">
233
+ <span class="ml-2 text-xl font-bold text-white">Origin Realms</span>
234
+ </div>
235
+ <div class="flex items-center space-x-4">
236
+ <div class="bg-secondary px-4 py-2 rounded-md text-white text-sm font-medium flex items-center">
237
+ <i data-feather="server" class="w-4 h-4 mr-2"></i> play.originrealms.com
238
+ </div>
239
+ </div>
240
+ </div>
241
+ <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
242
+ <div class="md:grid md:grid-cols-2 md:gap-8">
243
+ <div>
244
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Navigation</h3>
245
+ <ul class="mt-4 space-y-4">
246
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Home</a></li>
247
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Blog</a></li>
248
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Guides</a></li>
249
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Store</a></li>
250
+ </ul>
251
+ </div>
252
+ <div class="mt-12 md:mt-0">
253
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Legal</h3>
254
+ <ul class="mt-4 space-y-4">
255
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Privacy Policy</a></li>
256
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Terms of Service</a></li>
257
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Contact</a></li>
258
+ </ul>
259
+ </div>
260
+ </div>
261
+ <div class="md:grid md:grid-cols-2 md:gap-8">
262
+ <div>
263
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Connect</h3>
264
+ <div class="mt-4 flex space-x-6">
265
+ <a href="#" class="text-gray-400 hover:text-white social-icon">
266
+ <i data-feather="discord" class="w-6 h-6"></i>
267
+ </a>
268
+ <a href="#" class="text-gray-400 hover:text-white social-icon">
269
+ <i data-feather="twitter" class="w-6 h-6"></i>
270
+ </a>
271
+ <a href="#" class="text-gray-400 hover:text-white social-icon">
272
+ <i data-feather="instagram" class="w-6 h-6"></i>
273
+ </a>
274
+ <a href="#" class="text-gray-400 hover:text-white social-icon">
275
+ <i data-feather="youtube" class="w-6 h-6"></i>
276
+ </a>
277
+ </div>
278
+ </div>
279
+ </div>
280
+ </div>
281
+ </div>
282
+ <div class="mt-12 border-t border-gray-700 pt-8">
283
+ <p class="text-base text-gray-400 text-center">
284
+ Origin Realms, A Piston Solutions product. <a href="mailto:[email protected]" class="text-primary hover:text-indigo-300">[email protected]</a>
285
+ </p>
286
+ <p class="mt-2 text-sm text-gray-500 text-center">
287
+ We are in no way affiliated with or endorsed by Mojang, AB.
288
+ </p>
289
+ </div>
290
+ </div>
291
+ </footer>
292
+
293
+ <script>
294
+ feather.replace();
295
+ </script>
296
+ </body>
297
  </html>