<!-- ---------------------------------------------------------------------------------->
   <!-- SOCIAL MEDIA ICONS start-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />

    <!-- Toggle CSS -->
    <style>
        .switch {
            position: relative;
            display: inline-block;
            width: 44px;
            top: 10px;
            height: 24px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 24px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background-color: #2271b1;
        }

        input:checked + .slider:before {
            transform: translateX(20px);
        }
    </style>
<!-- -------------------------------------------------------------- -->
<script>
  document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('input[type="checkbox"]').forEach(toggle => {
     // Set the initial value on page load
        toggle.value = toggle.checked ? '1' : '0';

         // Get the parent and icon for setting the initial color
        const parent = toggle.closest('div'); 
        const icon = parent ? parent.querySelector('i') : null;

        // Set the initial icon color based on the checkbox state
        if (icon) {
            icon.style.color = toggle.checked ? '#2271b1' : '#ccc';
        }


      toggle.addEventListener('change', function() {
       // Set value to 1 if checked, else 0
        this.value = this.checked ? '1' : '0';

        if (icon) {
          icon.style.color = this.checked ? '#2271b1' : '#ccc';
        }
      });
    });
  });
</script>
 <?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="https://earthlychronicles.com/sitemaps_xsl.xsl"?>
<sitemapindex xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/siteindex.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>https://earthlychronicles.com/post-sitemap1.xml</loc>
<lastmod>2025-11-01T00:04:23+00:00</lastmod>
</sitemap>
<sitemap>
<loc>https://earthlychronicles.com/page-sitemap1.xml</loc>
<lastmod>2025-06-09T04:52:57+00:00</lastmod>
</sitemap>
<sitemap>
<loc>https://earthlychronicles.com/news.xml</loc>
<lastmod>2025-11-01T00:04:23+00:00</lastmod>
</sitemap>
</sitemapindex>