Hugging Face's logo

Spaces:
pockit-cloud
/
sada
Running

App Files Community
theguywhosucks commited on
Commit
f524b90
·
verified ·
1 Parent(s): 5c3d81a

Upload 4 files

Browse files
Files changed (5) hide show
  1. .gitattributes +2 -0
  2. bg.png +3 -0
  3. index.html +195 -19
  4. logo.png +0 -0
  5. scr.png +3 -0
.gitattributes CHANGED
@@ -33,3 +33,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
33
  *.zip filter=lfs diff=lfs merge=lfs -text
34
  *.zst filter=lfs diff=lfs merge=lfs -text
35
  *tfevents* filter=lfs diff=lfs merge=lfs -text
 
 
 
33
  *.zip filter=lfs diff=lfs merge=lfs -text
34
  *.zst filter=lfs diff=lfs merge=lfs -text
35
  *tfevents* filter=lfs diff=lfs merge=lfs -text
36
+ bg.png filter=lfs diff=lfs merge=lfs -text
37
+ scr.png filter=lfs diff=lfs merge=lfs -text
bg.png ADDED

Git LFS Details

  • SHA256: 141888dc3fb2bfc12fbd5af33a056052f34b3625f8ed1234cadba05eea30f696
  • Pointer size: 132 Bytes
  • Size of remote file: 1.32 MB
index.html CHANGED
@@ -1,19 +1,195 @@
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">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Documentation</title>
7
+
8
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
9
+ <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
10
+
11
+ <style>
12
+ *{
13
+ margin:0;
14
+ padding:0;
15
+ box-sizing:border-box;
16
+ font-family:'Poppins',sans-serif;
17
+ }
18
+
19
+ body{
20
+ background:#000;
21
+ overflow:hidden; /* Prevent whole page scrolling */
22
+ }
23
+
24
+ .background{
25
+ position:fixed;
26
+ inset:0;
27
+ background-image:url('bg.png');
28
+ background-size:cover;
29
+ background-position:center;
30
+ z-index:-1;
31
+ }
32
+
33
+ section{
34
+ display:flex;
35
+ height:100vh;
36
+ width:100%;
37
+ }
38
+
39
+ .sidebar{
40
+ width:280px;
41
+ backdrop-filter:blur(18px);
42
+ background:rgba(0,0,0,.45);
43
+ border-right:1px solid rgba(255,255,255,.2);
44
+ padding:25px;
45
+ color:#fff;
46
+ overflow-y:auto;
47
+ }
48
+
49
+ .logo{
50
+ margin-bottom:30px;
51
+ }
52
+
53
+ .logo img{
54
+ height:45px;
55
+ }
56
+
57
+ .toc a{
58
+ display:block;
59
+ color:#fff;
60
+ text-decoration:none;
61
+ padding:8px 10px;
62
+ border-radius:8px;
63
+ margin:5px 0;
64
+ font-size:.95em;
65
+ opacity:.75;
66
+ transition:.2s;
67
+ }
68
+
69
+ .toc a:hover{
70
+ background:rgba(255,255,255,.12);
71
+ opacity:1;
72
+ transform:translateX(5px);
73
+ }
74
+
75
+ .toc a.active{
76
+ background:#fff;
77
+ color:#000;
78
+ opacity:1;
79
+ }
80
+
81
+ .content{
82
+ flex:1;
83
+ margin:30px;
84
+ padding:50px; /* Bigger content */
85
+ border-radius:20px;
86
+ backdrop-filter:blur(20px);
87
+ background:rgba(0,0,0,.4);
88
+ color:#fff;
89
+ overflow-y:auto; /* Only content scrolls */
90
+ }
91
+
92
+ .content h1,
93
+ .content h2,
94
+ .content h3{
95
+ margin:25px 0 15px;
96
+ }
97
+
98
+ .content p{
99
+ line-height:1.8em;
100
+ margin:12px 0;
101
+ font-size:1.05em;
102
+ }
103
+
104
+ .content code{
105
+ background:rgba(255,255,255,.1);
106
+ padding:4px 7px;
107
+ border-radius:6px;
108
+ }
109
+
110
+ .content pre{
111
+ background:rgba(255,255,255,.08);
112
+ padding:18px;
113
+ border-radius:12px;
114
+ overflow-x:auto;
115
+ }
116
+
117
+ /* Emoji-safe font stack */
118
+ .content, .sidebar {
119
+ font-family:'Poppins','Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;
120
+ }
121
+
122
+ @media(max-width:900px){
123
+ section{flex-direction:column;}
124
+ .sidebar{width:100%; height:auto;}
125
+ .content{margin:15px; padding:30px;}
126
+ }
127
+ </style>
128
+ </head>
129
+ <body>
130
+
131
+ <div class="background"></div>
132
+
133
+ <section>
134
+
135
+ <div class="sidebar">
136
+ <div class="logo">
137
+ <img src="logo.png" alt="Logo">
138
+ </div>
139
+ <div class="toc" id="toc"></div>
140
+ </div>
141
+
142
+ <div class="content" id="content">Loading documentation...</div>
143
+
144
+ </section>
145
+
146
+ <script>
147
+ function buildTOC(){
148
+ const content=document.getElementById('content');
149
+ const toc=document.getElementById('toc');
150
+ const headings=content.querySelectorAll('h1,h2,h3');
151
+ toc.innerHTML='';
152
+
153
+ headings.forEach(h=>{
154
+ const link=document.createElement('a');
155
+ link.textContent=h.textContent;
156
+ link.href='#'+h.id;
157
+ link.style.marginLeft=(h.tagName==='H2'?12:h.tagName==='H3'?24:0)+'px';
158
+ toc.appendChild(link);
159
+ });
160
+
161
+ window.addEventListener('scroll',()=>{
162
+ let fromTop=content.scrollTop+100;
163
+ headings.forEach(h=>{
164
+ const link=toc.querySelector(`a[href="#${h.id}"]`);
165
+ if(h.offsetTop<=fromTop && h.offsetTop+h.offsetHeight>fromTop){
166
+ link?.classList.add('active');
167
+ }else{
168
+ link?.classList.remove('active');
169
+ }
170
+ });
171
+ });
172
+ }
173
+
174
+ async function loadREADME(){
175
+ try{
176
+ const res=await fetch('README.md');
177
+ const text=await res.text();
178
+ const html=marked.parse(text);
179
+ document.getElementById('content').innerHTML=html;
180
+
181
+ document.querySelectorAll('.content h1, .content h2, .content h3').forEach(h=>{
182
+ h.id=h.textContent.replace(/\s+/g,'-').toLowerCase();
183
+ });
184
+
185
+ buildTOC();
186
+ }catch(e){
187
+ document.getElementById('content').innerHTML='Failed to load README.md';
188
+ }
189
+ }
190
+
191
+ loadREADME();
192
+ </script>
193
+
194
+ </body>
195
+ </html>
logo.png ADDED
scr.png ADDED

Git LFS Details

  • SHA256: 46a23eb031583438a4bce07b4adacd6a1bfbdb23f45b6b4648d4cd85248bdedc
  • Pointer size: 131 Bytes
  • Size of remote file: 514 kB