рд╕реБрдирд┐рдП тАФ рдкреВрд░реА рдЦрдмрд░ рд╕рд┐рд░реНрдл 1 рдорд┐рдирдЯ рдореЗрдВ
/* Font Imports */
@import url(‘https://fonts.googleapis.com/css2?family=Yatra+One&family=Teko:wght@600&family=Great+Vibes&display=swap’);
/* Main Wrapper */
.rd-pro-wrapper {
background: #0f0f0f;
padding: 15px;
display: flex;
flex-direction: column;
align-items: center;
font-family: sans-serif;
box-sizing: border-box;
border-radius: 10px;
margin-bottom: 30px;
}
/* Input Section */
.input-section {
width: 100%;
max-width: 360px;
margin-bottom: 20px;
display: flex;
gap: 10px;
}
.name-input {
flex: 2;
padding: 12px;
border-radius: 8px;
border: 2px solid #FF9933;
background: #222;
color: #fff;
font-size: 1rem;
outline: none;
}
.btn-generate {
flex: 1;
background: linear-gradient(90deg, #FF9933, #FF512F);
border: none;
color: white;
font-weight: bold;
border-radius: 8px;
cursor: pointer;
}
/* The Status Card */
.rd-pro-card {
width: 100%;
max-width: 360px;
height: 580px;
background: linear-gradient(180deg, #FF9933 0%, #ffffff 45%, #ffffff 55%, #138808 100%);
border-radius: 20px;
position: relative;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
border: 8px solid #FF9933;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
padding: 20px;
box-sizing: border-box;
transition: border-color 0.5s ease;
}
/* Clean Background Chakra (No Snowflake Code) */
.bg-chakra {
position: absolute;
width: 320px;
height: 320px;
background: url(‘https://upload.wikimedia.org/wikipedia/commons/1/17/Ashoka_Chakra.svg’) no-repeat center;
background-size: contain;
opacity: 0.08;
animation: spin-slow 20s linear infinite;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
/* Top Badge */
.rd-badge {
position: absolute;
top: 25px;
background: #000080;
color: #fff;
padding: 5px 20px;
border-radius: 50px;
font-family: ‘Teko’, sans-serif;
font-size: 1.2rem;
letter-spacing: 1px;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
z-index: 2;
}
/* Main Dialogue Text */
.rd-main-text {
font-family: ‘Yatra One’, cursive;
font-size: 2.2rem;
line-height: 1.3;
color: #000080;
text-shadow: 2px 2px 0px rgba(255,255,255,0.5);
z-index: 2;
margin: 20px 0;
width: 100%;
}
/* Signature */
.user-signature {
font-family: ‘Great Vibes’, cursive;
font-size: 2.5rem;
color: #d32f2f;
margin-top: 10px;
z-index: 2;
text-shadow: 0 2px 5px rgba(255,255,255,1);
min-height: 40px;
}
.wish-label {
font-size: 0.9rem;
color: #333;
font-weight: bold;
margin-top: 20px;
opacity: 0.8;
}
/* Footer Decor */
.rd-bottom-decor {
position: absolute;
bottom: 15px;
font-size: 1rem;
font-weight: bold;
color: #fff;
text-shadow: 0 2px 4px rgba(0,0,0,0.6);
z-index: 2;
}
@keyframes spin-slow {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}
/* Buttons */
.rd-action-area {
margin-top: 20px;
display: flex;
gap: 15px;
width: 100%;
max-width: 360px;
}
.action-btn {
flex: 1;
padding: 14px;
border: none;
border-radius: 10px;
font-size: 1rem;
font-weight: bold;
color: white;
cursor: pointer;
box-shadow: 0 4px 15px rgba(0,0,0,0.3);
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.btn-reload { background: #444; border: 1px solid #666; }
.btn-whatsapp { background: #25D366; }
/* SEO Tags Section */
.seo-tags {
margin-top: 40px;
padding: 15px;
background: #1a1a1a;
border-radius: 10px;
width: 100%;
max-width: 600px;
text-align: center;
color: #666;
font-size: 0.8rem;
border: 1px solid #333;
}
.seo-tags h3 { color: #888; margin-bottom: 10px; font-size: 1rem; }
.seo-tags span { display: inline-block; padding: 3px 8px; border: 1px solid #444; margin: 3px; border-radius: 4px; }
рд╣рд┐рдиреНрджреЛрд╕реНрддрд╛рдБ рд╣рдорд╛рд░рд╛!”
ЁЯТб рдЯрд┐рдк: рдирд╛рдо рд▓рд┐рдЦреЗрдВ, рд╢рд╛рдпрд░реА рдмрджрд▓реЗрдВ рдФрд░ Screenshot рд▓реЗрдХрд░ рд╕реНрдЯреЗрдЯрд╕ рд▓рдЧрд╛рдпреЗрдВ!
// Quotes Database
const patrioticQuotes = [
“рджреЗ рд╕рд▓рд╛рдореА рдЗрд╕ рддрд┐рд░рдВрдЧреЗ рдХреЛnрдЬрд┐рд╕рд╕реЗ рддреЗрд░реА рд╢рд╛рди рд╣реИ,nрд╕рд░ рд╣рдореЗрд╢рд╛ рдКрдБрдЪрд╛ рд░рдЦрдирд╛ рдЗрд╕рдХрд╛nрдЬрдм рддрдХ рджрд┐рд▓ рдореЗрдВ рдЬрд╛рди рд╣реИ!”,
“рджрд┐рд▓ рджрд┐рдпрд╛ рд╣реИ,nрдЬрд╛рди рднреА рджреЗрдВрдЧреЗ,nрдР рд╡рддрди рддреЗрд░реЗ рд▓рд┐рдП! ЁЯЗоЁЯЗ│”,
“рдЦреВрди рд╕реЗ рдЦреЗрд▓реЗрдВрдЧреЗ рд╣реЛрд▓реА,nрдЕрдЧрд░ рд╡рддрди рдореБрд╢реНрдХрд┐рд▓ рдореЗрдВ рд╣реИ!”,
“рджреБрд╢реНрдорди рдХреА рдЧреЛрд▓рд┐рдпреЛрдВ рдХрд╛nрд╣рдо рд╕рд╛рдордирд╛ рдХрд░реЗрдВрдЧреЗ,nрдЖрдЬрд╛рдж рд╣реА рд░рд╣реЗ рд╣реИрдВ,nрдЖрдЬрд╛рдж рд╣реА рд░рд╣реЗрдВрдЧреЗ!”,
“рд▓рд┐рдЦ рд░рд╣рд╛ рд╣реВрдБ рдореИрдВ рдЕрдВрдЬрд╛рдо рдЬрд┐рд╕рдХрд╛nрдХрд▓ рдЖрдЧрд╛рдЬ рдЖрдПрдЧрд╛,nрдореЗрд░реЗ рд▓рд╣реВ рдХрд╛ рд╣рд░ рдПрдХ рдХрддрд░рд╛nрдЗрдВрдХрд▓рд╛рдм рд▓рд╛рдПрдЧрд╛!”,
“рд╡реАрд░реЛрдВ рдХреА рджрд╣рд╛рдбрд╝ рд╣реЛрдЧреА,nрд╣рд┐рдиреНрджреБрд╕реНрддрд╛рдиреА рд▓рд▓рдХрд╛рд░ рд╣реЛрдЧреА,nрдЖ рд░рд╣рд╛ рд╣реИ 26 рдЬрдирд╡рд░реА,nрдлрд┐рд░ рд╕реЗ рддрд┐рд░рдВрдЧреЗ рдХреА рдЬрдпрдХрд╛рд░ рд╣реЛрдЧреА!”,
“рди рдЬрд┐рдпреЛ рдзрд░реНрдо рдХреЗ рдирд╛рдо рдкрд░,nрди рдорд░реЛ рдзрд░реНрдо рдХреЗ рдирд╛рдо рдкрд░,nрдЗрдВрд╕рд╛рдирд┐рдпрдд рд╣реА рд╣реИ рдзрд░реНрдо рд╡рддрди рдХрд╛,nрдмрд╕ рдЬрд┐рдпреЛ рд╡рддрди рдХреЗ рдирд╛рдо рдкрд░!”,
“рд╕рд░рдлрд░реЛрд╢реА рдХреА рддрдордиреНрдирд╛nрдЕрдм рд╣рдорд╛рд░реЗ рджрд┐рд▓ рдореЗрдВ рд╣реИ,nрджреЗрдЦрдирд╛ рд╣реИ рдЬреЛрд░ рдХрд┐рддрдирд╛nрдмрд╛рдЬреБ-рдП-рдХрд╛рддрд┐рд▓ рдореЗрдВ рд╣реИ!”,
“рддрд┐рд░рдВрдЧрд╛ рд╣рдорд╛рд░рд╛ рд╣реИ рд╢рд╛рди-рдП-рдЬрд┐рдВрджрдЧреА,nрд╡рддрди рдкрд░рд╕реНрддреА рд╣реИ рд╡рдлрд╛-рдП-рдЬрд┐рдВрджрдЧреА!”,
“How’s the Josh?nHigh Sir! ЁЯФеЁЯЗоЁЯЗ│”,
“рд╕рд╛рд░реЗ рдЬрд╣рд╛рдБ рд╕реЗ рдЕрдЪреНрдЫрд╛,nрд╣рд┐рдиреНрджреЛрд╕реНрддрд╛рдБ рд╣рдорд╛рд░рд╛!”
];
// Function to update Name
function updateName() {
var inputVal = document.getElementById(“userNameInput”).value;
var display = document.getElementById(“cardNameDisplay”);
if(inputVal.trim() === “”) {
alert(“рдХреГрдкрдпрд╛ рдкрд╣рд▓реЗ рдЕрдкрдирд╛ рдирд╛рдо рд▓рд┐рдЦреЗрдВ!”);
} else {
display.innerHTML = inputVal;
display.style.transform = “scale(1.2)”;
setTimeout(() => display.style.transform = “scale(1)”, 200);
}
}
// Function to shuffle quotes
function changeStatus() {
const textBox = document.getElementById(‘josh-text’);
const card = document.querySelector(‘.rd-pro-card’);
textBox.style.opacity = ‘0’;
setTimeout(() => {
const randomQ = patrioticQuotes[Math.floor(Math.random() * patrioticQuotes.length)];
textBox.innerHTML = `”${randomQ.replace(/n/g, ‘
‘)}”`;
// Random Border Color
const colors = [‘#FF9933’, ‘#138808’, ‘#000080’];
card.style.borderColor = colors[Math.floor(Math.random() * colors.length)];
textBox.style.opacity = ‘1’;
}, 200);
}
// Share Function (Fixed for Clean Hindi Text)
function shareToApp() {
// рдпрд╣ рд▓рд╛рдЗрди рдЕрдм рдмрд┐рд▓реНрдХреБрд▓ рд╕рд╛реЮ рд╣рд┐рдВрджреА рднреЗрдЬреЗрдЧреА
const msg = “ЁЯЗоЁЯЗ│ *26 рдЬрдирд╡рд░реА рдХрд╛ рдмреЗрд╕реНрдЯ рд╕реНрдЯреЗрдЯрд╕!* nрджреЗрдЦреЛ рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдирд╛рдо рдХрд╛ рдХрд╛рд░реНрдб рдмрдирд╛рдпрд╛ рд╣реИ, рдЖрдк рднреА рдмрдирд╛рдУ ЁЯСЗn” + window.location.href;
// WhatsApp URL Encoding
window.open(‘https://wa.me/?text=’ + encodeURIComponent(msg), ‘_blank’);
}
// Initialize
document.getElementById(‘josh-text’).style.transition = “opacity 0.3s ease”;
document.getElementById(‘cardNameDisplay’).style.transition = “transform 0.2s ease”;