āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻœā§‡āĻ¨āĻžāĻ°ā§‡āĻŸāĻ°

āĻ•āĻžāĻ¸ā§āĻŸāĻŽ āĻŸā§‡āĻŽāĻĒā§āĻ˛ā§‡āĻŸ, āĻ˛ā§‹āĻ—ā§‹ āĻāĻŦāĻ‚ āĻ¸ā§‹āĻļā§āĻ¯āĻžāĻ˛ āĻ˛āĻŋāĻ‚āĻ• āĻ¸āĻš āĻĒā§āĻ°āĻĢā§‡āĻļāĻ¨āĻžāĻ˛ āĻāĻ‡āĻšāĻŸāĻŋāĻāĻŽāĻāĻ˛ āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻ¤ā§ˆāĻ°āĻŋ āĻ•āĻ°ā§āĻ¨āĨ¤

āĻœāĻŋāĻŽā§‡āĻ‡āĻ˛, āĻ†āĻ‰āĻŸāĻ˛ā§āĻ•, āĻ…ā§āĻ¯āĻžāĻĒāĻ˛ āĻŽā§‡āĻ‡āĻ˛ āĻāĻŦāĻ‚ āĻ¸āĻ•āĻ˛ āĻĒā§āĻ°āĻ§āĻžāĻ¨ āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ•ā§āĻ˛āĻžāĻ¯āĻŧā§‡āĻ¨ā§āĻŸā§‡āĻ° āĻ¸āĻžāĻĨā§‡ āĻ¸āĻžāĻŽāĻžā§āĻœāĻ¸ā§āĻ¯āĻĒā§‚āĻ°ā§āĻŖāĨ¤

📝 āĻ†āĻĒāĻ¨āĻžāĻ° āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ•āĻ°ā§āĻ¨

āĻŸā§‡āĻŽāĻĒā§āĻ˛ā§‡āĻŸ āĻŦāĻžāĻ›āĻžāĻ‡ āĻ•āĻ°ā§āĻ¨
āĻ†āĻ§ā§āĻ¨āĻŋāĻ•
āĻ†āĻ§ā§āĻ¨āĻŋāĻ•
āĻ•ā§āĻ˛āĻžāĻ¸āĻŋāĻ•
āĻ•ā§āĻ˛āĻžāĻ¸āĻŋāĻ•
āĻŽāĻŋāĻ¨āĻŋāĻŽāĻžāĻ˛
āĻŽāĻŋāĻ¨āĻŋāĻŽāĻžāĻ˛
āĻĒā§āĻ°āĻĢā§‡āĻļāĻ¨āĻžāĻ˛

āĻĒā§āĻ°āĻĢā§‡āĻļāĻ¨āĻžāĻ˛

āĻŦāĻŋāĻ­āĻžāĻ—

āĻ›āĻŦāĻŋ āĻ“ āĻ˛ā§‹āĻ—ā§‹

āĻ¸āĻžāĻŽāĻžāĻœāĻŋāĻ• āĻŽāĻžāĻ§ā§āĻ¯āĻŽā§‡āĻ° āĻ˛āĻŋāĻ‚āĻ•

āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ•āĻžāĻ¸ā§āĻŸāĻŽāĻžāĻ‡āĻœā§‡āĻļāĻ¨

āĻ…āĻ¤āĻŋāĻ°āĻŋāĻ•ā§āĻ¤ āĻ¤āĻĨā§āĻ¯

👁ī¸ āĻ˛āĻžāĻ‡āĻ­ āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰

āĻ¸āĻŋāĻ—āĻ¨ā§‡āĻšāĻžāĻ° āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰ āĻĻā§‡āĻ–āĻ¤ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻ¤āĻĨā§āĻ¯ āĻĒā§‚āĻ°āĻŖ āĻ•āĻ°ā§āĻ¨

📄 āĻāĻ‡āĻšāĻŸāĻŋāĻāĻŽāĻāĻ˛ āĻ•ā§‹āĻĄ

āĻāĻ‡ āĻāĻ‡āĻšāĻŸāĻŋāĻāĻŽāĻāĻ˛ āĻ•ā§‹āĻĄāĻŸāĻŋ āĻ•āĻĒāĻŋ āĻ•āĻ°ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ•ā§āĻ˛āĻžāĻ¯āĻŧā§‡āĻ¨ā§āĻŸā§‡āĻ° āĻ¸āĻŋāĻ—āĻ¨ā§‡āĻšāĻžāĻ° āĻ¸ā§‡āĻŸāĻŋāĻ‚āĻ¸ā§‡ āĻĒā§‡āĻ¸ā§āĻŸ āĻ•āĻ°ā§āĻ¨āĨ¤

📚 āĻ†āĻĒāĻ¨āĻžāĻ° āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ¸āĻŋāĻ—āĻ¨ā§‡āĻšāĻžāĻ° āĻ‡āĻ¨āĻ¸ā§āĻŸāĻ˛ āĻ•āĻ°āĻžāĻ° āĻ¨āĻŋāĻ¯āĻŧāĻŽ

āĻœāĻŋāĻŽā§‡āĻ‡āĻ˛
āĻ†āĻ‰āĻŸāĻ˛ā§āĻ•
āĻ…ā§āĻ¯āĻžāĻĒāĻ˛ āĻŽā§‡āĻ‡āĻ˛
āĻ‡āĻ¯āĻŧāĻžāĻšā§ āĻŽā§‡āĻ‡āĻ˛

āĻœāĻŋāĻŽā§‡āĻ‡āĻ˛ āĻ¨āĻŋāĻ°ā§āĻĻā§‡āĻļāĻžāĻŦāĻ˛ā§€:

  1. āĻœāĻŋāĻŽā§‡āĻ‡āĻ˛ āĻ–ā§āĻ˛ā§āĻ¨ āĻāĻŦāĻ‚ āĻ¸ā§‡āĻŸāĻŋāĻ‚āĻ¸ āĻ—āĻŋāĻ¯āĻŧāĻžāĻ° āĻ†āĻ‡āĻ•āĻ¨ā§‡ āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨
  2. "āĻ¸āĻŽāĻ¸ā§āĻ¤ āĻ¸ā§‡āĻŸāĻŋāĻ‚āĻ¸ āĻĻā§‡āĻ–ā§āĻ¨" āĻ¨āĻŋāĻ°ā§āĻŦāĻžāĻšāĻ¨ āĻ•āĻ°ā§āĻ¨
  3. "āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ°" āĻŦāĻŋāĻ­āĻžāĻ—ā§‡ āĻ¸ā§āĻ•ā§āĻ°āĻ˛ āĻ•āĻ°ā§āĻ¨
  4. "āĻ¨āĻ¤ā§āĻ¨ āĻ¤ā§ˆāĻ°āĻŋ āĻ•āĻ°ā§āĻ¨" āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨ āĻāĻŦāĻ‚ āĻāĻ•āĻŸāĻŋ āĻ¨āĻžāĻŽ āĻĻāĻŋāĻ¨
  5. āĻŸā§‡āĻ•ā§āĻ¸āĻŸ āĻŦāĻ•ā§āĻ¸ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° HTML āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻĒā§‡āĻ¸ā§āĻŸ āĻ•āĻ°ā§āĻ¨
  6. āĻ¨āĻŋāĻšā§‡ āĻ¸ā§āĻ•ā§āĻ°āĻ˛ āĻ•āĻ°ā§‡ "āĻĒāĻ°āĻŋāĻŦāĻ°ā§āĻ¤āĻ¨āĻ—ā§āĻ˛āĻŋ āĻ¸āĻ‚āĻ°āĻ•ā§āĻˇāĻŖ āĻ•āĻ°ā§āĻ¨" āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨

āĻ†āĻ‰āĻŸāĻ˛ā§āĻ• āĻ¨āĻŋāĻ°ā§āĻĻā§‡āĻļāĻžāĻŦāĻ˛ā§€:

  1. āĻ†āĻ‰āĻŸāĻ˛ā§āĻ• āĻ–ā§āĻ˛ā§āĻ¨ āĻāĻŦāĻ‚ āĻĢāĻžāĻ‡āĻ˛ > āĻ…āĻĒāĻļāĻ¨āĻ¸ āĻ āĻ¯āĻžāĻ¨
  2. āĻŦāĻžāĻŽ āĻ¸āĻžāĻ‡āĻĄāĻŦāĻžāĻ° āĻĨā§‡āĻ•ā§‡ "āĻŽā§‡āĻ‡āĻ˛" āĻ¨āĻŋāĻ°ā§āĻŦāĻžāĻšāĻ¨ āĻ•āĻ°ā§āĻ¨
  3. "āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ°āĻ¸āĻŽā§‚āĻš..." āĻŦāĻžāĻŸāĻ¨ā§‡ āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨
  4. āĻ¨āĻ¤ā§āĻ¨ āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻ¤ā§ˆāĻ°āĻŋ āĻ•āĻ°āĻ¤ā§‡ "āĻ¨āĻ¤ā§āĻ¨" āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨
  5. āĻāĻĄāĻŋāĻŸāĻ°ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° HTML āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻĒā§‡āĻ¸ā§āĻŸ āĻ•āĻ°ā§āĻ¨
  6. āĻ¨āĻ¤ā§āĻ¨ āĻŦāĻžāĻ°ā§āĻ¤āĻž āĻāĻŦāĻ‚ āĻ‰āĻ¤ā§āĻ¤āĻ°ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻĄāĻŋāĻĢāĻ˛ā§āĻŸ āĻšāĻŋāĻ¸ā§‡āĻŦā§‡ āĻ¸ā§‡āĻŸ āĻ•āĻ°ā§āĻ¨
  7. āĻ¸āĻ‚āĻ°āĻ•ā§āĻˇāĻŖ āĻ•āĻ°āĻ¤ā§‡ "āĻ“āĻ•ā§‡" āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨

āĻ…ā§āĻ¯āĻžāĻĒāĻ˛ āĻŽā§‡āĻ‡āĻ˛ āĻ¨āĻŋāĻ°ā§āĻĻā§‡āĻļāĻžāĻŦāĻ˛ā§€:

  1. āĻ…ā§āĻ¯āĻžāĻĒāĻ˛ āĻŽā§‡āĻ‡āĻ˛ āĻ–ā§āĻ˛ā§āĻ¨ āĻāĻŦāĻ‚ āĻŽā§‡āĻ‡āĻ˛ > āĻĒāĻ›āĻ¨ā§āĻĻāĻ¸āĻŽā§‚āĻš āĻ āĻ¯āĻžāĻ¨
  2. "āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ°" āĻŸā§āĻ¯āĻžāĻŦā§‡ āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨
  3. āĻŦāĻžāĻŽ āĻ•āĻ˛āĻžāĻŽā§‡ āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ…ā§āĻ¯āĻžāĻ•āĻžāĻ‰āĻ¨ā§āĻŸ āĻ¨āĻŋāĻ°ā§āĻŦāĻžāĻšāĻ¨ āĻ•āĻ°ā§āĻ¨
  4. āĻ¨āĻ¤ā§āĻ¨ āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻ¯ā§‹āĻ— āĻ•āĻ°āĻ¤ā§‡ "+" āĻŦāĻžāĻŸāĻ¨ā§‡ āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨
  5. āĻĄāĻžāĻ¨ āĻĒā§āĻ¯āĻžāĻ¨ā§‡āĻ˛ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° HTML āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻĒā§‡āĻ¸ā§āĻŸ āĻ•āĻ°ā§āĻ¨
  6. āĻ‡āĻšā§āĻ›āĻž āĻšāĻ˛ā§‡ āĻāĻ‡ āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ°āĻŸāĻŋ āĻĄāĻŋāĻĢāĻ˛ā§āĻŸ āĻšāĻŋāĻ¸ā§‡āĻŦā§‡ āĻŦā§‡āĻ›ā§‡ āĻ¨āĻŋāĻ¨

āĻ‡āĻ¯āĻŧāĻžāĻšā§ āĻŽā§‡āĻ‡āĻ˛ āĻ¨āĻŋāĻ°ā§āĻĻā§‡āĻļāĻžāĻŦāĻ˛ā§€:

  1. āĻ‡āĻ¯āĻŧāĻžāĻšā§ āĻŽā§‡āĻ‡āĻ˛ āĻ–ā§āĻ˛ā§āĻ¨ āĻāĻŦāĻ‚ āĻ¸ā§‡āĻŸāĻŋāĻ‚āĻ¸ āĻ—āĻŋāĻ¯āĻŧāĻžāĻ° āĻ†āĻ‡āĻ•āĻ¨ā§‡ āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨
  2. "āĻ†āĻ°āĻ“ āĻ¸ā§‡āĻŸāĻŋāĻ‚āĻ¸" āĻ¨āĻŋāĻ°ā§āĻŦāĻžāĻšāĻ¨ āĻ•āĻ°ā§āĻ¨
  3. āĻŦāĻžāĻŽ āĻŽā§‡āĻ¨ā§ āĻĨā§‡āĻ•ā§‡ "āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ˛ā§‡āĻ–āĻž" āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨
  4. "āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ°" āĻŦāĻŋāĻ­āĻžāĻ—ā§‡ āĻ¸ā§āĻ•ā§āĻ°āĻ˛ āĻ•āĻ°ā§āĻ¨
  5. āĻŸā§‡āĻ•ā§āĻ¸āĻŸ āĻāĻ°āĻŋāĻ¯āĻŧāĻžāĻ¤ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° HTML āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻĒā§‡āĻ¸ā§āĻŸ āĻ•āĻ°ā§āĻ¨
  6. āĻĒāĻ°āĻŋāĻŦāĻ°ā§āĻ¤āĻ¨āĻ—ā§āĻ˛āĻŋ āĻĒā§āĻ°āĻ¯āĻŧā§‹āĻ— āĻ•āĻ°āĻ¤ā§‡ "āĻ¸āĻ‚āĻ°āĻ•ā§āĻˇāĻŖ āĻ•āĻ°ā§āĻ¨" āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§āĻ¨

đŸ’ŧ āĻ†āĻĒāĻ¨āĻžāĻ° āĻĒā§‡āĻļāĻžāĻĻāĻžāĻ° āĻŦā§āĻ°ā§āĻ¯āĻžāĻ¨ā§āĻĄ āĻ¤ā§ˆāĻ°āĻŋ āĻ•āĻ°āĻ›ā§‡āĻ¨?

āĻŦā§āĻ¯āĻŦāĻ¸āĻžāĻ¯āĻŧāĻŋāĻ• āĻ•āĻžāĻ°ā§āĻĄ, āĻŽāĻžāĻ°ā§āĻ•ā§‡āĻŸāĻŋāĻ‚ āĻ¸āĻžāĻŽāĻ—ā§āĻ°ā§€ āĻāĻŦāĻ‚ āĻŦā§āĻ°ā§āĻ¯āĻžāĻ¨ā§āĻĄāĻŋāĻ‚ āĻ°āĻŋāĻ¸ā§‹āĻ°ā§āĻ¸ āĻ–ā§āĻāĻœā§āĻ¨

🃏 āĻŦā§āĻ¯āĻŦāĻ¸āĻžāĻ¯āĻŧāĻŋāĻ• āĻ•āĻžāĻ°ā§āĻĄ 🎨 āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻŸā§āĻ˛āĻ¸ 🔗 āĻ˛āĻŋāĻ‚āĻ•āĻĄāĻ‡āĻ¨ āĻĒā§āĻ°ā§‹āĻĢāĻžāĻ‡āĻ˛ 📧 āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻŽāĻžāĻ°ā§āĻ•ā§‡āĻŸāĻŋāĻ‚

āĻ¸ā§āĻŽāĻžāĻ°ā§āĻŸ āĻ¨ā§‡āĻļāĻ¨ā§‡āĻ° āĻŽā§‚āĻ˛ āĻ…āĻŦāĻ•āĻžāĻ āĻžāĻŽā§‹: āĻĄāĻŦā§āĻ˛āĻŋāĻ‰āĻ†āĻ‡āĻ āĻ•ā§‹āĻĄ

āĻĄā§āĻ°ā§‹āĻ¨ÂˇāĻ°ā§‹āĻŦāĻŸ āĻĄā§‡āĻ˛āĻŋāĻ­āĻžāĻ°āĻŋ, āĻ¸ā§āĻŦāĻ¯āĻŧāĻ‚āĻ•ā§āĻ°āĻŋāĻ¯āĻŧ āĻĄā§āĻ°āĻžāĻ‡āĻ­āĻŋāĻ‚, āĻœāĻ°ā§āĻ°āĻŋ āĻ‰āĻĻā§āĻ§āĻžāĻ° āĻāĻŦāĻ‚ āĻ†āĻ°āĻ“ āĻ…āĻ¨ā§‡āĻ• āĻ•āĻŋāĻ›ā§ - ā§Šā§Ļ āĻĻāĻŋāĻ¨ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻ­āĻŦāĻŋāĻˇā§āĻ¯āĻ¤ā§‡āĻ° āĻ…āĻ­āĻŋāĻœā§āĻžāĻ¤āĻž āĻ¨āĻŋāĻ¨, āĻ†āĻĒāĻ¨āĻžāĻ° āĻĻā§‡āĻļā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻ¸āĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āĻŦāĻŋāĻ¨āĻžāĻŽā§‚āĻ˛ā§āĻ¯ā§‡!

āĻĄāĻŦā§āĻ˛āĻŋāĻ‰āĻ†āĻ‡āĻ āĻ•ā§‹āĻĄ āĻ¸āĻŽā§āĻĒāĻ°ā§āĻ•ā§‡ āĻ†āĻ°āĻ“ āĻœāĻžāĻ¨ā§āĻ¨

🤖 āĻ†āĻĒāĻ¨āĻžāĻ° āĻāĻ†āĻ‡ āĻ¸āĻšāĻ•āĻžāĻ°ā§€ āĻŦā§‡āĻ›ā§‡ āĻ¨āĻŋāĻ¨

đŸ’Ŧ āĻšā§āĻ¯āĻžāĻŸāĻœāĻŋāĻĒāĻŋāĻŸāĻŋ
āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻŸāĻŋāĻĒāĻ¸ āĻāĻ° āĻœāĻ¨ā§āĻ¯ āĻ¸ā§‡āĻ°āĻž
→ chat.openai.com
🧠 āĻ•ā§āĻ˛āĻĄ
āĻĒā§‡āĻļāĻžāĻĻāĻžāĻ° āĻ¯ā§‹āĻ—āĻžāĻ¯ā§‹āĻ—ā§‡āĻ° āĻĒāĻ°āĻžāĻŽāĻ°ā§āĻļā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻ¨āĻŋāĻ–ā§āĻāĻ¤
→ claude.ai
✨ āĻœā§‡āĻŽāĻŋāĻ¨āĻžāĻ‡ āĻŦāĻŋāĻ¨āĻžāĻŽā§‚āĻ˛ā§āĻ¯ā§‡
āĻŦā§āĻ¯āĻŦāĻ¸āĻžāĻ¯āĻŧāĻŋāĻ• āĻŦā§āĻ°ā§āĻ¯āĻžāĻ¨ā§āĻĄāĻŋāĻ‚ āĻ āĻŦāĻŋāĻ¨āĻžāĻŽā§‚āĻ˛ā§āĻ¯ā§‡ āĻ¸āĻšāĻžāĻ¯āĻŧāĻ¤āĻž
→ gemini.google.com
āĻ†āĻĒāĻ¨āĻžāĻ° āĻ‡āĻŽā§‡āĻ‡āĻ˛ āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ā§‡ āĻāĻ†āĻ‡ āĻ¸āĻšāĻžāĻ¯āĻŧāĻ¤āĻž āĻ¨āĻŋāĻ¨
`; const blob = new Blob([fullHTML], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `email-signature-${signatureData.fullName.replace(/\s+/g, '-').toLowerCase()}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showNotification('Signature downloaded!', 'success'); trackEvent('signature_downloaded'); } // Download HTML file function downloadHTML() { const htmlCode = document.getElementById('htmlOutput').value; if (!htmlCode.trim()) { showNotification('āĻ…āĻ¨ā§āĻ—ā§āĻ°āĻš āĻ•āĻ°ā§‡ āĻĒā§āĻ°āĻĨāĻŽā§‡ āĻāĻ•āĻŸāĻŋ āĻ¸ā§āĻŦāĻžāĻ•ā§āĻˇāĻ° āĻ¤ā§ˆāĻ°āĻŋ āĻ•āĻ°ā§āĻ¨', 'error'); return; } const blob = new Blob([htmlCode], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `signature-code-${Date.now()}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showNotification('HTML file downloaded!', 'success'); trackEvent('html_downloaded'); } // ========== UTILITY FUNCTIONS ========== // Show notification toast function showNotification(message, type = 'success') { const toast = document.createElement('div'); toast.className = `toast ${type}`; toast.textContent = message; document.body.appendChild(toast); setTimeout(() => { toast.remove(); }, 3000); } // Show OTA section function showOTA() { const otaContainer = document.getElementById('otaContainer'); if (otaContainer && (otaContainer.style.display === 'none' || !otaContainer.style.display)) { otaContainer.style.display = 'block'; } } // Analytics tracking function trackEvent(eventName, data = {}) { if (typeof gtag !== 'undefined') { gtag('event', eventName, { 'event_category': TOOL_CONFIG.category, 'event_label': TOOL_CONFIG.name, ...data }); } } // ========== AI ASSISTANT FUNCTIONS ========== function openAIModal() { const modal = document.getElementById('aiModal'); modal.classList.add('show'); } function closeAIModal() { const modal = document.getElementById('aiModal'); modal.classList.remove('show'); } function selectAI(aiType) { switch(aiType) { case 'chatgpt': const toolContext = `I'm using an Email Signature Generator tool. I need help with professional email signature design, business communication, or branding advice.`; const chatUrl = `https://chat.openai.com/?q=${encodeURIComponent(toolContext)}`; window.open(chatUrl, '_blank'); closeAIModal(); trackEvent('ai_selection', { ai_type: 'chatgpt' }); break; case 'claude': const claudeContext = `I'm using an Email Signature Generator tool. I need help with professional email signature design, business communication, or branding advice.`; const claudeUrl = `https://claude.ai/chat?q=${encodeURIComponent(claudeContext)}`; window.open(claudeUrl, '_blank'); closeAIModal(); trackEvent('ai_selection', { ai_type: 'claude' }); break; case 'gemini': const geminiContext = `I'm using an Email Signature Generator tool. I need help with professional email signature design, business communication, or branding advice.`; const geminiUrl = `https://gemini.google.com/?q=${encodeURIComponent(geminiContext)}`; window.open(geminiUrl, '_blank'); closeAIModal(); trackEvent('ai_selection', { ai_type: 'gemini' }); break; } } // ========== EVENT LISTENERS ========== document.addEventListener('āĻĄāĻŽāĻ•āĻ¨āĻŸā§‡āĻ¨ā§āĻŸāĻ˛ā§‹āĻĄā§‡āĻĄ', function() { // Template selection document.querySelectorAll('.template-option').forEach(option => { option.addEventListener('click', function() { document.querySelectorAll('.template-option').forEach(opt => opt.classList.remove('active')); this.classList.add('active'); generateSignature(); }); }); // Form field changes const formFields = [ 'fullName', 'jobTitle', 'company', 'department', 'email', 'phone', 'website', 'address', 'linkedin', 'twitter', 'facebook', 'instagram', 'primaryColor', 'fontFamily', 'quote', 'disclaimer' ]; formFields.forEach(fieldId => { const field = document.getElementById(fieldId); if (field) { field.addEventListener('input', generateSignature); field.addEventListener('change', generateSignature); } }); // File uploads document.getElementById('profilePhoto').addEventListener('change', generateSignature); document.getElementById('companyLogo').addEventListener('change', generateSignature); // Color picker sync document.getElementById('primaryColor').addEventListener('input', function() { document.getElementById('primaryColorText').value = this.value; generateSignature(); }); document.getElementById('primaryColorText').addEventListener('input', function() { if (/^#[0-9A-F]{6}$/i.test(this.value)) { document.getElementById('primaryColor').value = this.value; generateSignature(); } }); // Instruction tabs document.querySelectorAll('.instruction-tab').forEach(tab => { tab.addEventListener('click', function() { const tabId = this.dataset.tab; // Update active tab document.querySelectorAll('.instruction-tab').forEach(t => t.classList.remove('active')); this.classList.add('active'); // Update active content document.querySelectorAll('.instruction-content').forEach(content => { content.classList.remove('active'); }); document.getElementById(`${tabId}-instructions`).classList.add('active'); }); }); // AI modal events document.getElementById('aiBtn').addEventListener('click', openAIModal); document.getElementById('aiModal').addEventListener('click', function(e) { if (e.target === this) closeAIModal(); }); // ESC key to close modal document.addEventListener('keydown', function(e) { if (e.key === 'āĻāĻ¸ā§āĻ•ā§‡āĻĒ') closeAIModal(); }); // Initialize updateCurrentYear(); updateToolCount(); trackEvent('page_view', { tool: TOOL_CONFIG.name, category: TOOL_CONFIG.category }); }); // ========== DYNAMIC TOOL COUNT ========== async function updateToolCount() { try { const response = await fetch('/api/tool-count.php'); const data = await response.json(); document.querySelectorAll('.dynamic-tools-count').forEach(el => { el.textContent = `${data.count}+ free online tools in 206 languages. No signup, no fees, just tools that work.`; }); document.querySelectorAll('.dynamic-count').forEach(el => { const prefix = el.getAttribute('data-text') || ''; const suffix = el.getAttribute('data-suffix') || ''; const icon = el.textContent.split(' ')[0] || ''; el.textContent = `${icon} ${prefix} ${data.count}+ ${suffix}`; }); } catch (error) { const fallbackCount = 333; document.querySelectorAll('.dynamic-tools-count').forEach(el => { el.textContent = `${fallbackCount}+ free online tools in 206 languages. No signup, no fees, just tools that work.`; }); document.querySelectorAll('.dynamic-count').forEach(el => { const prefix = el.getAttribute('data-text') || ''; const suffix = el.getAttribute('data-suffix') || ''; const icon = el.textContent.split(' ')[0] || ''; el.textContent = `${icon} ${prefix} ${fallbackCount}+ ${suffix}`; }); } } function updateCurrentYear() { const currentYear = new Date().getFullYear(); document.querySelectorAll('.current-year').forEach(el => { el.textContent = currentYear; }); } // ========== ANALYTICS ========== window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXX');