From 6a6afcae8335f5f8bbafd212a640fa4c306da023 Mon Sep 17 00:00:00 2001 From: Keshav Mohta Date: Wed, 25 Sep 2024 09:32:32 +0530 Subject: [PATCH] fixed css --- abcd.code-workspace | 5 +++++ src/assets/styles/about.css | 9 +++++++++ src/assets/styles/global.css | 12 ++++-------- src/assets/styles/header.css | 1 + src/assets/styles/nav.css | 5 ----- src/assets/styles/panel.css | 1 - src/components/BaseHead.astro | 1 - src/components/Footer.astro | 2 +- src/pages/about.astro | 23 +++++++++++++++-------- src/pages/letter/[...slug].astro | 2 +- src/pages/panel.astro | 4 ++-- src/pages/varnmala.astro | 2 +- 12 files changed, 39 insertions(+), 28 deletions(-) diff --git a/abcd.code-workspace b/abcd.code-workspace index ed238db..7136fcb 100644 --- a/abcd.code-workspace +++ b/abcd.code-workspace @@ -56,6 +56,9 @@ "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, + "[css]": { + "editor.foldingStrategy": "indentation" + }, "eslint.validate": [ "mdx", "markdown", @@ -161,10 +164,12 @@ "cSpell.words": [ "headlessui", "heroicons", + "hyperlegible", "Mohta", "nojekyll", "recursivezero", "sanyukat", + "sportrop", "threadzip" ], "css.lint.unknownAtRules": "ignore", diff --git a/src/assets/styles/about.css b/src/assets/styles/about.css index e69de29..183e071 100644 --- a/src/assets/styles/about.css +++ b/src/assets/styles/about.css @@ -0,0 +1,9 @@ +.container__about { + padding: 1rem; + + >.moto { + color: #3a8657; + font-size: 3rem; + + } +} \ No newline at end of file diff --git a/src/assets/styles/global.css b/src/assets/styles/global.css index c1e8922..d30d2c7 100644 --- a/src/assets/styles/global.css +++ b/src/assets/styles/global.css @@ -3,6 +3,7 @@ --accent-light: 224, 204, 250; --accent-dark: 49, 10, 101; --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%); + color-scheme: light dark; --text: white; --bg: #13151a; /*border color */ @@ -90,7 +91,6 @@ header { grid-area: header; height: var(--header-h); border: 1px solid pink; - border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center; @@ -98,7 +98,7 @@ header { } a { - color: white; + color: light-dark(#f5f2f2, white); } h1 { @@ -111,16 +111,12 @@ h1 { main { grid-area: main; - margin: auto; + display: grid; padding: 1rem; - width: auto; - max-width: calc(100% - 2rem); - color: white; + color: var(--text, white); font-size: 1.25rem; line-height: 1.6; - max-height: max-content; max-height: calc(100vh - var(--header-h) - var(--footer-h) - 4rem); - display: grid; grid-auto-flow: row; height: 100vh; } diff --git a/src/assets/styles/header.css b/src/assets/styles/header.css index 2f2dcb6..7544fe1 100644 --- a/src/assets/styles/header.css +++ b/src/assets/styles/header.css @@ -1,3 +1,4 @@ +@import url(./global.css); .header { background-color: #15091d; diff --git a/src/assets/styles/nav.css b/src/assets/styles/nav.css index 1caf63c..819fbe8 100644 --- a/src/assets/styles/nav.css +++ b/src/assets/styles/nav.css @@ -90,8 +90,3 @@ nav { color: #5b3333; } } - -.footer { - text-align: center; - align-self: center; -} \ No newline at end of file diff --git a/src/assets/styles/panel.css b/src/assets/styles/panel.css index 86b8793..d56ec82 100644 --- a/src/assets/styles/panel.css +++ b/src/assets/styles/panel.css @@ -19,7 +19,6 @@ --tz: 288px; } - main { display: grid; grid-template-areas: 'option' 'panel'; diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro index 56d0688..65d8d22 100644 --- a/src/components/BaseHead.astro +++ b/src/components/BaseHead.astro @@ -1,7 +1,6 @@ --- import { siteConfig } from "@/site-config"; - const { title, description, ogImage } = Astro.props; const titleSeparator = "•"; diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 08bf21d..96310c9 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -2,5 +2,5 @@ const currentYear = new Date().getFullYear(); --- \ No newline at end of file diff --git a/src/pages/about.astro b/src/pages/about.astro index 59ba8a6..0f977d8 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -1,20 +1,27 @@ --- +import "@/assets/styles/about.css"; import Header from "@/components/Header"; import Layout from "@/layouts/Layout"; + --- -
-
popover content
+
+
❓
+
+ +

Hide & Seek.

+

Press any alphabet key from keyboard and that letter will appears and when you press again then it will + disappears. see some hover and active effect while hover over each card

+
-
+

Hello There

-

This is my initial version to make interactive games for kids

-

- Inspiration behind these games are to take kids away from smartphone and close to keyboard which will help in - their future building also. -

+
+

This is my initial version to make interactive games for kids

+

Inspiration behind these games are to take kids away from smartphone and close to keyboard which will help in their future building also.

+
diff --git a/src/pages/letter/[...slug].astro b/src/pages/letter/[...slug].astro index bdad244..2af4783 100644 --- a/src/pages/letter/[...slug].astro +++ b/src/pages/letter/[...slug].astro @@ -33,7 +33,7 @@ const { title, text } = Astro.props; ---
-
popover content
+
what

{title}

diff --git a/src/pages/panel.astro b/src/pages/panel.astro index 389780b..2226b98 100644 --- a/src/pages/panel.astro +++ b/src/pages/panel.astro @@ -1,7 +1,7 @@ --- +import "@/assets/styles/panel.css"; import Header from "@/components/Header"; import Layout from "@/layouts/Layout"; -import "@/assets/styles/panel.css"; --- @@ -23,7 +23,7 @@ import "@/assets/styles/panel.css";
-
popover content
+
❓
diff --git a/src/pages/varnmala.astro b/src/pages/varnmala.astro index 22f8b19..db59de6 100644 --- a/src/pages/varnmala.astro +++ b/src/pages/varnmala.astro @@ -8,7 +8,7 @@ import { varnmala_english, varnmala_hindi } from '@/utils/common';
-
popover content
+
❓