diff --git a/index.html b/index.html
index 6c96801..2440342 100644
--- a/index.html
+++ b/index.html
@@ -49,9 +49,8 @@
@@ -201,108 +200,62 @@
Technologies & Tools
-
-
-
-
-
HTML5
-
Semantic Markup
-
-
-
-
-
-
-
CSS3
-
Modern Styling
-
-
-
-
-
-
-
JavaScript
-
Interactive Logic
-
-
-
-
-
-
-
Bootstrap 5
-
Responsive UI
-
-
-
-
-
-
-
Vite
-
Fast Build Tool
-
-
-
-
-
-
-
Git
-
Version Control
-
-
-
-
-
-
-
-
-
SEO
-
Search Visibility
-
-
-
-
-
-
-
Accessibility
-
Inclusive Design
-
-
+
+
+
+
HTML5
+
Semantic Markup
+
+
+
+
+
+
CSS3
+
Modern Styling
+
+
+
+
+
+
JavaScript
+
Interactive Logic
+
+
+
+
+
+
Bootstrap 5
+
Responsive UI
+
+
+
+
+
+
Vite
+
Fast Build Tool
+
+
+
+
+
+
Git
+
Version Control
+
+
+
+
+
+
SEO
+
Search Visibility
+
+
+
+
+
+
Accessibility
+
Inclusive Design
+
+
diff --git a/main.js b/main.js
index 26f683a..b4bd9d6 100644
--- a/main.js
+++ b/main.js
@@ -55,75 +55,8 @@ function initSkillBars() {
skillItems.forEach(item => observer.observe(item));
}
-// ===== PARTICLE BACKGROUND =====
-function initParticles() {
- const canvas = document.getElementById('particles');
- if (!canvas) return;
-
- const ctx = canvas.getContext('2d');
- let particles = [];
- let animationId;
-
- function resize() {
- canvas.width = window.innerWidth;
- canvas.height = window.innerHeight;
- }
-
- class Particle {
- constructor() {
- this.x = Math.random() * canvas.width;
- this.y = Math.random() * canvas.height;
- this.vx = (Math.random() - 0.5) * 0.3;
- this.vy = (Math.random() - 0.5) * 0.3;
- this.radius = Math.random() * 1.5 + 0.5;
- this.opacity = Math.random() * 0.3 + 0.1;
- }
-
- update() {
- this.x += this.vx;
- this.y += this.vy;
-
- if (this.x < 0 || this.x > canvas.width) this.vx *= -1;
- if (this.y < 0 || this.y > canvas.height) this.vy *= -1;
- }
-
- draw() {
- ctx.beginPath();
- ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
- ctx.fillStyle = `rgba(111, 78, 55, ${this.opacity})`;
- ctx.fill();
- }
- }
-
- function init() {
- resize();
- particles = [];
- const particleCount = Math.floor((canvas.width * canvas.height) / 15000);
- for (let i = 0; i < particleCount; i++) {
- particles.push(new Particle());
- }
- }
-
- function animate() {
- ctx.clearRect(0, 0, canvas.width, canvas.height);
-
- particles.forEach(particle => {
- particle.update();
- particle.draw();
- });
-
- animationId = requestAnimationFrame(animate);
- }
-
- window.addEventListener('resize', () => {
- cancelAnimationFrame(animationId);
- init();
- animate();
- });
-
- init();
- animate();
-}
+// ===== PARTICLE BACKGROUND (removed) =====
+// initParticles removed — grain texture + steam carry the atmosphere
// ===== INTERACTIVE TESTIMONIALS =====
function initTestimonials() {
@@ -246,7 +179,6 @@ document.addEventListener('DOMContentLoaded', () => {
initTypewriter();
initScrollProgress();
initSkillBars();
- initParticles();
initTestimonials();
initParallax();
initMetricsCounter();
diff --git a/styles.css b/styles.css
index 6a94a23..14f51f1 100644
--- a/styles.css
+++ b/styles.css
@@ -17,7 +17,7 @@
--text-body: var(--color-coffee-dark);
--bg-surface-rgb: 255, 255, 255;
--bg-surface: rgba(var(--bg-surface-rgb), 0.7);
- --color-primary: var(--color-teal);
+ --color-primary: var(--color-gold);
--color-secondary: var(--color-gold);
--border-subtle: rgba(111, 78, 55, 0.15);
@@ -934,17 +934,7 @@ footer a:hover {
transition: none;
}
-/* ===== PARTICLE CANVAS ===== */
-#particles {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- z-index: -1;
- opacity: 0.6;
-}
+/* ===== PARTICLE CANVAS (removed) ===== */
/* ===== TYPEWRITER EFFECT ===== */
.typewriter {