पोर्टफोलियो रीडिज़ाइन 2026

वर्ज़न 3.0

LEACB तीन बड़े वर्ज़न से गुज़रा है। v1 एक साधारण HTML पेज था। v2 में Three.js और तैरते पैनल वाला नेविगेशन आया। v3 — जो आप अभी देख रहे हैं — पूरी तरह नए सिरे से लिखा गया है, ज़बरदस्त एनिमेशन, पोस्ट-प्रोसेसिंग ब्लूम और पूरी तरह मॉड्यूलर आर्किटेक्चर के साथ।

LEACB has been through three major versions. v1 was a basic HTML page. v2 introduced Three.js and the floating panel navigation. v3 — the version you're looking at now — is a complete ground-up rewrite with extreme animations, post-processing bloom, and a fully modular architecture.

क्या नया है

सब कुछ। 3D सीन में अब पाँच जियोमेट्रिक ऑब्जेक्ट हैं, हर एक का अपना घूमने का पैटर्न, उस तीखी साइ-फ़ाई चमक के लिए UnrealBloomPass पोस्ट-प्रोसेसिंग, और साँस लेते हुए एनिमेशन के साथ 3000 पार्टिकल। ग्रिड फ़्लोर और चार-बिंदु लाइटिंग गहराई पैदा करती है।

Everything. The 3D scene now features five geometric objects with individual rotation patterns, UnrealBloomPass post-processing for that intense sci-fi glow, and 3000 particles with breathing animations. The grid floor and four-point lighting create depth.

UI की तरफ़: backdrop-filter: blur(20px) वाला ग्लास-मॉर्फ़िज़्म, GitHub और LinkedIn आइकन के साथ सोशल बार, एक ब्लॉग ग्रिड सेक्शन, HUD में FPS काउंटर, और हर मॉड्यूल की स्थिति दिखाने वाला बिल्कुल नया लोडिंग सीक्वेंस।

On the UI side: glass-morphism with backdrop-filter: blur(20px), a social bar with GitHub and LinkedIn icons, a blog grid section, an HUD FPS counter, and a completely redesigned loading sequence showing individual module status.

डिज़ाइन का दर्शन

LEACB v3 एक ही नियम मानता है: हर पिक्सल अपनी जगह कमाए। कोई सजावटी भराव नहीं। हर एनिमेशन या तो दिशा बताता है (आप कहाँ हैं) या प्रतिक्रिया देता है (आपके काम का जवाब)। सियान-बैंगनी-सुनहरा पैलेट इसलिए चुना गया कि गहरे बैकग्राउंड पर कॉन्ट्रास्ट सबसे ज़्यादा हो और आँखों पर ज़ोर कम से कम।

LEACB v3 follows one rule: every pixel earns its place. No decorative filler. Every animation serves either orientation (telling you where you are) or feedback (responding to your actions). The cyan-purple-gold palette was chosen for maximum contrast on dark backgrounds with minimal eye strain.

“डिज़ाइन यह नहीं है कि कोई चीज़ कैसी दिखती है। डिज़ाइन यह है कि वह कैसे काम करती है।” — स्टीव जॉब्स

"Design is not how it looks. Design is how it works." — Steve Jobs

तकनीकी बदलाव

• Three.js को इम्पोर्ट मैप के साथ v0.160.0 पर अपग्रेड किया गया
• पोस्ट-प्रोसेसिंग पाइपलाइन: EffectComposer → RenderPass → UnrealBloomPass
• नए जियोमेट्रिक ऑब्जेक्ट: TorusKnot, Icosahedron, Octahedron, Dodecahedron, 2× टोरस रिंग
• सभी ट्रांज़िशन में CSS cubic-bezier(0.23, 1, 0.32, 1) ईज़िंग
• ग्रिड लेआउट और कार्ड हॉवर इफ़ेक्ट वाला ब्लॉग सेक्शन
• सभी ब्लॉग पोस्ट तैरते साइड नेविगेशन मेन्यू के साथ फिर से लिखे गए
• लोकल assets/ascii.txt से fetch करके ASCII आर्ट कंसोल आउटपुट

• Three.js upgraded to v0.160.0 with import maps
• Post-processing pipeline: EffectComposer → RenderPass → UnrealBloomPass
• New geometric objects: TorusKnot, Icosahedron, Octahedron, Dodecahedron, 2× Torus rings
• CSS cubic-bezier(0.23, 1, 0.32, 1) easing throughout all transitions
• Blog section with grid layout and card hover effects
• All blog posts rewritten with floating side navigation menus
• ASCII art console output via fetch from local assets/ascii.txt

आगे क्या

v3 नींव है। अब मैं इस पर सुधार करूँगा: बैकग्राउंड के लिए कस्टम शेडर, GPGPU पार्टिकल, इंटरैक्टिव 3D प्रोजेक्ट शोकेस, और ब्राउज़र सपोर्ट पकने पर संभवतः WebGPU पर जाना। जैसे-जैसे मैं सीखूँगा और बनाऊँगा, LEACB बदलता रहेगा।

v3 is the foundation. Now I'll iterate: custom shaders for backgrounds, GPGPU particles, interactive 3D project showcases, and potentially a WebGPU upgrade when browser support matures. LEACB will keep evolving as I learn and build.