Hugging Face's logo

Spaces:
NillyG
/
test
Running

App Files Community
NillyG commited on
Commit
2b8ce05
·
verified ·
1 Parent(s): 10b42bb

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +315 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test
3
- emoji: 🏆
4
- colorFrom: pink
5
- colorTo: pink
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: test
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: green
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,315 @@
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>RewardPoints+ | Customer Loyalty System</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #6e8efb, #a777e3);
12
+ }
13
+ .card-hover:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .progress-bar {
18
+ height: 10px;
19
+ border-radius: 5px;
20
+ background-color: #e5e7eb;
21
+ }
22
+ .progress-fill {
23
+ height: 100%;
24
+ border-radius: 5px;
25
+ background: linear-gradient(90deg, #4f46e5, #a855f7);
26
+ transition: width 0.5s ease;
27
+ }
28
+ .floating-btn {
29
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
30
+ }
31
+ .transaction-enter {
32
+ opacity: 0;
33
+ transform: translateY(20px);
34
+ }
35
+ .transaction-enter-active {
36
+ opacity: 1;
37
+ transform: translateY(0);
38
+ transition: all 300ms ease-out;
39
+ }
40
+ .pulse {
41
+ animation: pulse 2s infinite;
42
+ }
43
+ @keyframes pulse {
44
+ 0% { box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.7); }
45
+ 70% { box-shadow: 0 0 0 10px rgba(79, 70, 229, 0); }
46
+ 100% { box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); }
47
+ }
48
+ </style>
49
+ </head>
50
+ <body class="bg-gray-50 font-sans">
51
+ <!-- Header -->
52
+ <header class="gradient-bg text-white shadow-lg">
53
+ <div class="container mx-auto px-4 py-6">
54
+ <div class="flex justify-between items-center">
55
+ <div class="flex items-center space-x-2">
56
+ <i class="fas fa-crown text-2xl"></i>
57
+ <h1 class="text-2xl font-bold">RewardPoints+</h1>
58
+ </div>
59
+ <div class="hidden md:flex space-x-6">
60
+ <a href="#" class="hover:text-gray-200 transition" id="customerLink">Customer View</a>
61
+ <a href="#" class="hover:text-gray-200 transition" id="adminLink">Admin Dashboard</a>
62
+ <a href="#" class="hover:text-gray-200 transition" id="posLink">POS Integration</a>
63
+ </div>
64
+ <button class="md:hidden text-white focus:outline-none" id="mobileMenuButton">
65
+ <i class="fas fa-bars text-2xl"></i>
66
+ </button>
67
+ </div>
68
+ </div>
69
+ </header>
70
+
71
+ <!-- Mobile Menu -->
72
+ <div class="md:hidden hidden bg-white shadow-lg rounded-lg mx-4 py-2 absolute z-10 w-11/12" id="mobileMenu">
73
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-purple-50" id="mobileCustomerLink">
74
+ <i class="fas fa-user mr-2"></i> Customer View
75
+ </a>
76
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-purple-50" id="mobileAdminLink">
77
+ <i class="fas fa-tachometer-alt mr-2"></i> Admin Dashboard
78
+ </a>
79
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-purple-50" id="mobilePosLink">
80
+ <i class="fas fa-cash-register mr-2"></i> POS Integration
81
+ </a>
82
+ </div>
83
+
84
+ <!-- Main Content -->
85
+ <main class="container mx-auto px-4 py-8">
86
+ <!-- Customer View -->
87
+ <div id="customerView">
88
+ <div class="max-w-4xl mx-auto">
89
+ <div class="bg-white rounded-xl shadow-md overflow-hidden mb-8 card-hover transition">
90
+ <div class="gradient-bg p-6 text-white">
91
+ <div class="flex justify-between items-start">
92
+ <div>
93
+ <h2 class="text-xl font-semibold">Your Reward Points</h2>
94
+ <p class="text-purple-100">Member since June 2022</p>
95
+ </div>
96
+ <div class="bg-white text-purple-800 px-3 py-1 rounded-full text-sm font-bold">
97
+ GOLD MEMBER
98
+ </div>
99
+ </div>
100
+ <div class="mt-6">
101
+ <div class="flex justify-between items-center mb-2">
102
+ <span class="font-bold text-3xl" id="currentPoints">1,250</span>
103
+ <span class="text-purple-100">Next tier at 2,000 points</span>
104
+ </div>
105
+ <div class="progress-bar">
106
+ <div class="progress-fill" style="width: 62.5%;"></div>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ <div class="p-6">
111
+ <h3 class="text-lg font-semibold text-gray-800 mb-4">Recent Transactions</h3>
112
+ <div class="space-y-4" id="transactionList">
113
+ <!-- Transactions will be added here by JavaScript -->
114
+ </div>
115
+ </div>
116
+ </div>
117
+
118
+ <div class="grid md:grid-cols-3 gap-6 mb-8">
119
+ <div class="bg-white p-6 rounded-xl shadow-md card-hover transition">
120
+ <div class="flex items-center mb-4">
121
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
122
+ <i class="fas fa-gift text-purple-600"></i>
123
+ </div>
124
+ <div>
125
+ <h3 class="font-semibold text-gray-800">Available Rewards</h3>
126
+ <p class="text-gray-500 text-sm">Redeem your points</p>
127
+ </div>
128
+ </div>
129
+ <div class="space-y-3">
130
+ <div class="flex justify-between items-center p-3 bg-purple-50 rounded-lg">
131
+ <div>
132
+ <h4 class="font-medium">$10 Gift Card</h4>
133
+ <p class="text-xs text-gray-500">800 points</p>
134
+ </div>
135
+ <button class="bg-purple-600 text-white px-3 py-1 rounded-full text-sm hover:bg-purple-700 transition">Redeem</button>
136
+ </div>
137
+ <div class="flex justify-between items-center p-3 bg-purple-50 rounded-lg">
138
+ <div>
139
+ <h4 class="font-medium">Free Coffee</h4>
140
+ <p class="text-xs text-gray-500">250 points</p>
141
+ </div>
142
+ <button class="bg-purple-600 text-white px-3 py-1 rounded-full text-sm hover:bg-purple-700 transition">Redeem</button>
143
+ </div>
144
+ </div>
145
+ </div>
146
+
147
+ <div class="bg-white p-6 rounded-xl shadow-md card-hover transition">
148
+ <div class="flex items-center mb-4">
149
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
150
+ <i class="fas fa-bolt text-blue-600"></i>
151
+ </div>
152
+ <div>
153
+ <h3 class="font-semibold text-gray-800">Quick Actions</h3>
154
+ <p class="text-gray-500 text-sm">Frequent options</p>
155
+ </div>
156
+ </div>
157
+ <div class="grid grid-cols-2 gap-3">
158
+ <button class="bg-blue-50 text-blue-600 p-3 rounded-lg flex flex-col items-center hover:bg-blue-100 transition">
159
+ <i class="fas fa-qrcode text-xl mb-1"></i>
160
+ <span class="text-xs">Show QR Code</span>
161
+ </button>
162
+ <button class="bg-blue-50 text-blue-600 p-3 rounded-lg flex flex-col items-center hover:bg-blue-100 transition">
163
+ <i class="fas fa-share-alt text-xl mb-1"></i>
164
+ <span class="text-xs">Refer Friend</span>
165
+ </button>
166
+ <button class="bg-blue-50 text-blue-600 p-3 rounded-lg flex flex-col items-center hover:bg-blue-100 transition">
167
+ <i class="fas fa-history text-xl mb-1"></i>
168
+ <span class="text-xs">History</span>
169
+ </button>
170
+ <button class="bg-blue-50 text-blue-600 p-3 rounded-lg flex flex-col items-center hover:bg-blue-100 transition">
171
+ <i class="fas fa-cog text-xl mb-1"></i>
172
+ <span class="text-xs">Settings</span>
173
+ </button>
174
+ </div>
175
+ </div>
176
+
177
+ <div class="bg-white p-6 rounded-xl shadow-md card-hover transition">
178
+ <div class="flex items-center mb-4">
179
+ <div class="bg-green-100 p-3 rounded-full mr-4">
180
+ <i class="fas fa-percentage text-green-600"></i>
181
+ </div>
182
+ <div>
183
+ <h3 class="font-semibold text-gray-800">Special Offers</h3>
184
+ <p class="text-gray-500 text-sm">Limited time deals</p>
185
+ </div>
186
+ </div>
187
+ <div class="bg-gradient-to-r from-green-100 to-blue-100 p-4 rounded-lg">
188
+ <h4 class="font-bold text-green-800 mb-1">Double Points Weekend!</h4>
189
+ <p class="text-xs text-green-700 mb-2">Earn 2x points on all purchases this weekend</p>
190
+ <div class="flex justify-between items-center">
191
+ <span class="text-xs bg-green-200 text-green-800 px-2 py-1 rounded-full">Active</span>
192
+ <span class="text-xs text-green-700">Ends in 2 days</span>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </div>
197
+ </div>
198
+ </div>
199
+
200
+ <!-- Admin Dashboard -->
201
+ <div id="adminDashboard" class="hidden">
202
+ <h2 class="text-2xl font-bold text-gray-800 mb-6">Admin Dashboard</h2>
203
+
204
+ <div class="grid md:grid-cols-4 gap-6 mb-8">
205
+ <div class="bg-white p-6 rounded-xl shadow-md">
206
+ <div class="flex justify-between items-start">
207
+ <div>
208
+ <p class="text-gray-500">Total Members</p>
209
+ <h3 class="text-3xl font-bold text-gray-800">1,842</h3>
210
+ </div>
211
+ <div class="bg-purple-100 p-3 rounded-full">
212
+ <i class="fas fa-users text-purple-600"></i>
213
+ </div>
214
+ </div>
215
+ <div class="mt-4 pt-4 border-t border-gray-100">
216
+ <p class="text-sm text-gray-500 flex items-center">
217
+ <span class="text-green-500 mr-1">↑ 12%</span> from last month
218
+ </p>
219
+ </div>
220
+ </div>
221
+
222
+ <div class="bg-white p-6 rounded-xl shadow-md">
223
+ <div class="flex justify-between items-start">
224
+ <div>
225
+ <p class="text-gray-500">Active Today</p>
226
+ <h3 class="text-3xl font-bold text-gray-800">327</h3>
227
+ </div>
228
+ <div class="bg-blue-100 p-3 rounded-full">
229
+ <i class="fas fa-bolt text-blue-600"></i>
230
+ </div>
231
+ </div>
232
+ <div class="mt-4 pt-4 border-t border-gray-100">
233
+ <p class="text-sm text-gray-500 flex items-center">
234
+ <span class="text-green-500 mr-1">↑ 8%</span> from yesterday
235
+ </p>
236
+ </div>
237
+ </div>
238
+
239
+ <div class="bg-white p-6 rounded-xl shadow-md">
240
+ <div class="flex justify-between items-start">
241
+ <div>
242
+ <p class="text-gray-500">Points Redeemed</p>
243
+ <h3 class="text-3xl font-bold text-gray-800">24,150</h3>
244
+ </div>
245
+ <div class="bg-yellow-100 p-3 rounded-full">
246
+ <i class="fas fa-gift text-yellow-600"></i>
247
+ </div>
248
+ </div>
249
+ <div class="mt-4 pt-4 border-t border-gray-100">
250
+ <p class="text-sm text-gray-500 flex items-center">
251
+ <span class="text-green-500 mr-1">↑ 5%</span> from last week
252
+ </p>
253
+ </div>
254
+ </div>
255
+
256
+ <div class="bg-white p-6 rounded-xl shadow-md">
257
+ <div class="flex justify-between items-start">
258
+ <div>
259
+ <p class="text-gray-500">Avg. Points/Member</p>
260
+ <h3 class="text-3xl font-bold text-gray-800">856</h3>
261
+ </div>
262
+ <div class="bg-green-100 p-3 rounded-full">
263
+ <i class="fas fa-chart-line text-green-600"></i>
264
+ </div>
265
+ </div>
266
+ <div class="mt-4 pt-4 border-t border-gray-100">
267
+ <p class="text-sm text-gray-500 flex items-center">
268
+ <span class="text-green-500 mr-1">↑ 3%</span> from last quarter
269
+ </p>
270
+ </div>
271
+ </div>
272
+ </div>
273
+
274
+ <div class="bg-white rounded-xl shadow-md overflow-hidden mb-8">
275
+ <div class="p-6 border-b border-gray-100">
276
+ <h3 class="text-lg font-semibold text-gray-800">Recent Member Activity</h3>
277
+ </div>
278
+ <div class="overflow-x-auto">
279
+ <table class="min-w-full divide-y divide-gray-200">
280
+ <thead class="bg-gray-50">
281
+ <tr>
282
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Member</th>
283
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Activity</th>
284
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Points</th>
285
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Time</th>
286
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Location</th>
287
+ </tr>
288
+ </thead>
289
+ <tbody class="bg-white divide-y divide-gray-200" id="adminActivityList">
290
+ <!-- Activity will be added here by JavaScript -->
291
+ </tbody>
292
+ </table>
293
+ </div>
294
+ </div>
295
+
296
+ <div class="grid md:grid-cols-2 gap-6">
297
+ <div class="bg-white p-6 rounded-xl shadow-md">
298
+ <h3 class="text-lg font-semibold text-gray-800 mb-4">Points Distribution</h3>
299
+ <div class="h-64" id="pointsChart"></div>
300
+ </div>
301
+
302
+ <div class="bg-white p-6 rounded-xl shadow-md">
303
+ <h3 class="text-lg font-semibold text-gray-800 mb-4">Quick Actions</h3>
304
+ <div class="grid grid-cols-2 gap-4">
305
+ <button class="bg-purple-100 text-purple-700 p-4 rounded-lg flex flex-col items-center hover:bg-purple-200 transition">
306
+ <i class="fas fa-user-plus text-xl mb-2"></i>
307
+ <span class="text-sm">Add Member</span>
308
+ </button>
309
+ <button class="bg-blue-100 text-blue-700 p-4 rounded-lg flex flex-col items-center hover:bg-blue-200 transition">
310
+ <i class="fas fa-bullhorn text-xl mb-2"></i>
311
+ <span class="text-sm">Send Promotion</span>
312
+ </button>
313
+ <button class="bg-green-100 text-green-700 p-4 rounded-lg flex flex-col items-center hover:bg-green-200
314
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://deepsite.hf.co/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://deepsite.hf.co" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://deepsite.hf.co?remix=NillyG/test" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
315
+ </html>
prompts.txt ADDED
File without changes