[RZA-250159]: change stories images from png to webp

.markdownlint.json

@@ -5,7 +5,11 @@
   },
   "MD029": false,
   "MD033": {
-    "allowed_elements": ["summary", "details", "mark"]
+    "allowed_elements": [
+      "summary",
+      "details",
+      "mark"
+    ]
   },
   "MD007": {
     "indent": 2
@@ -16,5 +20,8 @@
     "tables": false
   },
   "no-hard-tabs": false,
-  "whitespace": false
-}
+  "whitespace": false,
+  "no-duplicate-heading": {
+    "siblings_only": true
+  }
+}

src/assets/styles/footer.css

@@ -1,3 +1,12 @@
+:root {
+  --hue: 230;
+  --bg: hsl(var(--hue), 100%, 95%);
+  --border: hsl(var(--hue), 100%, 60%);
+  --text: hsl(var(--hue), 100%, 30%);
+  --text-lightness: 40%;
+  --hover-lightness: 20%;
+}
+
 :root {
   --footer-bg: #1f2937;
   --footer-text-main: #d1d5db;
@@ -25,9 +34,9 @@
 }
 
 [data-theme="light"] {
-  --footer-bg: #c7f3ef;
+  --footer-bg: #bbb;
   --footer-text-main: #22223b;
-  --footer-text-secondary: gray;
+  --footer-text-secondary: #560072;
   --footer-text-hover: #eb5d9d;
   --footer-brand-text: #0f0f10;
   --footer-brand-highlight: #c13595;
@@ -37,6 +46,7 @@
   --footer-border-color: #e5e7eb;
 }
 
+
 .footer-theme-toggle {
   display: inline-flex;
   align-items: center;
@@ -188,7 +198,7 @@
 
 .footer__nav--item {
   text-decoration: underline;
-  text-underline-offset: 2px;
+  text-underline-offset: 24x;
   transition: color 0.2s;
 }
 
@@ -203,14 +213,16 @@
 }
 
 .footer__nav--links a {
-  color: var(--footer-text-secondary);
+  /*color: var(--footer-text-secondary);*/
+  color: hsl(var(--hue), 100%, var(--text-lightness));
   text-decoration: none;
   font-size: 1.2rem;
   transition: color 0.2s;
 }
 
 .footer__nav--links a:hover {
-  color: var(--footer-text-hover);
+  /*color: var(--footer-text-hover);*/
+  color: hsl(var(--hue), 100%, var(--hover-lightness));
   text-decoration: underline;
 }
 
@@ -274,7 +286,7 @@
     transition: transform 0.2s ease-in-out;
   }
 
-  .footer__nav--item[open] > summary .fa-chevron-down {
+  .footer__nav--item[open]>summary .fa-chevron-down {
     transform: rotate(180deg);
   }
 
@@ -291,4 +303,4 @@
     margin-top: 1rem;
     font-size: 0.85rem;
   }
-}
+}

src/components/Analytics.astro

@@ -9,7 +9,7 @@ const gtagScript = `
 ---
 
 <script async src={`https://www.googletagmanager.com/gtag/js?id=${GA_ID}`}></script>
-<script is:inline>
+<script define:vars={{ gtagScript }} is:inline>
   {
     gtagScript;
   }

src/components/IndicLanguageGrid.astro

@@ -16,7 +16,7 @@ const { primary, secondary } = Astro.props;
   <div class="main-header">
     <div class="toggle-container">
       <div class="dropdown-wrapper">
-        <label id="lang1Label" class="dropdown-label language-label active"> PRIMARY LANGUAGE </label>
+        <label for="primaryDropdown" class="dropdown-label language-label active"> PRIMARY LANGUAGE </label>
         <select id="primaryDropdown">
           <option disabled aria-disabled="true" aria-readonly="true">Select Primary Language</option>
           {
@@ -36,7 +36,7 @@ const { primary, secondary } = Astro.props;
       </button>
 
       <div class="dropdown-wrapper">
-        <label id="lang2Label" class="dropdown-label language-label"> SECONDARY LANGUAGE </label>
+        <label for="secondaryDropdown" class="dropdown-label language-label"> SECONDARY LANGUAGE </label>
         <select id="secondaryDropdown">
           <option disabled aria-disabled="true" aria-readonly="true">Select Secondary Language</option>
           {

src/components/StoryCard.astro

@@ -4,7 +4,7 @@ import { storyCardSchema } from "@/types/stories";
 const props = storyCardSchema.parse(Astro.props);
 const { post } = props;
 const { url, title, description, image, author, date, category, readingTime, featured } = post;
-const socialImageURL = new URL(`/assets/images/stories/${image}`, Astro.url);
+//const socialImageURL = new URL(`/assets/images/stories/${image}`, Astro.url);
 ---
 
 <style is:inline>
@@ -32,7 +32,6 @@ const socialImageURL = new URL(`/assets/images/stories/${image}`, Astro.url);
     opacity: 1;
   }
 </style>
-<meta property="og:image" content={socialImageURL} />
 <article class="story-card">
   <a href={url}>
     <div class="story-card-content">

src/content/blog/rupesh-rathore.md

@@ -38,7 +38,8 @@ I learned so much :
 
 - I developed its whole new UI with CSS, used many CSS features like Grid, color-gradients, CSS-animations, gradient animation and many more things.
 
-- Now it allows users to explore the vowels and consonants of various Indian languages, providing a simple and visual way to compare scripts and sounds across different regions.A comprehensive hub for learning and practicing alphabets, offering tools for reading and learning.
+- Now it allows users to explore the vowels and consonants of various Indian languages, providing a simple and visual way to compare scripts and sounds across different regions.
+  A comprehensive hub for learning and practicing alphabets, offering tools for reading and learning.
 
 ### [Vedic Page](/vedic) ⏳🕰️
 
@@ -122,7 +123,8 @@ I learned so much :
 
 ### Git & Version Control Mastery
 
-Learn about branching strategies, merging, and conflict resolution and learned to work with multiple developers on the same codebase and understand the significance of proper commit messages, pull requests, and code with GitHub workflows and project organization.
+Learn about branching strategies, merging, and conflict resolution and learned to work with multiple developers on the same codebase and
+understand the significance of proper commit messages, pull requests, and code with GitHub workflows and project organization.
 
 ### VS Code - The Developer's Best Friend
 

src/content/privacy.md

@@ -1,6 +1,6 @@
 # Privacy Policy
 
-**Last Updated: July 16,2025**
+## Last Updated: July 16, 2025
 
 Welcome to **abcdkbd.com**! Your child’s privacy and safety are our highest priority.
 This Privacy Policy outlines how we handle personal data in compliance with the **Digital Personal Data Protection Act, 2023 (India)** and international child privacy standards.

src/content/stories/akbar-birbal.md

@@ -3,7 +3,7 @@ title: "The Half-Sun Reward"
 publishDate: "2025-07-10"
 author: "Folk Traditions"
 description: "A clever story where Birbal teaches Emperor Akbar that a full day’s work deserves a full day’s reward."
-image: "akbar-birbal.png"
+image: "akbar-birbal.webp"
 category: "Humorous"
 readingTime: 5
 draft: false

src/content/stories/blue-flute.md

@@ -3,7 +3,7 @@ title: "The Blue Flute"
 publishDate: "2025-07-09"
 author: "Folk Traditions"
 description: "A gentle tale of Lord Krishna’s journey from a playful child in Gokul to the wise charioteer of Kurukshetra."
-image: "blue-flute.png"
+image: "blue-flute.webp"
 category: "Mythology"
 readingTime: 5
 draft: false

src/content/stories/ekalavya.md

@@ -3,7 +3,7 @@ title: "The Story of Ekalavya"
 publishDate: "2025-07-10"
 author: "Folk Traditions"
 description: "A moving story of a tribal boy whose devotion to learning made him a great archer — even without a teacher."
-image: "ekalavya.png"
+image: "ekalavya.webp"
 featured: true
 category: "Mythology"
 readingTime: 5

src/content/stories/fox-grapes.md

@@ -3,7 +3,7 @@ title: "The Fox and the Grapes"
 publishDate: "2025-07-10"
 author: "Folk Traditions"
 description: "A clever little tale of a hungry fox who learns that not everything is within reach — and that’s okay."
-image: "fox-grapes.png"
+image: "fox-grapes.webp"
 category: "Fictional"
 readingTime: 3
 draft: false

src/content/stories/holy-rainbow.md

@@ -3,7 +3,7 @@ title: "The Holi Rainbow"
 publishDate: "2025-07-09"
 author: "Folk Traditions"
 description: "A heartwarming Holi story about two friends in Mathura who learn the meaning of forgiveness through colors."
-image: "holi.png"
+image: "holi.webp"
 category: "Fictional"
 readingTime: 5
 draft: false

src/content/stories/lion-mouse.md

@@ -3,7 +3,7 @@ title: "The Lion and The Mouse"
 publishDate: "2025-07-10"
 author: "Folk Traditions"
 description: "A heartwarming forest tale of kindness and how even the smallest can help the mighty."
-image: "lion-mouse.png"
+image: "lion-mouse.webp"
 category: "Humorous"
 readingTime: 4
 draft: false

src/content/stories/lost-kitten.md

@@ -3,7 +3,7 @@ title: "The Lost Kitten"
 publishDate: "2025-07-09"
 author: "Emily Hart"
 description: "A simple and heartwarming story of a kitten who gets lost, and the kind dog who helps her find her way home, retold with lessons of virtue."
-image: "lost-kitten.png"
+image: "lost-kitten.webp"
 category: "Fictional"
 readingTime: 2
 draft: false

src/content/stories/monkey-crocodile.md

@@ -3,7 +3,7 @@ title: "The Monkey and the Crocodile"
 publishDate: "2025-07-10"
 author: "Folk Traditions"
 description: "A clever monkey teaches a crocodile that wit and wisdom can save you from any danger."
-image: "monkey-crocodile.png"
+image: "monkey-crocodile.webp"
 category: "Short"
 readingTime: 4
 draft: false

src/content/stories/rabbit-turtle.md

@@ -3,7 +3,7 @@ title: "The Great Forest Race"
 publishDate: "2025-07-10"
 author: "Folk Traditions"
 description: "A playful retelling of the classic race between a speedy rabbit and a slow but steady turtle."
-image: "rabbit-turtle.png"
+image: "rabbit-turtle.webp"
 category: "Humorous"
 readingTime: 5
 draft: false

src/content/stories/ramayan.md

@@ -3,7 +3,7 @@ title: "The Story of Ramayan"
 publishDate: "2025-07-09"
 author: "Sage Valmiki"
 description: "The heartwarming tale of the Ramayan unfolds with love, duty, and sacrifice, Where Rama's righteous path lights the way through trials and triumph."
-image: "ramayan.png"
+image: "ramayan.webp"
 category: "Mythology"
 readingTime: 5
 draft: false

src/content/stories/tenali-rama.md

@@ -3,7 +3,7 @@ title: "Tenali and the Talking Parrot"
 publishDate: "2025-07-10"
 author: "Folk Traditions"
 description: "A witty tale of Tenali Rama who outsmarts a greedy merchant and teaches the king a clever lesson about truth."
-image: "tenali-rama.png"
+image: "tenali-rama.webp"
 category: "Short"
 readingTime: 5
 draft: false

src/content/stories/thirsty-crow.md

@@ -3,7 +3,7 @@ title: "The Thirsty Crow"
 publishDate: "2025-07-10"
 author: "Folk Traditions"
 description: "A clever little crow teaches us how patience and smart thinking can solve any problem."
-image: "thirsty-crow.png"
+image: "thirsty-crow.webp"
 category: "Short"
 readingTime: 3
 draft: false

src/content/terms-and-conditions.md

@@ -1,6 +1,6 @@
 # Terms & Conditions
 
-**Last Updated: July 16,2025**
+## **Last Updated: July 16,2025**
 
 Welcome to [**abcdkbd.com**](https://abcdkbd.com). By accessing or using our platform, you agree to comply with and be bound by the following Terms and Conditions.
 

src/layouts/common/Footer.astro

@@ -36,7 +36,6 @@ import ToggleIcon from "@/assets/icons/toggle.svg";
       <details class="footer__nav--item" open>
         <summary class="footer__nav--title">
           <span>Learning</span>
-          <i class="fa-solid fa-chevron-down"></i>
         </summary>
         <div class="footer__nav--links">
           <a href="/alphabets">Reading</a>
@@ -49,7 +48,6 @@ import ToggleIcon from "@/assets/icons/toggle.svg";
       <details class="footer__nav--item" open>
         <summary class="footer__nav--title">
           <span>General</span>
-          <i class="fa-solid fa-chevron-down"></i>
         </summary>
         <div class="footer__nav--links">
           <a href="/faq">FAQs</a>
@@ -63,7 +61,6 @@ import ToggleIcon from "@/assets/icons/toggle.svg";
     <details class="footer__nav--item" open>
       <summary class="footer__nav--title">
         <span>Resources</span>
-        <i class="fa-solid fa-chevron-down"></i>
       </summary>
       <div class="footer__nav--links">
         <a href="/school">School Programs</a>

src/pages/stories/[slug].astro

@@ -51,6 +51,8 @@ if (!Content) {
   return;
 }
 
+//const socialImageURL = new URL(`/assets/images/stories/${validatedData.image}`, Astro.url);
+
 const meta = {
   title: "Stories",
   description: validatedData.description