Merge pull request #42 from recursivezero/feature/RZA-250034

feature/RZA-250034: Added Vedic page

abcd.code-workspace

@@ -73,25 +73,9 @@
       "javascript": "javascriptreact"
     },
     "eslint.options": {
-      "extensions": [
-        ".js",
-        ".jsx",
-        ".md",
-        ".mdx",
-        ".ts",
-        ".tsx",
-        ".astro"
-      ]
-    },
-    "eslint.validate": [
-      "mdx",
-      "markdown",
-      "javascript",
-      "javascriptreact",
-      "typescript",
-      "typescriptreact",
-      "astro"
-    ],
+      "extensions": [".js", ".jsx", ".md", ".mdx", ".ts", ".tsx", ".astro"]
+    },
+    "eslint.validate": ["mdx", "markdown", "javascript", "javascriptreact", "typescript", "typescriptreact", "astro"],
     "explorer.compactFolders": false,
     "explorer.confirmDelete": false,
     "explorer.confirmDragAndDrop": false,
@@ -119,10 +103,7 @@
     },
     "git.autofetch": true,
     "git.branchPrefix": "feature/",
-    "git.branchProtection": [
-      "develop",
-      "main"
-    ],
+    "git.branchProtection": ["develop", "main"],
     "git.branchRandomName.enable": true,
     "git.confirmSync": false,
     "git.enableCommitSigning": false,
@@ -133,9 +114,7 @@
     "js/ts.implicitProjectConfig.checkJs": true,
     "peacock.affectSideBarBorder": true,
     "peacock.color": "#abcd00",
-    "prettier.documentSelectors": [
-      "**/*.astro"
-    ],
+    "prettier.documentSelectors": ["**/*.astro"],
     "prettier.printWidth": 120,
     "prettier.quoteProps": "consistent",
     "prettier.singleQuote": false,
@@ -192,4 +171,4 @@
       ".githooks/**": true
     }
   }
-}
+}

docs/pages.md

@@ -124,6 +124,14 @@ This document describes the functionality and purpose of each page in the applic
 - Controls for record/pause/stop
 - Clip management with naming and deletion
 
+#### Vedic Time Page (/pages/vedic.astro)
+
+![Vedic Time page](../src/assets/screenshots/vedic.png)
+
+- Vedic time unit conversion tool
+- Interactive converter with input form
+- Comprehensive reference of vedic time units
+
 #### Clan Explorer
 
 ![Clan explorer page](../src/assets/screenshots/clan.png)

src/assets/json/state.json

@@ -477,4 +477,4 @@
     "official_website": "https://www.py.gov.in",
     "isActive": true
   }
-]
+]

src/assets/json/vedic.json

@@ -0,0 +1,76 @@
+{
+  "time_units": [
+    {
+      "name": "क्षण",
+      "seconds": 1,
+      "minutes": 0.01667,
+      "years": 0.0000000317
+    },
+    {
+      "name": "पल",
+      "seconds": 24,
+      "minutes": 0.4,
+      "years": 0.00000076
+    },
+    {
+      "name": "घटी",
+      "seconds": 1440,
+      "minutes": 24,
+      "years": 0.000027
+    },
+    {
+      "name": "प्रहर",
+      "seconds": 10800,
+      "minutes": 180,
+      "years": 0.000342
+    },
+    {
+      "name": "दिन",
+      "seconds": 86400,
+      "minutes": 1440,
+      "years": 0.00274
+    },
+    {
+      "name": "पक्ष",
+      "seconds": 1296000,
+      "minutes": 21600,
+      "years": 0.0317
+    },
+    {
+      "name": "मास",
+      "seconds": 2592000,
+      "minutes": 43200,
+      "years": 0.0635
+    },
+    {
+      "name": "ऋतु",
+      "seconds": 5184000,
+      "minutes": 86400,
+      "years": 0.127
+    },
+    {
+      "name": "अयन",
+      "seconds": 15552000,
+      "minutes": 259200,
+      "years": 0.381
+    },
+    {
+      "name": "वर्ष",
+      "seconds": 31104000,
+      "minutes": 518400,
+      "years": 1
+    },
+    {
+      "name": "युग",
+      "seconds": 1209600000,
+      "minutes": 20160000,
+      "years": 38880
+    },
+    {
+      "name": "कल्प",
+      "seconds": 31104000000000,
+      "minutes": 518400000000,
+      "years": 1000000000
+    }
+  ]
+}

src/assets/styles/alphabets/[alphabet]/board.css

@@ -59,12 +59,10 @@
   }
 
   & .container__alphabet::before {
-    content: '';
+    content: "";
     position: absolute;
     inset: 0;
-    background: radial-gradient(circle at 50% 0%,
-        color-mix(in srgb, var(--primary) 5%, transparent),
-        transparent 70%);
+    background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 70%);
     pointer-events: none;
     z-index: -1;
   }
@@ -78,25 +76,25 @@
   }
 
   /* Animation for list items */
-  & .container__alphabet .list>* {
+  & .container__alphabet .list > * {
     opacity: 0;
     transform: translateY(20px);
     animation: slideUp 0.6s ease forwards;
   }
 
-  & .container__alphabet .list>*:nth-child(1n) {
+  & .container__alphabet .list > *:nth-child(1n) {
     animation-delay: 0.1s;
   }
 
-  & .container__alphabet .list>*:nth-child(2n) {
+  & .container__alphabet .list > *:nth-child(2n) {
     animation-delay: 0.2s;
   }
 
-  & .container__alphabet .list>*:nth-child(3n) {
+  & .container__alphabet .list > *:nth-child(3n) {
     animation-delay: 0.3s;
   }
 
-  & .container__alphabet .list>*:nth-child(4n) {
+  & .container__alphabet .list > *:nth-child(4n) {
     animation-delay: 0.4s;
   }
 
@@ -133,4 +131,4 @@
       grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
     }
   }
-}
+}

src/assets/styles/alphabets/[alphabet]/playground.css

@@ -151,4 +151,4 @@
   50% {
     border-color: transparent;
   }
-}
+}

src/assets/styles/alphabets/index.css

@@ -100,7 +100,6 @@
   }
 }
 
-
 @keyframes fadeInUp {
   to {
     opacity: 1;
@@ -132,4 +131,4 @@
       padding: 0.75rem 1rem;
     }
   }
-}
+}

src/assets/styles/blogs/blog.css

@@ -10,7 +10,7 @@
   }
 
   & .blog-post-header::after {
-    content: '';
+    content: "";
     position: absolute;
     bottom: -2rem;
     left: 50%;
@@ -127,9 +127,6 @@
     margin: 3rem 0;
     border: none;
     height: 1px;
-    background: linear-gradient(90deg,
-        transparent,
-        var(--border),
-        transparent);
+    background: linear-gradient(90deg, transparent, var(--border), transparent);
   }
-}
+}

src/assets/styles/blogs/index.css

@@ -14,9 +14,7 @@
   & .blog-card {
     height: 100%;
     border-radius: 1rem;
-    background: linear-gradient(145deg,
-        color-mix(in srgb, var(--background) 97%, var(--text) 3%),
-        var(--background));
+    background: linear-gradient(145deg, color-mix(in srgb, var(--background) 97%, var(--text) 3%), var(--background));
     box-shadow: 0 8px 32px -10px rgba(0, 0, 0, 0.3);
     overflow: hidden;
     transform-style: preserve-3d;
@@ -46,16 +44,13 @@
   }
 
   & .blog-card-image::after {
-    content: '';
+    content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    background: linear-gradient(180deg,
-        transparent 0%,
-        transparent 70%,
-        var(--background) 100%);
+    background: linear-gradient(180deg, transparent 0%, transparent 70%, var(--background) 100%);
   }
 
   & .blog-card-image img {
@@ -75,9 +70,7 @@
     gap: 1rem;
     padding: 2rem;
     flex: 1;
-    background: linear-gradient(to bottom,
-        transparent,
-        color-mix(in srgb, var(--background) 95%, var(--primary) 5%));
+    background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--background) 95%, var(--primary) 5%));
   }
 
   & .blog-card-title {
@@ -169,4 +162,4 @@
       grid-template-columns: repeat(4, 1fr);
     }
   }
-}
+}