[RZA-250175]: added analytics and disha and puranas page

Author: recursivezero

.vscode/dictionaries/project-words.txt

@@ -26,6 +26,7 @@ datetime
 Deepavali
 dhaga
 Dhaivat
+Disha
 dogri
 DPDP
 Dussehra

CHANGELOG.md

@@ -36,6 +36,11 @@ Created Repo from template
 - Mobile view fixed for pages
 - FAQs updated
 
+## [3.2.3] - 2025-09-07
+
+- Added Google Analytics with partytown
+- Added Disha and Purana names in Glossary
+
 ### [Unreleased]
 
 Here we write upgrading notes for brands. It's a team effort to make them as straightforward as possible.

astro.config.mjs

@@ -1,4 +1,5 @@
 import mdx from "@astrojs/mdx";
+import partytown from "@astrojs/partytown";
 import sitemap from "@astrojs/sitemap";
 import { defineConfig } from "astro/config";
 
@@ -18,7 +19,16 @@ export default defineConfig({
   experimental: {
     svg: true
   },
-  integrations: [sitemap(), mdx()],
+  integrations: [
+    partytown({
+      // https://partytown.qwik.dev/google-tag-manager/#google-analytics-4-ga4
+      config: {
+        forward: ["dataLayer.push"]
+      }
+    }),
+    sitemap(),
+    mdx()
+  ],
   style: {
     global: true // Ensure global styles are applied
   },

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursivezero/abcd",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "description": "A website for our kids trial phase of abcdkbd.com",
   "homepage": "https://abcdkbd.com",
   "displayName": "abcd",
@@ -112,6 +112,7 @@
     "@astrojs/check": "0.9.4",
     "@astrojs/mdx": "4.0.3",
     "@astrojs/node": "9.1.2",
+    "@astrojs/partytown": "2.1.4",
     "@astrojs/sitemap": "3.4.1",
     "@fontsource/roboto": "5.1.0",
     "astro": "5.4.1",
@@ -135,5 +136,8 @@
     "prettier": "3.1.0",
     "prettier-plugin-astro": "0.14.1",
     "shx": "0.3.4"
+  },
+  "engines": {
+    "node": "^20"
   }
-}
+}

package.json

@@ -29,16 +29,14 @@
     justify-content: center;
     align-items: center;
     height: 100%;
-    font-size: clamp(3rem, 6vw, 4rem);
+    font-size: clamp(3rem, 6vw, 3.25rem);
     font-weight: 800;
     margin: 0;
     line-height: 1.2;
     /* Adjusted line-height */
-    background: linear-gradient(
-      135deg,
-      var(--character-gradient-start, var(--primary)) 0%,
-      var(--character-gradient-end, var(--primary-light)) 100%
-    );
+    background: linear-gradient(135deg,
+        var(--character-gradient-start, var(--primary)) 0%,
+        var(--character-gradient-end, var(--primary-light)) 100%);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
@@ -194,11 +192,9 @@
   & .card__glow {
     position: absolute;
     inset: 0;
-    background: radial-gradient(
-      circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
-      color-mix(in srgb, var(--primary) 10%, transparent) 0%,
-      transparent 60%
-    );
+    background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
+        color-mix(in srgb, var(--primary) 10%, transparent) 0%,
+        transparent 60%);
     opacity: 0;
     transition: opacity 0.3s ease;
     pointer-events: none;
@@ -217,4 +213,4 @@
       font-size: 0.875rem;
     }
   }
-}
+}

src/assets/styles/letter-card.css

@@ -61,3 +61,10 @@
     display: none;
   }
 }
+
+[data-category="scripture"] .page__grid {
+  .character {
+    margin-top: 8px;
+    font-size: clamp(1rem, 4vw, 2rem);
+  }
+}

src/assets/styles/tile.css

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

src/components/Analytics.astro

@@ -893,5 +893,197 @@
         "text": "देर रात"
       }
     ]
+  },
+  "disha": {
+    "id": 14,
+    "category": "dimension",
+    "icon": "📏",
+    "title": "Disha (Dimensions)",
+    "description": "A collection of 10 dimensions in Hindi and English.",
+    "data": [
+      {
+        "description": "Abode of gods and enlightenment.",
+        "emoji": "⬆",
+        "letter": "Up",
+        "text": "ऊर्ध्व, ऊपर"
+      },
+      {
+        "description": "Realm of ancestors and netherworld.",
+        "emoji": "⬇",
+        "letter": "Down",
+        "text": "अधः, नीचे"
+      },
+      {
+        "description": "Direction of the gods.",
+        "emoji": "➡️",
+        "letter": "East",
+        "text": "पूर्व"
+      },
+      {
+        "description": "Direction of the ancestors.",
+        "emoji": "⬅️",
+        "letter": "West",
+        "text": "पश्चिम"
+      },
+      {
+        "description": "Home of wealth and prosperity.",
+        "emoji": "⬆️",
+        "letter": "North",
+        "text": "उत्तर"
+      },
+      {
+        "description": "Domain of death and change.",
+        "emoji": "⬇️",
+        "letter": "South",
+        "text": "दक्षिण"
+      },
+      {
+        "description": "Corner of Shiva and wisdom.",
+        "emoji": "↗️",
+        "letter": "Northeast",
+        "text": "ईशान्य"
+      },
+      {
+        "description": "Corner of Agni and energy.",
+        "emoji": "↘️",
+        "letter": "Southeast",
+        "text": "आग्नेय"
+      },
+      {
+        "description": "Corner of Vayu and winds.",
+        "emoji": "↖️",
+        "letter": "Northwest",
+        "text": "वायव्य"
+      },
+      {
+        "description": "Corner of Nirriti (निरृति ) and dissolution.",
+        "emoji": "↙️",
+        "letter": "Southwest",
+        "text": "नैर्ऋत्य"
+      }
+    ]
+  },
+  "purana": {
+    "id": 15,
+    "category": "scripture",
+    "icon": "📜",
+    "title": "Purana",
+    "description": "A collection of the 18 Mahapuranas in Hinduism.",
+    "data": [
+      {
+        "description": "Describes creation and time cycles.",
+        "emoji": "🕉️",
+        "letter": "Brahma Purana",
+        "text": "ब्रह्म पुराण"
+      },
+      {
+        "description": "Focuses on Lord Vishnu's avatars.",
+        "emoji": "🐚",
+        "letter": "Padma Purana",
+        "text": "पद्म पुराण"
+      },
+      {
+        "description": "Glorifies Lord Shiva and rituals.",
+        "emoji:": "🔱",
+        "letter": "Vishnu Purana",
+        "text": "विष्णु पुराण"
+      },
+      {
+        "description": "A vast encyclopedia of knowledge.",
+        "emoji": "🌌",
+        "letter": "Shiva Purana",
+        "text": "शिव पुराण"
+      },
+      {
+        "description": "Tales of Lord Vishnu's incarnations.",
+        "emoji": "🎭",
+        "letter": "Bhagavata Purana",
+        "text": "भागवत पुराण"
+      },
+      {
+        "description": "Details about the universe's structure.",
+        "emoji": "🗺️",
+        "letter": "Narada Purana",
+        "text": "नारद पुराण"
+      },
+      {
+        "description": "Story of Markandeya's immortality.",
+        "emoji": "🧓",
+        "letter": "Markandeya Purana",
+        "text": "मार्कण्डेय पुराण"
+      },
+      {
+        "description": "Worship of Goddess Agni (Fire).",
+        "emoji": "🔥",
+        "letter": "Agni Purana",
+        "text": "अग्नि पुराण"
+      },
+      {
+        "description": "A dialogue between Shiva and Parvati.",
+        "emoji": "👫",
+        "letter": "Bhavishya Purana",
+        "text": "भविष्य पुराण"
+      },
+      {
+        "description": "Glorifies the Linga form of Shiva.",
+        "emoji": "⃰",
+        "letter": "Linga Purana",
+        "text": "लिंग पुराण"
+      },
+      {
+        "description": "Story of the Varaha avatar (boar).",
+        "emoji": "🐗",
+        "letter": "Varaha Purana",
+        "text": "वराह पुराण"
+      },
+      {
+        "description": "The story of the Vamana avatar (dwarf).",
+        "emoji": "👣",
+        "letter": "Vamana Purana",
+        "text": "वामन पुराण"
+      },
+      {
+        "description": "The greatness of the Skanda (Kartikeya).",
+        "emoji": "🦚",
+        "letter": "Skanda Purana",
+        "text": "स्कन्द पुराण"
+      },
+      {
+        "description": "The story of the Vamana avatar (dwarf).",
+        "emoji": "👣",
+        "letter": "Vamana Purana",
+        "text": "वामन पुराण"
+      },
+      {
+        "description": "The story of the Kurma avatar (tortoise).",
+        "emoji": "🐢",
+        "letter": "Kurma Purana",
+        "text": "कूर्म पुराण"
+      },
+      {
+        "description": "The story of the Matsya avatar (fish).",
+        "emoji": "🐠",
+        "letter": "Matsya Purana",
+        "text": "मत्स्य पुराण"
+      },
+      {
+        "description": "The story of the Garuda (divine eagle).",
+        "emoji": "🦅",
+        "letter": "Garuda Purana",
+        "text": "गरुड़ पुराण"
+      },
+      {
+        "description": "The story of the Brahmanda (cosmic egg).",
+        "emoji": "🥚",
+        "letter": "Brahmanda Purana",
+        "text": "ब्रह्माण्ड पुराण"
+      }
+    ],
+    "mnemonic": {
+      "description": "A Sanskrit mnemonic verse for memorizing the 18 Puranas; explained in the work of a highly influential 12th-century scholar:Nārāyaṇa (नारायण)",
+      "verse": "मद्वयं भद्वयं चैव ब्रत्रयं वचतुष्टयम्। अनापलिंगकूस्कानि पुराणानि प्रचक्षते।।",
+      "explanation": "This verse is a code where each syllable hints at the beginning of a Purana's name (e.g., 'Ma' for Matsya, 'Dvaya' for two, implying two Puranas starting with 'Ma' - Matsya and Markandeya).",
+      "author": "explained in the work of a highly influential 12th-century scholar:Nārāyaṇa (नारायण)"
+    }
   }
-}
+}