हर मोबाइल में तिरंगा: डिजिटल तरीके से फहराएं अपना गौरव (Republic Day Special) 🇮🇳

@keyframes wave {
0% { transform: scaleX(1) rotate(0deg); }
50% { transform: scaleX(1.1) rotate(5deg); }
100% { transform: scaleX(1) rotate(0deg); }
}
@keyframes fall {
to { transform: translateY(300px); opacity: 0; }
}
.petal {
position: absolute;
background: #ffcc00;
width: 8px;
height: 8px;
border-radius: 50%;
animation: fall 3s linear infinite;
}

// Dynamic Date Function
document.getElementById(‘current-date’).innerText = new Date().toLocaleDateString(‘hi-IN’, {day: ‘numeric’, month: ‘long’, year: ‘numeric’});

// Flag Hoisting Logic
function hoistFlag() {
const flag = document.getElementById(‘national-flag’);
const salute = document.getElementById(‘salute-text’);
const btn = document.getElementById(‘hoist-btn’);

flag.style.display = ‘block’;
salute.style.opacity = ‘1’;
btn.style.display = ‘none’;

// Create Flower Petals
const container = document.getElementById(‘flower-container’);
for (let i = 0; i < 30; i++) {
const petal = document.createElement('div');
petal.className = 'petal';
petal.style.left = Math.random() * 100 + '%';
petal.style.animationDelay = Math.random() * 2 + 's';
petal.style.background = i % 2 === 0 ? '#ff9933' : '#128751';
container.appendChild(petal);
}
}

// Progress Bar Logic
window.onscroll = function() {
let winScroll = document.body.scrollTop || document.documentElement.scrollTop;
let height = document.documentElement.scrollHeight – document.documentElement.clientHeight;
let scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
};

// Copy URL Function
function copyURL() {
navigator.clipboard.writeText(window.location.href);
alert('Link Copied!');
}