Hugging Face's logo

Spaces:
Starchik1
/
pay
Sleeping

App Files Community
Starchik1 commited on
Commit
efe1ece
·
verified ·
1 Parent(s): c644fca

Update main.py

Browse files
Files changed (1) hide show
  1. main.py +160 -17
main.py CHANGED
@@ -139,25 +139,168 @@ def proxy(path):
139
  # Add CSS styles to improve design
140
  style_tag = soup.new_tag('style')
141
  style_tag.string = '''
142
- body { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; padding: 20px; max-width: 1200px; margin: 0 auto; background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%); color: #2c3e50; }
143
- .breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 15px; background: rgba(255, 255, 255, 0.95); border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); margin-bottom: 25px; backdrop-filter: blur(5px); }
144
- .breadcrumb a { text-decoration: none; color: #3498db; padding: 6px 12px; border-radius: 6px; transition: all 0.3s ease; font-weight: 500; }
145
- .breadcrumb a:hover { background: linear-gradient(135deg, #e6f0ff 0%, #f0f7ff 100%); transform: translateY(-1px); color: #2980b9; }
146
- .breadcrumb > span:after { content: '›'; margin-left: 12px; color: #95a5a6; font-size: 1.2em; }
147
- .breadcrumb > span:last-child:after { display: none; }
148
- table { width: 100%; border-collapse: separate; border-spacing: 0; background: rgba(255, 255, 255, 0.95); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin: 25px 0; backdrop-filter: blur(5px); }
149
- td { padding: 15px; border: 1px solid #ecf0f1; transition: all 0.2s ease; }
150
- tr:nth-child(even) { background: rgba(245, 247, 250, 0.5); }
151
- tr:hover { background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%); transform: scale(1.001); }
152
- img { border-radius: 12px; box-shadow: 0 6px 12px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
153
- img:hover { transform: scale(1.02); }
154
- .open-image-btn { display: inline-block; margin: 12px 0; padding: 10px 20px; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); color: white !important; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; font-weight: 500; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
155
- .open-image-btn:hover { background: linear-gradient(135deg, #2980b9 0%, #2471a3 100%); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
156
  @media (max-width: 768px) {
157
- body { padding: 10px; }
158
- .breadcrumb { flex-direction: column; align-items: flex-start; }
 
 
 
 
 
 
 
 
159
  table { font-size: 14px; }
160
- td { padding: 8px; }
 
 
 
 
161
  }
162
  '''
163
  # Check if head exists, if not create it
 
139
  # Add CSS styles to improve design
140
  style_tag = soup.new_tag('style')
141
  style_tag.string = '''
142
+ :root {
143
+ --primary-gradient: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
144
+ --hover-gradient: linear-gradient(135deg, #2980b9 0%, #2471a3 100%);
145
+ --bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%);
146
+ --card-shadow: 0 8px 20px rgba(0,0,0,0.08);
147
+ --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
148
+ }
149
+ body {
150
+ font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
151
+ line-height: 1.7;
152
+ padding: 30px;
153
+ max-width: 1400px;
154
+ margin: 0 auto;
155
+ background: var(--bg-gradient);
156
+ color: #2c3e50;
157
+ min-height: 100vh;
158
+ }
159
+ .breadcrumb {
160
+ display: flex;
161
+ flex-wrap: wrap;
162
+ gap: 15px;
163
+ align-items: center;
164
+ padding: 20px;
165
+ background: rgba(255, 255, 255, 0.98);
166
+ border-radius: 16px;
167
+ box-shadow: var(--card-shadow);
168
+ margin-bottom: 30px;
169
+ backdrop-filter: blur(10px);
170
+ border: 1px solid rgba(255, 255, 255, 0.8);
171
+ }
172
+ .breadcrumb a {
173
+ text-decoration: none;
174
+ color: #3498db;
175
+ padding: 8px 16px;
176
+ border-radius: 8px;
177
+ transition: var(--transition);
178
+ font-weight: 500;
179
+ background: rgba(52, 152, 219, 0.1);
180
+ }
181
+ .breadcrumb a:hover {
182
+ background: var(--primary-gradient);
183
+ transform: translateY(-2px);
184
+ color: white;
185
+ }
186
+ .breadcrumb > span:after {
187
+ content: '›';
188
+ margin-left: 15px;
189
+ color: #95a5a6;
190
+ font-size: 1.4em;
191
+ font-weight: 300;
192
+ }
193
+ ul {
194
+ list-style: none;
195
+ padding: 0;
196
+ display: grid;
197
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
198
+ gap: 20px;
199
+ margin: 30px 0;
200
+ }
201
+ li {
202
+ background: rgba(255, 255, 255, 0.98);
203
+ border-radius: 16px;
204
+ overflow: hidden;
205
+ transition: var(--transition);
206
+ box-shadow: var(--card-shadow);
207
+ border: 1px solid rgba(255, 255, 255, 0.8);
208
+ }
209
+ li:hover {
210
+ transform: translateY(-5px);
211
+ box-shadow: 0 12px 25px rgba(0,0,0,0.1);
212
+ }
213
+ li a {
214
+ display: block;
215
+ padding: 20px;
216
+ text-decoration: none;
217
+ color: #2c3e50;
218
+ font-weight: 500;
219
+ transition: var(--transition);
220
+ background: rgba(255, 255, 255, 0.98);
221
+ }
222
+ li a:hover {
223
+ background: var(--primary-gradient);
224
+ color: white;
225
+ }
226
+ table {
227
+ width: 100%;
228
+ border-collapse: separate;
229
+ border-spacing: 0;
230
+ background: rgba(255, 255, 255, 0.98);
231
+ border-radius: 16px;
232
+ overflow: hidden;
233
+ box-shadow: var(--card-shadow);
234
+ margin: 30px 0;
235
+ backdrop-filter: blur(10px);
236
+ border: 1px solid rgba(255, 255, 255, 0.8);
237
+ }
238
+ td {
239
+ padding: 20px;
240
+ border: 1px solid rgba(236, 240, 241, 0.8);
241
+ transition: var(--transition);
242
+ }
243
+ tr:nth-child(even) {
244
+ background: rgba(245, 247, 250, 0.5);
245
+ }
246
+ tr:hover {
247
+ background: var(--bg-gradient);
248
+ transform: scale(1.002);
249
+ }
250
+ img {
251
+ border-radius: 16px;
252
+ box-shadow: var(--card-shadow);
253
+ transition: var(--transition);
254
+ max-width: 100%;
255
+ height: auto;
256
+ display: block;
257
+ margin: 10px 0;
258
+ }
259
+ img:hover {
260
+ transform: scale(1.03);
261
+ box-shadow: 0 12px 25px rgba(0,0,0,0.15);
262
+ }
263
+ .open-image-btn {
264
+ display: inline-block;
265
+ margin: 15px 0;
266
+ padding: 12px 24px;
267
+ background: var(--primary-gradient);
268
+ color: white !important;
269
+ border-radius: 12px;
270
+ text-decoration: none;
271
+ transition: var(--transition);
272
+ font-weight: 500;
273
+ box-shadow: var(--card-shadow);
274
+ border: 1px solid rgba(255, 255, 255, 0.2);
275
+ }
276
+ .open-image-btn:hover {
277
+ background: var(--hover-gradient);
278
+ transform: translateY(-3px);
279
+ box-shadow: 0 12px 25px rgba(0,0,0,0.15);
280
+ }
281
+ hr {
282
+ border: none;
283
+ height: 1px;
284
+ background: linear-gradient(to right, transparent, rgba(44, 62, 80, 0.2), transparent);
285
+ margin: 30px 0;
286
+ }
287
  @media (max-width: 768px) {
288
+ body { padding: 15px; }
289
+ .breadcrumb {
290
+ flex-direction: column;
291
+ align-items: flex-start;
292
+ padding: 15px;
293
+ }
294
+ ul {
295
+ grid-template-columns: 1fr;
296
+ gap: 15px;
297
+ }
298
  table { font-size: 14px; }
299
+ td { padding: 12px; }
300
+ .open-image-btn {
301
+ width: 100%;
302
+ text-align: center;
303
+ }
304
  }
305
  '''
306
  # Check if head exists, if not create it