added Login template using 3d design

[yash12991]

🎉 Add Yash's 3D Flip Authentication Portal

Description

Added a futuristic, ultra-advanced login/signup template featuring 3D card flip animations, interactive particle network, and biometric authentication simulations.

✨ Features Added

• 🎴 3D Card Flip Animation - Login on front, signup on back with smooth rotation
• 🌌 Interactive Particle Network - 80 particles with mouse interaction
• 👤 Face ID Scanner - Full-screen scanning animation
• 👆 Fingerprint Scanner - Animated touch sensor simulation
• ⚡ Glitch Text Effects - Cyberpunk-style titles with RGB shift
• 🌈 Holographic Overlay - Rainbow shimmer effects
• 🔐 Password Strength Meter - Real-time visual feedback
• 📬 Toast Notifications - Professional notification system
• ⌨️ Keyboard Shortcuts - Ctrl+Alt+F (flip), Ctrl+Alt+S (Face ID), Ctrl+Alt+D (Fingerprint)
• 🎨 Fully Responsive - Optimized for mobile, tablet, and desktop

📁 Files Added

• Yash/index.html - 3D structure with biometric UI
• Yash/style.css - 800+ lines of futuristic styling
• Yash/script.js - Particle system and interactive features
• Yash/README.md - Complete documentation
• Updated script.js - Added "Yash" to templateFolders and workingTemplates arrays

🎨 Design Highlights

• Color Scheme: Cyberpunk (cyan #00f3ff, magenta #ff00ff, purple #7000ff)
• Technology: Pure Vanilla JS, HTML5 Canvas API, CSS3 3D Transforms
• Dependencies: Zero - completely standalone
• Performance: Optimized 60 FPS particle animation

🧪 Testing Done

• ✅ Tested on Chrome, Firefox, Safari, Edge
• ✅ Mobile responsive verified
• ✅ All interactive features working
• ✅ Form validation tested
• ✅ Keyboard shortcuts functional
• ✅ No console errors

🎯 Contribution Type

• New Template
• Features Enhancement
• Documentation Added
• Fully Responsive

📝 Checklist

• Created folder with my name (Yash/)
• Added index.html, style.css, script.js
• Added screenshot to screenshots/Yash.png
• Updated script.js - added "Yash" to templateFolders array
• Updated script.js - added "Yash" to workingTemplates array
• Created comprehensive README.md
• Tested in multiple browsers
• Followed project contribution guidelines

🌟 Why This Template is Unique

This isn't just another login form - it's a complete authentication experience with:

• Advanced 3D transforms and animations
• Interactive Canvas-based particle system
• Simulated biometric authentication (Face ID & Fingerprint)
• Professional-grade visual effects
• Zero dependencies - pure vanilla JavaScript

💡 Future Enhancements (Optional)

• Voice authentication simulation
• Retina scan effect
• More color themes
• Backend integration examples

📱 Live Preview

---

Hacktoberfest 2025 🎃
Author: Yash
Date: October 31, 2025

[avinash201199]

resolve conflicts

[yash12991]

resolve conflicts

conflict resolved