fix: remove orphaned skill bar JS, add light mode glass card overrides

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2 files changed, 24 insertions, 15 deletions

diff --git a/themes/danixme/assets/css/main.css b/themes/danixme/assets/css/main.css
index 07f556c..24409fb 100644
--- a/themes/danixme/assets/css/main.css
+++ b/themes/danixme/assets/css/main.css
@@ -87,6 +87,18 @@ html.theme-light .hero-term {
 html.theme-light #scroll-progress {
   box-shadow: 0 0 8px rgba(124,58,237,0.45);
 }
+html.theme-light .service-card,
+html.theme-light .skill-card,
+html.theme-light .cert-card,
+html.theme-light .project-card {
+  background: rgba(200,215,235,0.65);
+}
+html.theme-light .service-card:hover,
+html.theme-light .skill-card:hover,
+html.theme-light .cert-card:hover,
+html.theme-light .project-card:hover {
+  background: rgba(190,208,228,0.85);
+}
 
 /* No-JS fallback via media query */
 @media (prefers-color-scheme: light) {
@@ -111,6 +123,18 @@ html.theme-light #scroll-progress {
   .hero-name { text-shadow: 0 0 80px rgba(124,58,237,0.12), 0 0 120px rgba(124,58,237,0.05); }
   .hero-term { background: rgba(10,20,35,0.95); border-color: rgba(124,58,237,0.35); box-shadow: 0 0 40px rgba(124,58,237,0.08), inset 0 0 30px rgba(0,0,0,0.5); --text: #c4d6e8; --text-dim: #7a9bb8; --muted: #304860; --accent: #a855f7; --accent2: #00ff88; color: var(--text); }
   #scroll-progress { box-shadow: 0 0 8px rgba(124,58,237,0.45); }
+  .service-card,
+  .skill-card,
+  .cert-card,
+  .project-card {
+    background: rgba(200,215,235,0.65);
+  }
+  .service-card:hover,
+  .skill-card:hover,
+  .cert-card:hover,
+  .project-card:hover {
+    background: rgba(190,208,228,0.85);
+  }
 }
 
 /* Force dark even when system preference is light */
diff --git a/themes/danixme/assets/js/main.js b/themes/danixme/assets/js/main.js
index 7d28689..de91765 100644
--- a/themes/danixme/assets/js/main.js
+++ b/themes/danixme/assets/js/main.js
@@ -124,21 +124,6 @@ const revealObs = new IntersectionObserver((entries) => {
 
 document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));
 
-/* ── Skill Bar Animation ─────────────────────────── */
-const skillsObs = new IntersectionObserver((entries) => {
-  entries.forEach(e => {
-    if (e.isIntersecting) {
-      e.target.querySelectorAll('.skill-fill').forEach((bar, i) =>
-        setTimeout(() => bar.classList.add('go'), i * 110)
-      );
-      skillsObs.unobserve(e.target);
-    }
-  });
-}, { threshold: 0.2 });
-
-const sg = document.getElementById('skillsGrid');
-if (sg) skillsObs.observe(sg);
-
 /* ── Carousel ────────────────────────────────────── */
 document.querySelectorAll('[data-carousel]').forEach(wrap => {
   const track    = wrap.querySelector('.is-carousel');