Hugging Face's logo

Spaces:
Atibroo
/
ala2
Running

App Files Community
Atibroo commited on
Commit
53a0668
·
verified ·
1 Parent(s): 184ebb9

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +155 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ala2
3
- emoji: 📚
4
- colorFrom: yellow
5
- colorTo: indigo
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: ala2
3
+ emoji: ⚛️
4
+ colorFrom: purple
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - QwenSite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,155 @@
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>آلة حاسبة جميلة</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
9
+ <style>
10
+ body {
11
+ background: linear-gradient(to bottom right, #1e3c72, #2a5298);
12
+ font-family: 'Tajawal', sans-serif;
13
+ }
14
+
15
+ .calc-container {
16
+ max-width: 400px;
17
+ margin: 50px auto;
18
+ border-radius: 20px;
19
+ overflow: hidden;
20
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
21
+ }
22
+
23
+ .btn:active {
24
+ transform: scale(0.95);
25
+ }
26
+
27
+ .logo-text {
28
+ font-family: 'Monotype Corsiva', cursive;
29
+ font-size: 0.5rem; /* تقليل الحجم إلى الحد الأدنى */
30
+ color: #fbbf24;
31
+ margin-top: 2px;
32
+ }
33
+ </style>
34
+ <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap" rel="stylesheet">
35
+ </head>
36
+ <body class="text-white min-h-screen flex items-center justify-center">
37
+
38
+ <div class="calc-container bg-gray-900 text-white">
39
+ <div class="p-5 bg-gray-800">
40
+ <input type="text" id="display" class="w-full text-right text-3xl p-3 bg-gray-900 border-none outline-none text-white" readonly>
41
+ </div>
42
+
43
+ <div class="grid grid-cols-4 gap-2 p-3 bg-gray-900">
44
+ <!-- Row 1 -->
45
+ <button onclick="clearDisplay()" class="btn bg-red-500 hover:bg-red-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
46
+ <i class="fas fa-trash mb-1"></i>
47
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
48
+ </button>
49
+ <button onclick="appendOperator('%')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
50
+ <span>%</span>
51
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
52
+ </button>
53
+ <button onclick="appendOperator('÷')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
54
+ <span>÷</span>
55
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
56
+ </button>
57
+ <button onclick="appendOperator('×')" class="btn bg-yellow-500 hover:bg-yellow-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
58
+ <span>×</span>
59
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
60
+ </button>
61
+
62
+ <!-- Row 2 -->
63
+ <button onclick="appendNumber('7')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
64
+ <span>7</span>
65
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
66
+ </button>
67
+ <button onclick="appendNumber('8')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
68
+ <span>8</span>
69
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
70
+ </button>
71
+ <button onclick="appendNumber('9')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
72
+ <span>9</span>
73
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
74
+ </button>
75
+ <button onclick="appendOperator('-')" class="btn bg-yellow-500 hover:bg-yellow-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
76
+ <span>-</span>
77
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
78
+ </button>
79
+
80
+ <!-- Row 3 -->
81
+ <button onclick="appendNumber('4')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
82
+ <span>4</span>
83
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
84
+ </button>
85
+ <button onclick="appendNumber('5')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
86
+ <span>5</span>
87
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
88
+ </button>
89
+ <button onclick="appendNumber('6')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
90
+ <span>6</span>
91
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
92
+ </button>
93
+ <button onclick="appendOperator('+')" class="btn bg-yellow-500 hover:bg-yellow-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
94
+ <span>+</span>
95
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
96
+ </button>
97
+
98
+ <!-- Row 4 -->
99
+ <button onclick="appendNumber('1')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
100
+ <span>1</span>
101
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
102
+ </button>
103
+ <button onclick="appendNumber('2')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
104
+ <span>2</span>
105
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
106
+ </button>
107
+ <button onclick="appendNumber('3')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
108
+ <span>3</span>
109
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
110
+ </button>
111
+ <button onclick="calculate()" class="btn bg-green-500 hover:bg-green-600 text-white p-4 rounded-xl text-xl transition row-span-2 flex flex-col items-center justify-center">
112
+ <span class="text-2xl">=</span>
113
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
114
+ </button>
115
+
116
+ <!-- Row 5 -->
117
+ <button onclick="appendNumber('0')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition col-span-2 w-full flex flex-col items-center justify-center">
118
+ <span>0</span>
119
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
120
+ </button>
121
+ <button onclick="appendNumber('.')" class="btn bg-gray-700 hover:bg-gray-600 text-white p-4 rounded-xl text-xl transition flex flex-col items-center justify-center">
122
+ <span>.</span>
123
+ <span class="logo-text">𝔼𝕃ℍ𝔸𝔻𝕀</span>
124
+ </button>
125
+ </div>
126
+ </div>
127
+
128
+ <script>
129
+ let display = document.getElementById('display');
130
+
131
+ function appendNumber(num) {
132
+ display.value += num;
133
+ }
134
+
135
+ function appendOperator(op) {
136
+ if (op === '÷') op = '/';
137
+ else if (op === '×') op = '*';
138
+ display.value += op;
139
+ }
140
+
141
+ function clearDisplay() {
142
+ display.value = '';
143
+ }
144
+
145
+ function calculate() {
146
+ try {
147
+ display.value = eval(display.value.replace(/[^-()\d/*+.%]/g, ''));
148
+ } catch (e) {
149
+ display.value = 'خطأ';
150
+ }
151
+ }
152
+ </script>
153
+
154
+ <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-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=Atibroo/ala2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
155
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ زد في كل زر لوقو باسم 𝔼𝕃ℍ𝔸𝔻𝕀
2
+ جعل اللوقو يكون صغير جدا جدا