Hugging Face's logo

Spaces:
Fuckingbase
/
Worm2
Running

App Files Community
Fuckingbase commited on
Commit
0617e51
·
verified ·
1 Parent(s): b74cd19

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +155 -1
index.html CHANGED
@@ -1 +1,155 @@
1
- 71a1aba59739114d6db2d2c2012edcef1beda140
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fa" 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
+ <style>
8
+ @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;500;700&display=swap');
9
+
10
+ :root {
11
+ --dark-red: #8B0000;
12
+ --light-red: #FF4136;
13
+ --bg-color: #121212;
14
+ }
15
+
16
+ body {
17
+ font-family: 'Vazirmatn', sans-serif;
18
+ background-color: var(--bg-color);
19
+ margin: 0;
20
+ display: flex;
21
+ justify-content: center;
22
+ align-items: center;
23
+ min-height: 100vh;
24
+ padding: 2rem;
25
+ box-sizing: border-box;
26
+ overflow: hidden;
27
+ position: relative;
28
+ }
29
+
30
+ /* --- پس‌زمینه با نورپردازی نرم و تصادفی --- */
31
+ body::before {
32
+ content: '';
33
+ position: fixed;
34
+ top: 0;
35
+ left: 0;
36
+ width: 100%;
37
+ height: 100%;
38
+ z-index: -2;
39
+
40
+ /* گرادیانت نور کمی نرم‌تر شده */
41
+ background: linear-gradient(
42
+ 135deg,
43
+ transparent 40%,
44
+ rgba(255, 255, 255, 0.07) 48%,
45
+ rgba(255, 255, 255, 0.14) 50%,
46
+ rgba(255, 255, 255, 0.07) 52%,
47
+ transparent 60%
48
+ );
49
+ background-size: 250% 250%;
50
+ /* انیمیشن جدید، نرم و با مسیر تصادفی */
51
+ animation: random-sheen 18s ease-in-out infinite;
52
+
53
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ctext x='0' y='35' font-size='10' font-weight='700' fill='white' transform='rotate(-45 50 50)'%3ESHΞN™%3C/text%3E%3Ctext x='50' y='85' font-size='10' font-weight='700' fill='white' transform='rotate(-45 50 50)'%3ESHΞN™%3C/text%3E%3C/svg%3E");
54
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ctext x='0' y='35' font-size='10' font-weight='700' fill='white' transform='rotate(-45 50 50)'%3ESHΞN™%3C/text%3E%3Ctext x='50' y='85' font-size='10' font-weight='700' fill='white' transform='rotate(-45 50 50)'%3ESHΞN™%3C/text%3E%3C/svg%3E");
55
+ }
56
+
57
+ /* انیمیشن جدید با مسیر چند مرحله‌ای برای حس تصادفی بودن */
58
+ @keyframes random-sheen {
59
+ 0% { background-position: 150% 150%; }
60
+ 25% { background-position: -50% 100%; }
61
+ 50% { background-position: 150% -50%; }
62
+ 75% { background-position: 50% 160%; }
63
+ 100% { background-position: 150% 150%; }
64
+ }
65
+
66
+ /* --- قاب اصلی (بدون نورپردازی اختصاصی) --- */
67
+ .gradient-frame {
68
+ position: relative;
69
+ width: 90%;
70
+ max-width: 1200px;
71
+ height: 80vh;
72
+ border-radius: 20px;
73
+ z-index: 10;
74
+
75
+ padding: 10px;
76
+ background: linear-gradient(135deg, var(--dark-red), var(--light-red));
77
+
78
+ box-shadow:
79
+ inset 3px 3px 8px rgba(0, 0, 0, 0.6),
80
+ inset -3px -3px 8px rgba(255, 255, 255, 0.15),
81
+ 0 10px 30px rgba(0, 0, 0, 0.5);
82
+ }
83
+
84
+ /*
85
+ * کدهای مربوط به .gradient-frame::before و .gradient-frame::after
86
+ * (هاله نور قرمز پشت قاب) به طور کامل حذف شده‌اند.
87
+ */
88
+
89
+ .inner-bg {
90
+ position: absolute;
91
+ top: 10px; right: 10px; bottom: 10px; left: 10px;
92
+ background-color: var(--bg-color);
93
+ border-radius: 12px;
94
+ z-index: 0;
95
+ }
96
+
97
+ .content-wrapper {
98
+ position: relative;
99
+ z-index: 1;
100
+ width: 100%;
101
+ height: 100%;
102
+ background-color: transparent;
103
+ border-radius: 12px;
104
+ display: flex;
105
+ flex-direction: column;
106
+ overflow: hidden;
107
+ }
108
+
109
+ .embedded-site {
110
+ flex-grow: 1;
111
+ width: 100%;
112
+ border: none;
113
+ display: block;
114
+ }
115
+
116
+ .frame-footer {
117
+ background-color: transparent;
118
+ padding: 0.85rem 0;
119
+ text-align: center;
120
+ flex-shrink: 0;
121
+ }
122
+
123
+ .footer-link {
124
+ font-size: 1.1rem;
125
+ font-weight: 500;
126
+ text-decoration: none;
127
+ background: linear-gradient(270deg, var(--dark-red), var(--light-red));
128
+ background-size: 400% 400%;
129
+ -webkit-background-clip: text;
130
+ background-clip: text;
131
+ color: transparent;
132
+ animation: wave 5s ease-in-out infinite;
133
+ display: inline-block;
134
+ }
135
+
136
+ @keyframes wave {
137
+ 0% { background-position: 0% 50%; }
138
+ 50% { background-position: 100% 50%; }
139
+ 100% { background-position: 0% 50%; }
140
+ }
141
+ </style>
142
+ </head>
143
+ <body>
144
+ <div class="gradient-frame">
145
+ <div class="inner-bg"></div>
146
+ <div class="content-wrapper">
147
+ <iframe class="embedded-site" src="https://wormai.vercel.app" title="Worm AI"></iframe>
148
+ <footer class="frame-footer">
149
+ <a href="https://t.me/shervini" class="footer-link" target="_blank">Exclusive SHΞN™ made</a>
150
+ </footer>
151
+ </div>
152
+ </div>
153
+ </body>
154
+ </html>
155
+