Hugging Face's logo

Spaces:
wasmdashai
/
wasm
Running

App Files Community
wasmdashai commited on
Commit
5ab11f7
·
verified ·
1 Parent(s): d5fe687

اريد فقط واجهةة بتصميم تفاعلي احترافيه - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +62 -18
  3. prompts.txt +3 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Wasm
3
- emoji: 🐢
4
- colorFrom: green
5
- colorTo: yellow
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: wasm
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: pink
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,63 @@
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" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Wasm</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');
12
+ body {
13
+ font-family: 'Tajawal', sans-serif;
14
+ }
15
+ .light-mint {
16
+ background-color: #d4f1e6;
17
+ }
18
+ .text-mint {
19
+ color: #1abc9c;
20
+ }
21
+ </style>
22
+ </head>
23
+ <body class="light-mint min-h-screen flex flex-col">
24
+ <!-- Header -->
25
+ <header class="bg-white shadow-sm py-4 px-6">
26
+ <div class="container mx-auto flex justify-between items-center">
27
+ <h1 class="text-2xl font-bold text-mint">Wasm</h1>
28
+ <nav>
29
+ <ul class="flex space-x-6 space-x-reverse">
30
+ <li><a href="#" class="hover:text-mint transition">الرئيسية</a></li>
31
+ <li><a href="#" class="hover:text-mint transition">حول</a></li>
32
+ <li><a href="#" class="hover:text-mint transition">اتصل بنا</a></li>
33
+ </ul>
34
+ </nav>
35
+ </div>
36
+ </header>
37
+
38
+ <!-- Main Content -->
39
+ <main class="flex-grow flex items-center justify-center">
40
+ <div class="text-center">
41
+ <i data-feather="cpu" class="w-16 h-16 mx-auto text-mint mb-4"></i>
42
+ <h2 class="text-3xl font-bold text-gray-800 mb-2">مرحبًا بكم في Wasm</h2>
43
+ <p class="text-gray-600 max-w-md mx-auto">موقع مخصص لتقنية WebAssembly</p>
44
+ </div>
45
+ </main>
46
+
47
+ <!-- Footer -->
48
+ <footer class="bg-white py-6 px-4 shadow-inner">
49
+ <div class="container mx-auto text-center">
50
+ <p class="text-gray-600">© 2023 Wasm. جميع الحقوق محفوظة.</p>
51
+ <div class="flex justify-center space-x-4 space-x-reverse mt-3">
52
+ <a href="#" class="text-mint hover:opacity-80"><i data-feather="twitter"></i></a>
53
+ <a href="#" class="text-mint hover:opacity-80"><i data-feather="github"></i></a>
54
+ <a href="#" class="text-mint hover:opacity-80"><i data-feather="linkedin"></i></a>
55
+ </div>
56
+ </div>
57
+ </footer>
58
+
59
+ <script>
60
+ feather.replace();
61
+ </script>
62
+ </body>
63
  </html>
prompts.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ صمم لي صفحه باسم Wasm
2
+ اللون الاساسي حقها اخظر فاتح ممزوج وفيها فقط هيدر وفوتر
3
+ اريد فقط واجهةة بتصميم تفاعلي احترافيه