From cc8184181c7d6b669c609b09df37439b7e866e3c Mon Sep 17 00:00:00 2001 From: recursivezero Date: Sat, 9 Aug 2025 22:53:15 +0530 Subject: [PATCH 1/2] nakshtra css unified ;map full view text color change --- .vscode/dictionaries/project-words.txt | 1 + src/assets/styles/nakshtra.css | 124 +++++++++++++++++++++++-- src/components/District.astro | 2 + src/components/NakshtraCard.astro | 62 ------------- src/pages/nakshtra/index.astro | 74 ++++----------- 5 files changed, 137 insertions(+), 126 deletions(-) diff --git a/.vscode/dictionaries/project-words.txt b/.vscode/dictionaries/project-words.txt index 11543bdf..a0d434ff 100755 --- a/.vscode/dictionaries/project-words.txt +++ b/.vscode/dictionaries/project-words.txt @@ -59,6 +59,7 @@ LXXX Madhyam Magha maithili +Majeure Margashirsha matra matras diff --git a/src/assets/styles/nakshtra.css b/src/assets/styles/nakshtra.css index 8a83a27d..aa96ba14 100644 --- a/src/assets/styles/nakshtra.css +++ b/src/assets/styles/nakshtra.css @@ -4,22 +4,61 @@ padding-inline: 1rem; } +.legend__list { + display: flex; + align-items: center; + flex-wrap: wrap; + + div { + flex: 1; + text-align: right; + font-style: italic; + } + + .legend { + font-size: large; + color: rgb(44, 45, 42); + margin-inline-end: 4px; + + &::before { + content: attr(data-icon); + font-size: 1.75rem; + } + } + + dl { + display: flex; + margin: 3px 4px; + align-items: center; + padding-inline: 1rem; + border: 3px dotted #b2c3d9; + } + + dd { + margin: 0; + padding: 0.3rem 0.6rem; + border-radius: 0.5rem; + font-size: 1.25rem; + } +} + .card__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); gap: 1rem; - margin: 1rem; -} + margin-block: 1rem; + -@container nakshtra (width <=700px) { - .card__list { - grid-template-columns: repeat(2, 1fr); + @container nakshtra (width <=700px) { + .card__list { + grid-template-columns: repeat(2, 1fr); + } } -} -@container nakshtra (width <=468px) { - .card__list { - grid-template-columns: 1fr; + @container nakshtra (width <=468px) { + .card__list { + grid-template-columns: 1fr; + } } } @@ -31,4 +70,71 @@ background-color: rgba(var(--card-bg), 0.5); border-left: 4px solid var(--primary-color); opacity: 0.8; +} + + + + +/* Nakshtra card */ +.card { + border-radius: 8px; + padding: 1rem; + text-align: center; + cursor: pointer; + transition: + transform 0.2s, + box-shadow 0.2s; + box-shadow: 0 2px 5px var(--primary-color); + aspect-ratio: 1/1; + display: flex; + flex-direction: column; + justify-content: start; + position: relative; +} + +.card:hover { + transform: translateY(-5px); + box-shadow: 0 25px 75px var(--primary-color); +} + +.nakshatra-card { + aspect-ratio: auto; + cursor: default; + padding: 1.5rem; + display: flex; + flex-direction: column; + align-items: center; + + img { + width: 100%; + aspect-ratio: 1; + } + + h3 { + font-size: 2rem; + color: #df9f9f; + margin: 0; + } + + .nakshatra-details { + padding: 0; + margin: 0; + font-size: 0.95rem; + width: 100%; + text-align: left; + + p { + padding: 0.5rem 1rem; + margin: 0; + font-size: 1.5rem; + + &:nth-child(even) { + border-block: 1px dashed light-dark(#78818d, #123456); + } + + & span { + padding-inline: 0.5rem; + } + } + } } \ No newline at end of file diff --git a/src/components/District.astro b/src/components/District.astro index 5f328f5f..0e9e1488 100644 --- a/src/components/District.astro +++ b/src/components/District.astro @@ -108,6 +108,7 @@ import "@/assets/styles/map/district.css"; }); texts.forEach((text) => { text.style.display = "block"; + text.style.stroke = "#5417dcb0"; text.style.fill = getComputedStyle(document.documentElement).getPropertyValue("--text"); }); break; @@ -238,6 +239,7 @@ import "@/assets/styles/map/district.css"; const mouseX = e.clientX; const mouseY = e.clientY; + tooltip.style.color = "green"; tooltip.style.left = `${mouseX - 250}px`; tooltip.style.top = `${mouseY - 120}px`; diff --git a/src/components/NakshtraCard.astro b/src/components/NakshtraCard.astro index e1f235eb..5b07dc76 100644 --- a/src/components/NakshtraCard.astro +++ b/src/components/NakshtraCard.astro @@ -17,68 +17,6 @@ const { } = Astro.props; --- - -
{name}

{name}

diff --git a/src/pages/nakshtra/index.astro b/src/pages/nakshtra/index.astro index 9088176a..39e57644 100644 --- a/src/pages/nakshtra/index.astro +++ b/src/pages/nakshtra/index.astro @@ -10,46 +10,10 @@ var currentLang = "hindi"; const meta = { title: "Nakshtra", - description: "Explore all 27 Nakshatras (lunar mansions) in Vedic astrology." + description: "Explore all 27 Nakshatra (lunar mansions) in Vedic astrology." }; --- - - @@ -59,28 +23,28 @@ const meta = { description="In Hindu astrology, Nakshatra (नक्षत्र) refers to a constellation or lunar mansion." /> +
+

Nakshatra Nexus

+
+
Legends:
+
+
+
Ruling Planet
+
+
+
+
Deity
+
+
+
+
Symbol
+
+
-

Nakshatra Nexus

-
-
Legends:
-
-
-
Ruling Planet
-
-
-
-
Deity
-
-
-
-
Symbol
-
-
-
{(data as any)[currentLang].map((nakshtra: Nakshtra) => )}
-
+

Note on Abhijit Nakshatra: A 28th Nakshatra, Abhijit, is mentioned in some texts (between Uttara Ashadha From bc8ed5f8f6e3b51ec87a21bece9cc357e10f93e6 Mon Sep 17 00:00:00 2001 From: recursivezero Date: Sun, 7 Sep 2025 00:46:06 +0530 Subject: [PATCH 2/2] [RZA-250175]: added analytics and disha and puranas page --- .vscode/dictionaries/project-words.txt | 1 + CHANGELOG.md | 5 + astro.config.mjs | 12 +- package-lock.json | 35 +++++ package.json | 8 +- src/assets/styles/letter-card.css | 20 +-- src/assets/styles/tile.css | 7 + src/components/Analytics.astro | 4 +- src/data/glossary.json | 194 ++++++++++++++++++++++++- src/layouts/BaseHead.astro | 13 +- src/pages/glossary/[item].astro | 33 ++++- 11 files changed, 310 insertions(+), 22 deletions(-) diff --git a/.vscode/dictionaries/project-words.txt b/.vscode/dictionaries/project-words.txt index a0d434ff..a09c0946 100755 --- a/.vscode/dictionaries/project-words.txt +++ b/.vscode/dictionaries/project-words.txt @@ -26,6 +26,7 @@ datetime Deepavali dhaga Dhaivat +Disha dogri DPDP Dussehra diff --git a/CHANGELOG.md b/CHANGELOG.md index 423048cc..9549817b 100755 --- a/CHANGELOG.md +++ b/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. diff --git a/astro.config.mjs b/astro.config.mjs index a573a378..5d36a386 100644 --- a/astro.config.mjs +++ b/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 }, diff --git a/package-lock.json b/package-lock.json index 6091e248..e94036d6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,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", @@ -180,6 +181,15 @@ "astro": "^5.3.0" } }, + "node_modules/@astrojs/partytown": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/@astrojs/partytown/-/partytown-2.1.4.tgz", + "integrity": "sha512-loUrAu0cGYFDC6dHVRiomdsBJ41VjDYXPA+B3Br51V5hENFgDSOLju86OIj1TvBACcsB22UQV7BlppODDG5gig==", + "dependencies": { + "@qwik.dev/partytown": "^0.11.0", + "mrmime": "^2.0.1" + } + }, "node_modules/@astrojs/prism": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.2.0.tgz", @@ -1318,6 +1328,31 @@ "integrity": "sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==", "license": "MIT" }, + "node_modules/@qwik.dev/partytown": { + "version": "0.11.2", + "resolved": "https://registry.npmjs.org/@qwik.dev/partytown/-/partytown-0.11.2.tgz", + "integrity": "sha512-795y49CqBiKiwKAD+QBZlzlqEK275hVcazZ7wBPSfgC23L+vWuA7PJmMpgxojOucZHzYi5rAAQ+IP1I3BKVZxw==", + "dependencies": { + "dotenv": "^16.4.7" + }, + "bin": { + "partytown": "bin/partytown.cjs" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/@qwik.dev/partytown/node_modules/dotenv": { + "version": "16.6.1", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz", + "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://dotenvx.com" + } + }, "node_modules/@rollup/pluginutils": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.2.0.tgz", diff --git a/package.json b/package.json index bb237be0..b64db1d2 100644 --- a/package.json +++ b/package.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" } -} +} \ No newline at end of file diff --git a/src/assets/styles/letter-card.css b/src/assets/styles/letter-card.css index fb2905f3..dc4134fc 100644 --- a/src/assets/styles/letter-card.css +++ b/src/assets/styles/letter-card.css @@ -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; } } -} +} \ No newline at end of file diff --git a/src/assets/styles/tile.css b/src/assets/styles/tile.css index 72d182b3..029d5b98 100644 --- a/src/assets/styles/tile.css +++ b/src/assets/styles/tile.css @@ -61,3 +61,10 @@ display: none; } } + +[data-category="scripture"] .page__grid { + .character { + margin-top: 8px; + font-size: clamp(1rem, 4vw, 2rem); + } +} \ No newline at end of file diff --git a/src/components/Analytics.astro b/src/components/Analytics.astro index 7200f143..a35b323e 100644 --- a/src/components/Analytics.astro +++ b/src/components/Analytics.astro @@ -8,8 +8,8 @@ const gtagScript = ` `; --- - - +