Hugging Face's logo

Spaces:
Dipaf
/
3d
Running

App Files Community
Dipaf commited on
Commit
47f9b2c
·
verified ·
1 Parent(s): f820941

remove skills - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +0 -164
index.html CHANGED
@@ -32,12 +32,6 @@
32
  background-repeat: no-repeat;
33
  background-size: cover;
34
  }
35
- .skill-bar {
36
- height: 8px;
37
- border-radius: 4px;
38
- background: linear-gradient(90deg, #4f46e5, #8b5cf6);
39
- transition: width 1.5s ease;
40
- }
41
  </style>
42
  </head>
43
  <body class="bg-gray-900 text-gray-100 font-sans">
@@ -55,7 +49,6 @@
55
  <a href="#home" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:text-indigo-300 transition">Home</a>
56
  <a href="#portfolio" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-indigo-300 transition">Portfolio</a>
57
  <a href="#about" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-indigo-300 transition">About</a>
58
- <a href="#skills" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-indigo-300 transition">Skills</a>
59
  <a href="#contact" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-indigo-300 transition">Contact</a>
60
  </div>
61
  </div>
@@ -72,7 +65,6 @@
72
  <a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-white hover:text-indigo-300 transition">Home</a>
73
  <a href="#portfolio" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-indigo-300 transition">Portfolio</a>
74
  <a href="#about" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-indigo-300 transition">About</a>
75
- <a href="#skills" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-indigo-300 transition">Skills</a>
76
  <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-indigo-300 transition">Contact</a>
77
  </div>
78
  </div>
@@ -231,137 +223,6 @@
231
  </div>
232
  </section>
233
 
234
- <!-- Skills Section -->
235
- <section id="skills" class="py-20 bg-gray-800">
236
- <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
237
- <div class="text-center mb-16">
238
- <h2 class="text-3xl md:text-4xl font-bold mb-4">My <span class="text-indigo-400">Skills</span></h2>
239
- <p class="max-w-2xl mx-auto text-gray-400">Mastering the tools and techniques to bring ideas to life</p>
240
- </div>
241
-
242
- <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
243
- <div>
244
- <h3 class="text-xl font-semibold mb-6 text-indigo-300">Software Proficiency</h3>
245
-
246
- <div class="mb-6">
247
- <div class="flex justify-between mb-2">
248
- <span>Blender</span>
249
- <span>95%</span>
250
- </div>
251
- <div class="w-full bg-gray-700 rounded-full h-2.5">
252
- <div class="skill-bar h-2.5 rounded-full" style="width: 95%"></div>
253
- </div>
254
- </div>
255
-
256
- <div class="mb-6">
257
- <div class="flex justify-between mb-2">
258
- <span>Maya</span>
259
- <span>85%</span>
260
- </div>
261
- <div class="w-full bg-gray-700 rounded-full h-2.5">
262
- <div class="skill-bar h-2.5 rounded-full" style="width: 85%"></div>
263
- </div>
264
- </div>
265
-
266
- <div class="mb-6">
267
- <div class="flex justify-between mb-2">
268
- <span>Substance Painter</span>
269
- <span>90%</span>
270
- </div>
271
- <div class="w-full bg-gray-700 rounded-full h-2.5">
272
- <div class="skill-bar h-2.5 rounded-full" style="width: 90%"></div>
273
- </div>
274
- </div>
275
-
276
- <div class="mb-6">
277
- <div class="flex justify-between mb-2">
278
- <span>ZBrush</span>
279
- <span>88%</span>
280
- </div>
281
- <div class="w-full bg-gray-700 rounded-full h-2.5">
282
- <div class="skill-bar h-2.5 rounded-full" style="width: 88%"></div>
283
- </div>
284
- </div>
285
- </div>
286
-
287
- <div>
288
- <h3 class="text-xl font-semibold mb-6 text-indigo-300">Core Skills</h3>
289
-
290
- <div class="mb-6">
291
- <div class="flex justify-between mb-2">
292
- <span>3D Modeling</span>
293
- <span>97%</span>
294
- </div>
295
- <div class="w-full bg-gray-700 rounded-full h-2.5">
296
- <div class="skill-bar h-2.5 rounded-full" style="width: 97%"></div>
297
- </div>
298
- </div>
299
-
300
- <div class="mb-6">
301
- <div class="flex justify-between mb-2">
302
- <span>Texturing</span>
303
- <span>92%</span>
304
- </div>
305
- <div class="w-full bg-gray-700 rounded-full h-2.5">
306
- <div class="skill-bar h-2.5 rounded-full" style="width: 92%"></div>
307
- </div>
308
- </div>
309
-
310
- <div class="mb-6">
311
- <div class="flex justify-between mb-2">
312
- <span>Lighting/Rendering</span>
313
- <span>89%</span>
314
- </div>
315
- <div class="w-full bg-gray-700 rounded-full h-2.5">
316
- <div class="skill-bar h-2.5 rounded-full" style="width: 89%"></div>
317
- </div>
318
- </div>
319
-
320
- <div class="mb-6">
321
- <div class="flex justify-between mb-2">
322
- <span>Animation</span>
323
- <span>82%</span>
324
- </div>
325
- <div class="w-full bg-gray-700 rounded-full h-2.5">
326
- <div class="skill-bar h-2.5 rounded-full" style="width: 82%"></div>
327
- </div>
328
- </div>
329
- </div>
330
- </div>
331
-
332
- <div class="mt-16 grid grid-cols-2 md:grid-cols-4 gap-6">
333
- <div class="bg-gray-900 p-6 rounded-xl text-center hover:bg-indigo-900 hover:bg-opacity-30 transition">
334
- <div class="text-indigo-400 mb-3">
335
- <i class="fas fa-cube text-4xl"></i>
336
- </div>
337
- <h4 class="font-bold mb-2">Hard Surface</h4>
338
- <p class="text-sm text-gray-400">Precision modeling of mechanical objects</p>
339
- </div>
340
- <div class="bg-gray-900 p-6 rounded-xl text-center hover:bg-indigo-900 hover:bg-opacity-30 transition">
341
- <div class="text-indigo-400 mb-3">
342
- <i class="fas fa-user-astronaut text-4xl"></i>
343
- </div>
344
- <h4 class="font-bold mb-2">Character Art</h4>
345
- <p class="text-sm text-gray-400">Expressive and detailed characters</p>
346
- </div>
347
- <div class="bg-gray-900 p-6 rounded-xl text-center hover:bg-indigo-900 hover:bg-opacity-30 transition">
348
- <div class="text-indigo-400 mb-3">
349
- <i class="fas fa-mountain text-4xl"></i>
350
- </div>
351
- <h4 class="font-bold mb-2">Environments</h4>
352
- <p class="text-sm text-gray-400">Immersive worlds and landscapes</p>
353
- </div>
354
- <div class="bg-gray-900 p-6 rounded-xl text-center hover:bg-indigo-900 hover:bg-opacity-30 transition">
355
- <div class="text-indigo-400 mb-3">
356
- <i class="fas fa-magic text-4xl"></i>
357
- </div>
358
- <h4 class="font-bold mb-2">VFX</h4>
359
- <p class="text-sm text-gray-400">Dynamic visual effects and simulations</p>
360
- </div>
361
- </div>
362
- </div>
363
- </section>
364
-
365
  <!-- Testimonials Section -->
366
  <section class="py-20 bg-gray-900">
367
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -607,31 +468,6 @@
607
  });
608
  });
609
 
610
- // Animate skill bars on scroll
611
- const skillBars = document.querySelectorAll('.skill-bar');
612
-
613
- function animateSkillBars() {
614
- skillBars.forEach(bar => {
615
- const width = bar.style.width;
616
- bar.style.width = '0';
617
- setTimeout(() => {
618
- bar.style.width = width;
619
- }, 100);
620
- });
621
- }
622
-
623
- const observer = new IntersectionObserver((entries) => {
624
- entries.forEach(entry => {
625
- if (entry.isIntersecting) {
626
- animateSkillBars();
627
- observer.unobserve(entry.target);
628
- }
629
- });
630
- }, { threshold: 0.1 });
631
-
632
- document.querySelector('#skills').querySelectorAll('.skill-bar').forEach(bar => {
633
- observer.observe(bar);
634
- });
635
  </script>
636
  <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-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Dipaf/3d" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
637
  </html>
 
32
  background-repeat: no-repeat;
33
  background-size: cover;
34
  }
 
 
 
 
 
 
35
  </style>
36
  </head>
37
  <body class="bg-gray-900 text-gray-100 font-sans">
 
49
  <a href="#home" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:text-indigo-300 transition">Home</a>
50
  <a href="#portfolio" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-indigo-300 transition">Portfolio</a>
51
  <a href="#about" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-indigo-300 transition">About</a>
 
52
  <a href="#contact" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-indigo-300 transition">Contact</a>
53
  </div>
54
  </div>
 
65
  <a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-white hover:text-indigo-300 transition">Home</a>
66
  <a href="#portfolio" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-indigo-300 transition">Portfolio</a>
67
  <a href="#about" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-indigo-300 transition">About</a>
 
68
  <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-indigo-300 transition">Contact</a>
69
  </div>
70
  </div>
 
223
  </div>
224
  </section>
225
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
226
  <!-- Testimonials Section -->
227
  <section class="py-20 bg-gray-900">
228
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 
468
  });
469
  });
470
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
471
  </script>
472
  <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-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Dipaf/3d" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
473
  </html>