Lineage11 commited on
Commit
5871187
·
verified ·
1 Parent(s): d562c17

a fantasy medievel theme

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +356 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 🏆
4
- colorFrom: green
5
- colorTo: red
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: undefined
3
+ colorFrom: blue
4
+ colorTo: yellow
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).
14
+
index.html CHANGED
@@ -1,19 +1,357 @@
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>Schloss Toys | Eco-Friendly Wooden Toys & Educational Play</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;500&display=swap');
13
+
14
+ body {
15
+ font-family: 'Poppins', sans-serif;
16
+ }
17
+
18
+ h1, h2, h3, h4 {
19
+ font-family: 'Playfair Display', serif;
20
+ }
21
+
22
+ .hero-pattern {
23
+ background-color: #fef7ec;
24
+ background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4a76a' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
25
+ }
26
+
27
+ .product-card {
28
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
29
+ }
30
+
31
+ .product-card:hover {
32
+ transform: translateY(-5px);
33
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
34
+ }
35
+
36
+ .event-card {
37
+ border-left: 4px solid #d4a76a;
38
+ }
39
+
40
+ .custom-bg {
41
+ background: linear-gradient(135deg, #fef7ec 0%, #ffffff 100%);
42
+ }
43
+ </style>
44
+ </head>
45
+ <body class="custom-bg text-gray-800">
46
+ <!-- Navigation -->
47
+ <nav class="bg-white shadow-md">
48
+ <div class="container mx-auto px-4 py-4">
49
+ <div class="flex justify-between items-center">
50
+ <div class="flex items-center">
51
+ <h1 class="text-2xl font-bold text-amber-800">Schloss Toys</h1>
52
+ </div>
53
+ <div class="hidden md:flex space-x-8">
54
+ <a href="#" class="hover:text-amber-600 transition">Home</a>
55
+ <a href="#" class="hover:text-amber-600 transition">Products</a>
56
+ <a href="#" class="hover:text-amber-600 transition">Workshops</a>
57
+ <a href="#" class="hover:text-amber-600 transition">Events</a>
58
+ <a href="#" class="hover:text-amber-600 transition">About</a>
59
+ <a href="#" class="hover:text-amber-600 transition">Contact</a>
60
+ </div>
61
+ <div class="md:hidden">
62
+ <i data-feather="menu"></i>
63
+ </div>
64
+ </div>
65
+ </div>
66
+ </nav>
67
+
68
+ <!-- Hero Section -->
69
+ <section class="hero-pattern py-16">
70
+ <div class="container mx-auto px-4">
71
+ <div class="flex flex-col md:flex-row items-center">
72
+ <div class="md:w-1/2 mb-8 md:mb-0">
73
+ <h2 class="text-4xl md:text-5xl font-bold mb-4 text-amber-800">Welcome to the World of Schloss</h2>
74
+ <p class="text-xl mb-6 text-gray-700">A place for the imagination to run free!</p>
75
+ <p class="text-lg mb-8 italic text-gray-600">"We love to dream with you, to create for you"</p>
76
+ <button class="bg-amber-600 hover:bg-amber-700 text-white font-bold py-3 px-6 rounded-lg transition">
77
+ Explore Our Collection
78
+ </button>
79
+ </div>
80
+ <div class="md:w-1/2">
81
+ <div class="grid grid-cols-2 gap-4">
82
+ <div class="rounded-lg overflow-hidden shadow-lg">
83
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/yellow-pine-a.jpg?1587617489"
84
+ alt="Castle on the Hill" class="w-full h-64 object-cover">
85
+ </div>
86
+ <div class="rounded-lg overflow-hidden shadow-lg">
87
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/surpise-puzzle.jpg?1587618083"
88
+ alt="Surprise Puzzle" class="w-full h-64 object-cover">
89
+ </div>
90
+ <div class="rounded-lg overflow-hidden shadow-lg">
91
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/season-tree-all-i.jpg?1587620293"
92
+ alt="Season Tree" class="w-full h-64 object-cover">
93
+ </div>
94
+ <div class="rounded-lg overflow-hidden shadow-lg">
95
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/published/_6292458.png?1587620310"
96
+ alt="Imaginary Adventure Tools" class="w-full h-64 object-cover">
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </section>
103
+
104
+ <!-- About Section -->
105
+ <section class="py-16 bg-white">
106
+ <div class="container mx-auto px-4">
107
+ <div class="text-center mb-12">
108
+ <h2 class="text-3xl font-bold mb-4 text-amber-800">Eco Friendly Educational Toys</h2>
109
+ <div class="w-20 h-1 bg-amber-600 mx-auto"></div>
110
+ </div>
111
+
112
+ <div class="flex flex-col md:flex-row items-center">
113
+ <div class="md:w-1/2 mb-8 md:mb-0">
114
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/published/kangaroo-sml-size.jpg?1587620319"
115
+ alt="Hopping Kangaroo" class="rounded-lg shadow-lg w-full">
116
+ </div>
117
+ <div class="md:w-1/2 md:pl-12">
118
+ <p class="text-lg mb-6">
119
+ Makers of unique Australian wooden toys, quirky collectables, and beautiful things for the home.
120
+ Many of our items are made from recycled or salvaged wood and are all crafted in Australia from
121
+ our workshop in Beechworth, North East Victoria. They are Eco-friendly and great for the imagination.
122
+ </p>
123
+ <div class="grid grid-cols-2 gap-4 mt-8">
124
+ <div class="flex items-center">
125
+ <i data-feather="leaf" class="text-amber-600 mr-2"></i>
126
+ <span>Eco-friendly Materials</span>
127
+ </div>
128
+ <div class="flex items-center">
129
+ <i data-feather="award" class="text-amber-600 mr-2"></i>
130
+ <span>Australian Made</span>
131
+ </div>
132
+ <div class="flex items-center">
133
+ <i data-feather="refresh-cw" class="text-amber-600 mr-2"></i>
134
+ <span>Recycled Materials</span>
135
+ </div>
136
+ <div class="flex items-center">
137
+ <i data-feather="heart" class="text-amber-600 mr-2"></i>
138
+ <span>Handcrafted with Love</span>
139
+ </div>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </section>
145
+
146
+ <!-- Products Section -->
147
+ <section class="py-16 custom-bg">
148
+ <div class="container mx-auto px-4">
149
+ <div class="text-center mb-12">
150
+ <h2 class="text-3xl font-bold mb-4 text-amber-800">Our Collection</h2>
151
+ <p class="text-lg text-gray-600">Discover our range of imaginative wooden toys</p>
152
+ <div class="w-20 h-1 bg-amber-600 mx-auto"></div>
153
+ </div>
154
+
155
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
156
+ <!-- Product 1 -->
157
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md">
158
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/yellow-pine-a.jpg?1587617489"
159
+ alt="Castle on the Hill" class="w-full h-56 object-cover">
160
+ <div class="p-6">
161
+ <h3 class="text-xl font-bold mb-2">Castle on the Hill</h3>
162
+ <p class="text-gray-600 mb-4">Each one a unique and beautiful piece of art!</p>
163
+ <button class="text-amber-600 font-semibold hover:text-amber-700 transition">Learn More</button>
164
+ </div>
165
+ </div>
166
+
167
+ <!-- Product 2 -->
168
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md">
169
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/surpise-puzzle.jpg?1587618083"
170
+ alt="Surprise Puzzles" class="w-full h-56 object-cover">
171
+ <div class="p-6">
172
+ <h3 class="text-xl font-bold mb-2">Surprise Puzzles</h3>
173
+ <p class="text-gray-600 mb-4">Not just nine pieces of furniture! Rearrange and build into many other things.</p>
174
+ <button class="text-amber-600 font-semibold hover:text-amber-700 transition">Learn More</button>
175
+ </div>
176
+ </div>
177
+
178
+ <!-- Product 3 -->
179
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md">
180
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/season-tree-all-i.jpg?1587620293"
181
+ alt="Season Tree" class="w-full h-56 object-cover">
182
+ <div class="p-6">
183
+ <h3 class="text-xl font-bold mb-2">Season Tree</h3>
184
+ <p class="text-gray-600 mb-4">An ornamental puzzle made from four classic Australian woods representing the 4 seasons.</p>
185
+ <button class="text-amber-600 font-semibold hover:text-amber-700 transition">Learn More</button>
186
+ </div>
187
+ </div>
188
+
189
+ <!-- Product 4 -->
190
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md">
191
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/published/_6292458.png?1587620310"
192
+ alt="Imaginary Adventure Tools" class="w-full h-56 object-cover">
193
+ <div class="p-6">
194
+ <h3 class="text-xl font-bold mb-2">Imaginary Adventure Tools</h3>
195
+ <p class="text-gray-600 mb-4">Inspired by & for the young at heart to be taken on journeys and quests.</p>
196
+ <button class="text-amber-600 font-semibold hover:text-amber-700 transition">Learn More</button>
197
+ </div>
198
+ </div>
199
+
200
+ <!-- Product 5 -->
201
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md">
202
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/published/kangaroo-sml-size.jpg?1587620319"
203
+ alt="Hopping Kangaroo" class="w-full h-56 object-cover">
204
+ <div class="p-6">
205
+ <h3 class="text-xl font-bold mb-2">Hopping Kangaroo</h3>
206
+ <p class="text-gray-600 mb-4">Made from Australian Red Cedar. Place on a slope, pull its tail and watch it hop down.</p>
207
+ <button class="text-amber-600 font-semibold hover:text-amber-700 transition">Learn More</button>
208
+ </div>
209
+ </div>
210
+
211
+ <!-- Product 6 -->
212
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md">
213
+ <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/2561336.png?1587620357"
214
+ alt="Workshops" class="w-full h-56 object-cover">
215
+ <div class="p-6">
216
+ <h3 class="text-xl font-bold mb-2">Workshops</h3>
217
+ <p class="text-gray-600 mb-4">Join us for creative workshops at various locations throughout the year.</p>
218
+ <button class="text-amber-600 font-semibold hover:text-amber-700 transition">Learn More</button>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </section>
224
+
225
+ <!-- Mission Section -->
226
+ <section class="py-16 bg-amber-50">
227
+ <div class="container mx-auto px-4">
228
+ <div class="text-center mb-12">
229
+ <h2 class="text-3xl font-bold mb-4 text-amber-800">Our Mission</h2>
230
+ <div class="w-20 h-1 bg-amber-600 mx-auto"></div>
231
+ </div>
232
+
233
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
234
+ <div class="text-center p-6 bg-white rounded-lg shadow-md">
235
+ <div class="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-4">
236
+ <i data-feather="star" class="text-amber-600"></i>
237
+ </div>
238
+ <h3 class="text-xl font-bold mb-3">To Inspire Others</h3>
239
+ <p class="text-gray-600">We create toys that spark creativity and wonder in children and adults alike.</p>
240
+ </div>
241
+
242
+ <div class="text-center p-6 bg-white rounded-lg shadow-md">
243
+ <div class="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-4">
244
+ <i data-feather="book-open" class="text-amber-600"></i>
245
+ </div>
246
+ <h3 class="text-xl font-bold mb-3">Educational Play</h3>
247
+ <p class="text-gray-600">Our toys encourage imaginative and educational play that develops skills naturally.</p>
248
+ </div>
249
+
250
+ <div class="text-center p-6 bg-white rounded-lg shadow-md">
251
+ <div class="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-4">
252
+ <i data-feather="repeat" class="text-amber-600"></i>
253
+ </div>
254
+ <h3 class="text-xl font-bold mb-3">Sustainable Craft</h3>
255
+ <p class="text-gray-600">We make beautiful things with recycled materials, prioritizing natural, organic resources.</p>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ </section>
260
+
261
+ <!-- Events Section -->
262
+ <section class="py-16 bg-white">
263
+ <div class="container mx-auto px-4">
264
+ <div class="text-center mb-12">
265
+ <h2 class="text-3xl font-bold mb-4 text-amber-800">Upcoming Events 2024-2025</h2>
266
+ <p class="text-lg text-gray-600">Come visit us at these festivals and fairs</p>
267
+ <div class="w-20 h-1 bg-amber-600 mx-auto"></div>
268
+ </div>
269
+
270
+ <div class="space-y-6 max-w-4xl mx-auto">
271
+ <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm">
272
+ <h3 class="text-xl font-bold mb-2">Lost Trades Fair</h3>
273
+ <p class="text-gray-600 mb-2">8-10 March 2025, Bendigo Racecourse, Bendigo VIC</p>
274
+ <a href="https://www.losttradesfair.com.au/" class="text-amber-600 hover:text-amber-700 font-semibold">Visit Website</a>
275
+ </div>
276
+
277
+ <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm">
278
+ <h3 class="text-xl font-bold mb-2">Fantasy Medieval Fair</h3>
279
+ <p class="text-gray-600 mb-2">5-6 April 2025, Mt Gambier Showgrounds, Mt Gambier SA</p>
280
+ <a href="https://fantasymedievalfair.com/" class="text-amber-600 hover:text-amber-700 font-semibold">Visit Website</a>
281
+ </div>
282
+
283
+ <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm">
284
+ <h3 class="text-xl font-bold mb-2">Off-grid Living Festival</h3>
285
+ <p class="text-gray-600 mb-2">12-13 April 2025, Chiltern Equine Park, Chiltern VIC</p>
286
+ <a href="https://www.offgridevent.com.au/" class="text-amber-600 hover:text-amber-700 font-semibold">Visit Website</a>
287
+ </div>
288
+
289
+ <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm">
290
+ <h3 class="text-xl font-bold mb-2">Beechworth Heritage Festival 2025</h3>
291
+ <p class="text-gray-600 mb-2">Beechworth VIC</p>
292
+ </div>
293
+
294
+ <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm">
295
+ <h3 class="text-xl font-bold mb-2">Wandi Nut Festival</h3>
296
+ <p class="text-gray-600 mb-2">27-28 April 2025, Wandiligong VIC</p>
297
+ </div>
298
+
299
+ <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm">
300
+ <h3 class="text-xl font-bold mb-2">Medieval and Rare Trades Festival</h3>
301
+ <p class="text-gray-600 mb-2">3-4 May 2025, Federation Park, Gumeracha SA</p>
302
+ <a href="https://www.facebook.com/MedievalandRareTradesFestival/" class="text-amber-600 hover:text-amber-700 font-semibold">Visit Facebook</a>
303
+ </div>
304
+ </div>
305
+
306
+ <div class="text-center mt-8">
307
+ <p class="text-gray-600">Follow us on social media for event updates and new product announcements!</p>
308
+ <div class="flex justify-center space-x-4 mt-4">
309
+ <a href="#" class="text-amber-600 hover:text-amber-700"><i data-feather="facebook"></i></a>
310
+ <a href="#" class="text-amber-600 hover:text-amber-700"><i data-feather="instagram"></i></a>
311
+ <a href="#" class="text-amber-600 hover:text-amber-700"><i data-feather="twitter"></i></a>
312
+ </div>
313
+ </div>
314
+ </div>
315
+ </section>
316
+
317
+ <!-- Footer -->
318
+ <footer class="bg-amber-800 text-white py-12">
319
+ <div class="container mx-auto px-4">
320
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
321
+ <div>
322
+ <h3 class="text-xl font-bold mb-4">Schloss Toys</h3>
323
+ <p class="mb-4">Makers of unique Australian wooden toys, crafted with love in Beechworth, Victoria.</p>
324
+ <p>Eco-friendly • Educational • Imaginative</p>
325
+ </div>
326
+
327
+ <div>
328
+ <h3 class="text-xl font-bold mb-4">Quick Links</h3>
329
+ <ul class="space-y-2">
330
+ <li><a href="#" class="hover:text-amber-200 transition">Our Products</a></li>
331
+ <li><a href="#" class="hover:text-amber-200 transition">Workshops</a></li>
332
+ <li><a href="#" class="hover:text-amber-200 transition">Events Calendar</a></li>
333
+ <li><a href="#" class="hover:text-amber-200 transition">About Us</a></li>
334
+ <li><a href="#" class="hover:text-amber-200 transition">Contact</a></li>
335
+ </ul>
336
+ </div>
337
+
338
+ <div>
339
+ <h3 class="text-xl font-bold mb-4">Contact Us</h3>
340
+ <p class="mb-2">Beechworth, North East Victoria</p>
341
+ <p class="mb-4">Australia</p>
342
+ <p class="mb-2">Email: info@schlosstoys.com</p>
343
+ <p>Phone: (03) 1234 5678</p>
344
+ </div>
345
+ </div>
346
+
347
+ <div class="border-t border-amber-700 mt-8 pt-8 text-center">
348
+ <p>&copy; 2024 Schloss Toys. All rights reserved.</p>
349
+ </div>
350
+ </div>
351
+ </footer>
352
+
353
+ <script>
354
+ feather.replace();
355
+ </script>
356
+ </body>
357
  </html>