Waleedahmeddd commited on
Commit
bfb815c
·
verified ·
1 Parent(s): 9764747

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +298 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: W Tools
3
- emoji: 🏆
4
- colorFrom: green
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: w-tools
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: red
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,298 @@
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="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>وليد | Waleed</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
+ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');
11
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
12
+
13
+ body {
14
+ font-family: 'Tajawal', 'Poppins', sans-serif;
15
+ background-color: #0f172a;
16
+ color: #e2e8f0;
17
+ transition: all 0.3s ease;
18
+ }
19
+
20
+ .en {
21
+ font-family: 'Poppins', sans-serif;
22
+ direction: ltr;
23
+ }
24
+
25
+ .ar {
26
+ font-family: 'Tajawal', sans-serif;
27
+ direction: rtl;
28
+ }
29
+
30
+ .card {
31
+ background: linear-gradient(145deg, #1e293b, #0f172a);
32
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
33
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
34
+ }
35
+
36
+ .card:hover {
37
+ transform: translateY(-5px);
38
+ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
39
+ }
40
+
41
+ .btn-primary {
42
+ background: linear-gradient(to right, #6366f1, #8b5cf6);
43
+ transition: all 0.3s ease;
44
+ }
45
+
46
+ .btn-primary:hover {
47
+ background: linear-gradient(to right, #8b5cf6, #6366f1);
48
+ transform: translateY(-2px);
49
+ }
50
+
51
+ .language-switch {
52
+ background-color: #1e293b;
53
+ transition: all 0.3s ease;
54
+ }
55
+
56
+ .language-switch:hover {
57
+ background-color: #334155;
58
+ }
59
+
60
+ .tool-icon {
61
+ color: #8b5cf6;
62
+ font-size: 1.5rem;
63
+ }
64
+ </style>
65
+ </head>
66
+ <body class="ar">
67
+ <div class="container mx-auto px-4 py-8 max-w-6xl">
68
+ <!-- Header -->
69
+ <header class="flex justify-between items-center mb-12">
70
+ <div>
71
+ <h1 class="text-4xl md:text-5xl font-bold bg-gradient-to-r from-purple-500 to-blue-500 bg-clip-text text-transparent">
72
+ وليد | Waleed
73
+ </h1>
74
+ </div>
75
+ <div class="flex items-center space-x-4 space-x-reverse">
76
+ <button id="languageToggle" class="language-switch px-4 py-2 rounded-full flex items-center">
77
+ <span class="ar">English</span>
78
+ <span class="en hidden">العربية</span>
79
+ <i class="fas fa-language ml-2"></i>
80
+ </button>
81
+ <button class="btn-primary px-6 py-2 rounded-full font-medium">
82
+ <span class="ar">تسجيل الدخول</span>
83
+ <span class="en hidden">Sign in</span>
84
+ </button>
85
+ </div>
86
+ </header>
87
+
88
+ <!-- Welcome Message -->
89
+ <section class="mb-16">
90
+ <p class="text-xl md:text-2xl leading-relaxed mb-6 ar">
91
+ مرحبًا، هذا الموقع من قبل وليد. تقدر تتعرف على مواقع بذكاء الاصطناعي.
92
+ </p>
93
+ <p class="text-xl md:text-2xl leading-relaxed mb-6 en hidden">
94
+ Welcome! This website is made by Waleed. You can explore various AI-powered websites.
95
+ </p>
96
+ </section>
97
+
98
+ <!-- Tools Section -->
99
+ <section>
100
+ <h2 class="text-2xl md:text-3xl font-bold mb-8 ar">
101
+ الأدوات والمواقع المميزة
102
+ </h2>
103
+ <h2 class="text-2xl md:text-3xl font-bold mb-8 en hidden">
104
+ Featured Tools & Websites
105
+ </h2>
106
+
107
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
108
+ <!-- Tool 1 -->
109
+ <div class="card p-6 rounded-xl">
110
+ <div class="flex items-center mb-4">
111
+ <i class="fas fa-robot tool-icon mr-3 ml-3"></i>
112
+ <h3 class="text-xl font-semibold ar">مولد الصورة الرمزية بالذكاء الاصطناعي</h3>
113
+ <h3 class="text-xl font-semibold en hidden">AI Avatar Generator</h3>
114
+ </div>
115
+ <p class="text-gray-400 mb-4 ar">
116
+ أنشئ صورة رمزية فريدة باستخدام الذكاء الاصطناعي
117
+ </p>
118
+ <p class="text-gray-400 mb-4 en hidden">
119
+ Create unique avatars using AI technology
120
+ </p>
121
+ <a href="https://humva.com/dashboard/avatar/home" target="_blank" class="btn-primary inline-block px-4 py-2 rounded-full text-sm font-medium">
122
+ <span class="ar">زيارة الموقع</span>
123
+ <span class="en hidden">Visit Site</span>
124
+ </a>
125
+ </div>
126
+
127
+ <!-- Tool 2 -->
128
+ <div class="card p-6 rounded-xl">
129
+ <div class="flex items-center mb-4">
130
+ <i class="fas fa-car tool-icon mr-3 ml-3"></i>
131
+ <h3 class="text-xl font-semibold ar">لعبة قيادة مريحة</h3>
132
+ <h3 class="text-xl font-semibold en hidden">Relaxing Driving Game</h3>
133
+ </div>
134
+ <p class="text-gray-400 mb-4 ar">
135
+ استمتع بقيادة مريحة عبر مناظر طبيعية خلابة
136
+ </p>
137
+ <p class="text-gray-400 mb-4 en hidden">
138
+ Enjoy a relaxing drive through beautiful landscapes
139
+ </p>
140
+ <a href="https://slowroads.io/#A3-dbc7edfd@0" target="_blank" class="btn-primary inline-block px-4 py-2 rounded-full text-sm font-medium">
141
+ <span class="ar">زيارة الموقع</span>
142
+ <span class="en hidden">Visit Site</span>
143
+ </a>
144
+ </div>
145
+
146
+ <!-- Tool 3 -->
147
+ <div class="card p-6 rounded-xl">
148
+ <div class="flex items-center mb-4">
149
+ <i class="fas fa-search tool-icon mr-3 ml-3"></i>
150
+ <h3 class="text-xl font-semibold ar">أدوات تحسين محركات البحث العربية</h3>
151
+ <h3 class="text-xl font-semibold en hidden">Arabic SEO Tools</h3>
152
+ </div>
153
+ <p class="text-gray-400 mb-4 ar">
154
+ مجموعة أدوات لتحسين المواقع لمحركات البحث باللغة العربية
155
+ </p>
156
+ <p class="text-gray-400 mb-4 en hidden">
157
+ A set of tools to optimize websites for Arabic search engines
158
+ </p>
159
+ <a href="https://seostudio.tools/ar" target="_blank" class="btn-primary inline-block px-4 py-2 rounded-full text-sm font-medium">
160
+ <span class="ar">زيارة الموقع</span>
161
+ <span class="en hidden">Visit Site</span>
162
+ </a>
163
+ </div>
164
+
165
+ <!-- Tool 4 -->
166
+ <div class="card p-6 rounded-xl">
167
+ <div class="flex items-center mb-4">
168
+ <i class="fas fa-keyboard tool-icon mr-3 ml-3"></i>
169
+ <h3 class="text-xl font-semibold ar">مولد النصوص المتقطعة</h3>
170
+ <h3 class="text-xl font-semibold en hidden">Glitch Text Generator</h3>
171
+ </div>
172
+ <p class="text-gray-400 mb-4 ar">
173
+ أنشئ نصوصًا فنية بتأثيرات متقطعة مميزة
174
+ </p>
175
+ <p class="text-gray-400 mb-4 en hidden">
176
+ Create artistic text with unique glitch effects
177
+ </p>
178
+ <a href="https://typedither.vercel.app/" target="_blank" class="btn-primary inline-block px-4 py-2 rounded-full text-sm font-medium">
179
+ <span class="ar">زيارة الموقع</span>
180
+ <span class="en hidden">Visit Site</span>
181
+ </a>
182
+ </div>
183
+
184
+ <!-- Tool 5 -->
185
+ <div class="card p-6 rounded-xl">
186
+ <div class="flex items-center mb-4">
187
+ <i class="fas fa-camera-retro tool-icon mr-3 ml-3"></i>
188
+ <h3 class="text-xl font-semibold ar">محرر الصور بالذكاء الاصطناعي</h3>
189
+ <h3 class="text-xl font-semibold en hidden">AI Photo Editor</h3>
190
+ </div>
191
+ <p class="text-gray-400 mb-4 ar">
192
+ عدل صورك باحترافية باستخدام تقنيات الذكاء الاصطناعي
193
+ </p>
194
+ <p class="text-gray-400 mb-4 en hidden">
195
+ Edit your photos professionally using AI technologies
196
+ </p>
197
+ <a href="https://www.insmind.com/workspace/" target="_blank" class="btn-primary inline-block px-4 py-2 rounded-full text-sm font-medium">
198
+ <span class="ar">زيارة الموقع</span>
199
+ <span class="en hidden">Visit Site</span>
200
+ </a>
201
+ </div>
202
+
203
+ <!-- Tool 6 -->
204
+ <div class="card p-6 rounded-xl">
205
+ <div class="flex items-center mb-4">
206
+ <i class="fas fa-headphones tool-icon mr-3 ml-3"></i>
207
+ <h3 class="text-xl font-semibold ar">القيادة والاستماع</h3>
208
+ <h3 class="text-xl font-semibold en hidden">Drive & Listen</h3>
209
+ </div>
210
+ <p class="text-gray-400 mb-4 ar">
211
+ استمتع بجولة افتراضية في مدن العالم مع الاستماع إلى الراديو المحلي
212
+ </p>
213
+ <p class="text-gray-400 mb-4 en hidden">
214
+ Enjoy a virtual tour of world cities while listening to local radio
215
+ </p>
216
+ <a href="https://drivenlisten.com/" target="_blank" class="btn-primary inline-block px-4 py-2 rounded-full text-sm font-medium">
217
+ <span class="ar">زيارة الموقع</span>
218
+ <span class="en hidden">Visit Site</span>
219
+ </a>
220
+ </div>
221
+
222
+ <!-- Tool 7 -->
223
+ <div class="card p-6 rounded-xl">
224
+ <div class="flex items-center mb-4">
225
+ <i class="fas fa-language tool-icon mr-3 ml-3"></i>
226
+ <h3 class="text-xl font-semibold ar">تعلم اللغات</h3>
227
+ <h3 class="text-xl font-semibold en hidden">Learn Languages</h3>
228
+ </div>
229
+ <p class="text-gray-400 mb-4 ar">
230
+ تعلم لغات جديدة بطريقة سهلة وممتعة
231
+ </p>
232
+ <p class="text-gray-400 mb-4 en hidden">
233
+ Learn new languages in an easy and fun way
234
+ </p>
235
+ <a href="https://www.loecsen.com/" target="_blank" class="btn-primary inline-block px-4 py-2 rounded-full text-sm font-medium">
236
+ <span class="ar">زيارة الموقع</span>
237
+ <span class="en hidden">Visit Site</span>
238
+ </a>
239
+ </div>
240
+
241
+ <!-- Tool 8 -->
242
+ <div class="card p-6 rounded-xl">
243
+ <div class="flex items-center mb-4">
244
+ <i class="fas fa-video tool-icon mr-3 ml-3"></i>
245
+ <h3 class="text-xl font-semibold ar">منشئ الفيديوهات بالذكاء الاصطناعي</h3>
246
+ <h3 class="text-xl font-semibold en hidden">AI Video Creator</h3>
247
+ </div>
248
+ <p class="text-gray-400 mb-4 ar">
249
+ أنشئ فيديوهات احترافية باستخدام الذكاء الاصطناعي
250
+ </p>
251
+ <p class="text-gray-400 mb-4 en hidden">
252
+ Create professional videos using artificial intelligence
253
+ </p>
254
+ <a href="https://vivago.ai/studio" target="_blank" class="btn-primary inline-block px-4 py-2 rounded-full text-sm font-medium">
255
+ <span class="ar">زيارة الموقع</span>
256
+ <span class="en hidden">Visit Site</span>
257
+ </a>
258
+ </div>
259
+ </div>
260
+ </section>
261
+
262
+ <!-- Footer -->
263
+ <footer class="mt-16 pt-8 border-t border-gray-800 text-center">
264
+ <p class="text-gray-400 ar">
265
+ © 2023 جميع الحقوق محفوظة لـ وليد
266
+ </p>
267
+ <p class="text-gray-400 en hidden">
268
+ © 2023 All Rights Reserved by Waleed
269
+ </p>
270
+ </footer>
271
+ </div>
272
+
273
+ <script>
274
+ // Language toggle functionality
275
+ document.getElementById('languageToggle').addEventListener('click', function() {
276
+ const arabicElements = document.querySelectorAll('.ar');
277
+ const englishElements = document.querySelectorAll('.en');
278
+
279
+ arabicElements.forEach(el => {
280
+ el.classList.toggle('hidden');
281
+ });
282
+
283
+ englishElements.forEach(el => {
284
+ el.classList.toggle('hidden');
285
+ });
286
+
287
+ // Change HTML direction
288
+ if (document.documentElement.getAttribute('dir') === 'rtl') {
289
+ document.documentElement.setAttribute('dir', 'ltr');
290
+ document.documentElement.setAttribute('lang', 'en');
291
+ } else {
292
+ document.documentElement.setAttribute('dir', 'rtl');
293
+ document.documentElement.setAttribute('lang', 'ar');
294
+ }
295
+ });
296
+ </script>
297
+ <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://enzostvs-deepsite.hf.space/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://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Waleedahmeddd/w-tools" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
298
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ > Create a personal website with a dark theme, supporting both Arabic and English languages. At the top of the page, display a large, bold title that says: "وليد | Waleed" Below the title, include a welcoming message in both languages: Arabic: "مرحبًا، هذا الموقع من قبل وليد. تقدر تتعرف على مواقع بذكاء الاصطناعي." English: "Welcome! This website is made by Waleed. You can explore various AI-powered websites." Add a "Sign in" button at the top right corner. Then, create a clean and modern section with a list of the following tools and websites (each with a short title and link button). All buttons should support both Arabic and English labels: 1. AI Avatar Generator – https://humva.com/dashboard/avatar/home 2. Relaxing Driving Game – https://slowroads.io/#A3-dbc7edfd@0 3. Arabic SEO Tools – https://seostudio.tools/ar 4. Glitch Text Generator – https://typedither.vercel.app/ 5. AI Photo Editor – https://www.insmind.com/workspace/ 6. Drive & Listen – https://drivenlisten.com/ 7. Learn Languages – https://www.loecsen.com/ 8. AI Video Creator – https://vivago.ai/studio