Hugging Face's logo

Spaces:
IndextDataLab
/
README
No application file

App Files Community
mmm commited on
Commit
7a73a46
·
verified ·
1 Parent(s): 860bbb2

Delete index.html

Browse files
Files changed (1) hide show
  1. index.html +0 -233
index.html DELETED
@@ -1,233 +0,0 @@
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>Indext Data Lab | Hugging Face Profile</title>
7
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
8
- <style>
9
- :root {
10
- --bg-gradient: radial-gradient(at 0% 0%, #e0f2fe 0%, transparent 40%),
11
- radial-gradient(at 100% 0%, #ffedea 0%, transparent 40%),
12
- radial-gradient(at 50% 50%, #f8fafc 0%, transparent 100%);
13
- --glass-bg: rgba(255, 255, 255, 0.7);
14
- --glass-border: rgba(255, 255, 255, 0.8);
15
- --text-main: #0f172a;
16
- --text-muted: #64748b;
17
- --hf-yellow: #ffbd00;
18
- --accent-blue: #3b82f6;
19
- }
20
-
21
- * {
22
- box-sizing: border-box;
23
- margin: 0;
24
- padding: 0;
25
- }
26
-
27
- body {
28
- font-family: 'Inter', sans-serif;
29
- color: var(--text-main);
30
- background: #f1f5f9;
31
- background-image: var(--bg-gradient);
32
- background-attachment: fixed;
33
- min-height: 100vh;
34
- display: flex;
35
- align-items: flex-start;
36
- justify-content: center;
37
- padding: 2rem 1rem;
38
- }
39
-
40
- .bento-grid {
41
- display: grid;
42
- grid-template-columns: repeat(12, 1fr);
43
- grid-auto-rows: minmax(80px, auto);
44
- gap: 12px;
45
- max-width: 1100px;
46
- width: 100%;
47
- }
48
-
49
- .tile {
50
- background: var(--glass-bg);
51
- backdrop-filter: blur(20px);
52
- -webkit-backdrop-filter: blur(20px);
53
- border: 1px solid var(--glass-border);
54
- border-radius: 16px;
55
- padding: 1.25rem;
56
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
57
- display: flex;
58
- flex-direction: column;
59
- transition: transform 0.2s ease;
60
- }
61
-
62
- .tile:hover {
63
- transform: translateY(-2px);
64
- background: rgba(255, 255, 255, 0.85);
65
- }
66
-
67
- /* Typography */
68
- .label {
69
- font-size: 0.6rem;
70
- font-weight: 800;
71
- text-transform: uppercase;
72
- letter-spacing: 0.12em;
73
- color: var(--text-muted);
74
- margin-bottom: 0.5rem;
75
- display: flex;
76
- align-items: center;
77
- gap: 6px;
78
- }
79
-
80
- .label::before {
81
- content: "";
82
- width: 4px;
83
- height: 4px;
84
- background: var(--accent-blue);
85
- border-radius: 50%;
86
- }
87
-
88
- h1 { font-size: 2rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1.1; margin-bottom: 0.5rem; }
89
- h2 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; letter-spacing: -0.02em; }
90
- p { font-size: 0.8rem; line-height: 1.5; color: var(--text-muted); }
91
- b { color: var(--text-main); font-weight: 600; }
92
-
93
- /* Custom Tile Layouts */
94
- .hero-tile { grid-column: span 8; grid-row: span 3; justify-content: center; }
95
- .hero-tile h1 { background: linear-gradient(90deg, #0f172a, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
96
-
97
- .hf-tile { grid-column: span 4; grid-row: span 2; background: rgba(255, 255, 255, 0.4); border-left: 4px solid var(--hf-yellow); }
98
-
99
- .protocol-tile { grid-column: span 4; grid-row: span 4; }
100
- .phase { margin-top: 1rem; border-left: 2px solid #e2e8f0; padding-left: 0.75rem; }
101
- .phase-title { font-size: 0.75rem; font-weight: 700; color: var(--text-main); }
102
- .phase-content { font-size: 0.7rem; color: var(--text-muted); }
103
-
104
- .stack-tile { grid-column: span 5; grid-row: span 3; }
105
- .stack-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: 0.5rem; }
106
- .stack-item { font-size: 0.7rem; }
107
- .stack-item b { display: block; font-size: 0.75rem; margin-bottom: 2px; }
108
-
109
- .stats-tile { grid-column: span 3; grid-row: span 2; text-align: center; justify-content: center; }
110
- .stat-val { font-size: 2rem; font-weight: 800; line-height: 1; display: block; }
111
- .stat-lab { font-size: 0.65rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; }
112
-
113
- .location-tile { grid-column: span 3; grid-row: span 1; display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 10px; }
114
- .location-tile b { font-size: 0.8rem; }
115
-
116
- /* Buttons */
117
- .btn-group { display: flex; gap: 8px; margin-top: 1.25rem; }
118
- .btn {
119
- padding: 6px 14px; border-radius: 8px; text-decoration: none;
120
- font-size: 0.7rem; font-weight: 700; transition: 0.2s;
121
- border: 1px solid #e2e8f0; background: white; color: var(--text-main);
122
- }
123
- .btn-dark { background: var(--text-main); color: #fff; border: none; }
124
- .btn:hover { background: #f8fafc; border-color: var(--accent-blue); }
125
-
126
- /* Tags */
127
- .tag-row { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
128
- .tag { font-size: 0.6rem; font-weight: 700; background: #f1f5f9; padding: 2px 6px; border-radius: 4px; color: var(--text-muted); }
129
-
130
- @media (max-width: 900px) {
131
- .bento-grid { grid-template-columns: repeat(2, 1fr); }
132
- .tile { grid-column: span 1 !important; grid-row: auto !important; }
133
- .hero-tile { grid-column: span 2 !important; }
134
- .protocol-tile { grid-column: span 2 !important; }
135
- .stack-tile { grid-column: span 2 !important; }
136
- }
137
-
138
- @media (max-width: 600px) {
139
- .bento-grid { grid-template-columns: 1fr; }
140
- .tile { grid-column: span 1 !important; }
141
- }
142
- </style>
143
- </head>
144
- <body>
145
-
146
- <div class="bento-grid">
147
-
148
- <!-- Hero -->
149
- <div class="tile hero-tile">
150
- <span class="label">Belgrade AI Engineering Studio</span>
151
- <h1>Indext Data Lab</h1>
152
- <p>We bridge the gap between AI research and production reality. Specializing in <b>Generative AI</b>, <b>RAG Architecture</b>, and <b>Autonomous Agents</b> for global organizations.</p>
153
- <div class="btn-group">
154
- <a href="#" class="btn btn-dark">Start Discovery</a>
155
- <a href="#" class="btn">Upwork Profile</a>
156
- </div>
157
- </div>
158
-
159
- <!-- Hugging Face Tile -->
160
- <div class="tile hf-tile">
161
- <span class="label">Hugging Face Org</span>
162
- <h2>Open Source</h2>
163
- <p>Fine-tuning small language models (SLMs) and building custom datasets for domain-specific automation.</p>
164
- <div class="tag-row">
165
- <span class="tag">Fine-Tuning</span>
166
- <span class="tag">Llama-3</span>
167
- <span class="tag">Mistral</span>
168
- </div>
169
- </div>
170
-
171
- <!-- Location -->
172
- <div class="tile location-tile">
173
- <b>Belgrade, RS</b>
174
- <span>•</span>
175
- <b>United States</b>
176
- </div>
177
-
178
- <!-- Protocol -->
179
- <div class="tile protocol-tile">
180
- <span class="label">The Protocol</span>
181
- <h2>60-Day MVP Cycle</h2>
182
- <div class="phase">
183
- <span class="phase-title">01 Blueprint</span>
184
- <p class="phase-content">Feasibility & stress-testing ideas.</p>
185
- </div>
186
- <div class="phase">
187
- <span class="phase-title">02 Core Build</span>
188
- <p class="phase-content">Alpha deployment on secure infra.</p>
189
- </div>
190
- <div class="phase">
191
- <span class="phase-title">03 Handover</span>
192
- <p class="phase-content">Full IP transfer and market launch.</p>
193
- </div>
194
- </div>
195
-
196
- <!-- Capabilities -->
197
- <div class="tile stack-tile">
198
- <span class="label">Core Tech Stack</span>
199
- <div class="stack-list">
200
- <div class="stack-item"><b>Languages</b> Python, Go, TypeScript</div>
201
- <div class="stack-item"><b>AI Frameworks</b> LangChain, PyTorch, RAG</div>
202
- <div class="stack-item"><b>Infrastructure</b> AWS, Docker, Terraform</div>
203
- <div class="stack-item"><b>Databases</b> pgvector, ClickHouse</div>
204
- </div>
205
- <div class="tag-row" style="margin-top: 15px;">
206
- <span class="tag">Computer Vision</span>
207
- <span class="tag">NLP</span>
208
- <span class="tag">SRE</span>
209
- </div>
210
- </div>
211
-
212
- <!-- Stats -->
213
- <div class="tile stats-tile">
214
- <span class="stat-val">430+</span>
215
- <span class="stat-lab">Projects</span>
216
- </div>
217
-
218
- <div class="tile stats-tile">
219
- <span class="stat-val">20Y</span>
220
- <span class="stat-lab">Experience</span>
221
- </div>
222
-
223
- <!-- Transparency -->
224
- <div class="tile" style="grid-column: span 4;">
225
- <span class="label">Ethics & Ownership</span>
226
- <h2>You own the IP</h2>
227
- <p>Hourly model with real-time transparency via Upwork. No locked boxes or black boxes.</p>
228
- </div>
229
-
230
- </div>
231
-
232
- </body>
233
- </html>