Hugging Face's logo

Spaces:
ahmedxsaid
/
skool
Running

App Files Community
ahmedxsaid commited on
Commit
7ffeeba
·
verified ·
1 Parent(s): fb2366b

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +238 -18
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Skool
3
- emoji: 📊
4
- colorFrom: purple
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: skool
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,239 @@
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>Skool Discovery</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <link rel="preconnect" href="https://fonts.googleapis.com">
14
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
16
+ <style>
17
+ body {
18
+ font-family: 'Inter', sans-serif;
19
+ }
20
+ .skool-gradient {
21
+ background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%);
22
+ }
23
+ .community-card {
24
+ transition: transform 0.2s ease-in-out;
25
+ }
26
+ .community-card:hover {
27
+ transform: translateY(-4px);
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="bg-gray-50">
32
+ <!-- Navigation -->
33
+ <nav class="bg-white border-b border-gray-200 px-4 md:px-6 py-4">
34
+ <div class="max-w-7xl mx-auto flex items-center justify-between">
35
+ <div class="flex items-center space-x-8">
36
+ <a href="#" class="flex items-center">
37
+ <span class="text-2xl font-bold skool-gradient bg-clip-text text-transparent">skool</span>
38
+ </a>
39
+ <div class="hidden md:flex space-x-6">
40
+ <a href="#" class="text-gray-600 hover:text-gray-900 font-medium">Discovery</a>
41
+ <a href="#" class="text-gray-600 hover:text-gray-900 font-medium">Pricing</a>
42
+ <a href="#" class="text-gray-600 hover:text-gray-900 font-medium">About</a>
43
+ <a href="#" class="text-gray-600 hover:text-gray-900 font-medium">Blog</a>
44
+ </div>
45
+ </div>
46
+ <div class="flex items-center space-x-4">
47
+ <a href="#" class="text-gray-600 hover:text-gray-900 font-medium hidden md:block">Log in</a>
48
+ <a href="#" class="bg-blue-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-blue-700 transition-colors">Get Started</a>
49
+ </div>
50
+ </div>
51
+ </nav>
52
+
53
+ <!-- Hero Section -->
54
+ <section class="bg-white py-16 px-4 md:px-6">
55
+ <div class="max-w-4xl mx-auto text-center">
56
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">Discover Communities</h1>
57
+ <p class="text-xl text-gray-600 mb-8">Find your people and learn together in communities built for growth.</p>
58
+ <div class="relative max-w-2xl mx-auto">
59
+ <input type="text" placeholder="Search communities..." class="w-full px-4 py-3 pl-12 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
60
+ <i data-feather="search" class="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
61
+ </div>
62
+ </div>
63
+ </section>
64
+
65
+ <!-- Categories -->
66
+ <section class="bg-gray-50 py-12 px-4 md:px-6">
67
+ <div class="max-w-7xl mx-auto">
68
+ <h2 class="text-2xl font-bold text-gray-900 mb-8">Browse by Category</h2>
69
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
70
+ <div class="bg-white rounded-lg p-6 text-center cursor-pointer hover:shadow-md transition-shadow">
71
+ <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mx-auto mb-4">
72
+ <i data-feather="dollar-sign" class="text-blue-600"></i>
73
+ </div>
74
+ <h3 class="font-medium text-gray-900">Business</h3>
75
+ </div>
76
+ <div class="bg-white rounded-lg p-6 text-center cursor-pointer hover:shadow-md transition-shadow">
77
+ <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mx-auto mb-4">
78
+ <i data-feather="code" class="text-green-600"></i>
79
+ </div>
80
+ <h3 class="font-medium text-gray-900">Technology</h3>
81
+ </div>
82
+ <div class="bg-white rounded-lg p-6 text-center cursor-pointer hover:shadow-md transition-shadow">
83
+ <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mx-auto mb-4">
84
+ <i data-feather="heart" class="text-purple-600"></i>
85
+ </div>
86
+ <h3 class="font-medium text-gray-900">Health</h3>
87
+ </div>
88
+ <div class="bg-white rounded-lg p-6 text-center cursor-pointer hover:shadow-md transition-shadow">
89
+ <div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mx-auto mb-4">
90
+ <i data-feather="book" class="text-yellow-600"></i>
91
+ </div>
92
+ <h3 class="font-medium text-gray-900">Education</h3>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </section>
97
+
98
+ <!-- Featured Communities -->
99
+ <section class="py-16 px-4 md:px-6">
100
+ <div class="max-w-7xl mx-auto">
101
+ <h2 class="text-2xl font-bold text-gray-900 mb-8">Featured Communities</h2>
102
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
103
+ <!-- Community Card 1 -->
104
+ <div class="bg-white rounded-xl shadow-sm community-card overflow-hidden">
105
+ <div class="h-48 bg-gradient-to-r from-blue-400 to-purple-500"></div>
106
+ <div class="p-6">
107
+ <div class="flex items-center mb-4">
108
+ <div class="w-12 h-12 rounded-full bg-gray-200 mr-3"></div>
109
+ <div>
110
+ <h3 class="font-semibold text-gray-900">Entrepreneurship Mastery</h3>
111
+ <p class="text-sm text-gray-600">By Alex Johnson</p>
112
+ </div>
113
+ </div>
114
+ <p class="text-gray-600 mb-4">Build your business from scratch with expert guidance and community support.</p>
115
+ <div class="flex items-center justify-between">
116
+ <span class="text-sm text-gray-500">2,345 members</span>
117
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">Join</button>
118
+ </div>
119
+ </div>
120
+ </div>
121
+
122
+ <!-- Community Card 2 -->
123
+ <div class="bg-white rounded-xl shadow-sm community-card overflow-hidden">
124
+ <div class="h-48 bg-gradient-to-r from-green-400 to-blue-500"></div>
125
+ <div class="p-6">
126
+ <div class="flex items-center mb-4">
127
+ <div class="w-12 h-12 rounded-full bg-gray-200 mr-3"></div>
128
+ <div>
129
+ <h3 class="font-semibold text-gray-900">Web Dev Warriors</h3>
130
+ <p class="text-sm text-gray-600">By Sarah Chen</p>
131
+ </div>
132
+ </div>
133
+ <p class="text-gray-600 mb-4">Learn web development through projects, code reviews, and collaborative learning.</p>
134
+ <div class="flex items-center justify-between">
135
+ <span class="text-sm text-gray-500">4,892 members</span>
136
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">Join</button>
137
+ </div>
138
+ </div>
139
+ </div>
140
+
141
+ <!-- Community Card 3 -->
142
+ <div class="bg-white rounded-xl shadow-sm community-card overflow-hidden">
143
+ <div class="h-48 bg-gradient-to-r from-purple-400 to-pink-500"></div>
144
+ <div class="p-6">
145
+ <div class="flex items-center mb-4">
146
+ <div class="w-12 h-12 rounded-full bg-gray-200 mr-3"></div>
147
+ <div>
148
+ <h3 class="font-semibold text-gray-900">Mindful Living</h3>
149
+ <p class="text-sm text-gray-600">By Dr. Michael Wong</p>
150
+ </div>
151
+ </div>
152
+ <p class="text-gray-600 mb-4">Discover mindfulness practices and build healthy habits with like-minded individuals.</p>
153
+ <div class="flex items-center justify-between">
154
+ <span class="text-sm text-gray-500">1,567 members</span>
155
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">Join</button>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </section>
162
+
163
+ <!-- Popular Communities -->
164
+ <section class="py-16 px-4 md:px-6 bg-gray-50">
165
+ <div class="max-w-7xl mx-auto">
166
+ <h2 class="text-2xl font-bold text-gray-900 mb-8">Popular Communities</h2>
167
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
168
+ <!-- Repeat 4 similar community cards with different content -->
169
+ <div class="bg-white rounded-xl shadow-sm community-card p-6">
170
+ <div class="w-16 h-16 rounded-full bg-gray-200 mx-auto mb-4"></div>
171
+ <h3 class="font-semibold text-gray-900 text-center mb-2">Digital Marketing</h3>
172
+ <p class="text-gray-600 text-center text-sm mb-4">3,421 members</p>
173
+ <button class="w-full bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">Join</button>
174
+ </div>
175
+ <div class="bg-white rounded-xl shadow-sm community-card p-6">
176
+ <div class="w-16 h-16 rounded-full bg-gray-200 mx-auto mb-4"></div>
177
+ <h3 class="font-semibold text-gray-900 text-center mb-2">Data Science</h3>
178
+ <p class="text-gray-600 text-center text-sm mb-4">2,876 members</p>
179
+ <button class="w-full bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">Join</button>
180
+ </div>
181
+ <div class="bg-white rounded-xl shadow-sm community-card p-6">
182
+ <div class="w-16 h-16 rounded-full bg-gray-200 mx-auto mb-4"></div>
183
+ <h3 class="font-semibold text-gray-900 text-center mb-2">Creative Writing</h3>
184
+ <p class="text-gray-600 text-center text-sm mb-4">1,934 members</p>
185
+ <button class="w-full bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">Join</button>
186
+ </div>
187
+ <div class="bg-white rounded-xl shadow-sm community-card p-6">
188
+ <div class="w-16 h-16 rounded-full bg-gray-200 mx-auto mb-4"></div>
189
+ <h3 class="font-semibold text-gray-900 text-center mb-2">Fitness & Nutrition</h3>
190
+ <p class="text-gray-600 text-center text-sm mb-4">5,231 members</p>
191
+ <button class="w-full bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">Join</button>
192
+ </div>
193
+ </div>
194
+ </div>
195
+ </section>
196
+
197
+ <!-- Footer -->
198
+ <footer class="bg-white border-t border-gray-200 py-12 px-4 md:px-6">
199
+ <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8">
200
+ <div>
201
+ <span class="text-2xl font-bold skool-gradient bg-clip-text text-transparent">skool</span>
202
+ <p class="text-gray-600 mt-2">Building communities for learning and growth.</p>
203
+ </div>
204
+ <div>
205
+ <h3 class="font-semibold text-gray-900 mb-4">Product</h3>
206
+ <ul class="space-y-2">
207
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">Features</a></li>
208
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">Pricing</a></li>
209
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">Community</a></li>
210
+ </ul>
211
+ </div>
212
+ <div>
213
+ <h3 class="font-semibold text-gray-900 mb-4">Company</h3>
214
+ <ul class="space-y-2">
215
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">About</a></li>
216
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">Blog</a></li>
217
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">Careers</a></li>
218
+ </ul>
219
+ </div>
220
+ <div>
221
+ <h3 class="font-semibold text-gray-900 mb-4">Support</h3>
222
+ <ul class="space-y-2">
223
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">Help Center</a></li>
224
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">Contact</a></li>
225
+ <li><a href="#" class="text-gray-600 hover:text-gray-900">Privacy</a></li>
226
+ </ul>
227
+ </div>
228
+ </div>
229
+ <div class="max-w-7xl mx-auto border-t border-gray-200 mt-8 pt-8 text-center">
230
+ <p class="text-gray-600">© 2024 Skool. All rights reserved.</p>
231
+ </div>
232
+ </footer>
233
+
234
+ <script>
235
+ AOS.init();
236
+ feather.replace();
237
+ </script>
238
+ </body>
239
  </html>
prompts.txt ADDED
File without changes