From dae194525724cfc94e6e895fa283f48c4481bd79 Mon Sep 17 00:00:00 2001 From: Sat Naing Date: Tue, 13 Sep 2022 22:54:59 +0630 Subject: [PATCH 01/10] Update site option of config to cloudflare pages site --- astro.config.mjs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/astro.config.mjs b/astro.config.mjs index 3920db2..33b630b 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -3,7 +3,7 @@ import { defineConfig } from "astro/config"; import tailwind from "@astrojs/tailwind"; export default defineConfig({ - site: "https://astro-paper.netlify.app/", + site: "https://astro-paper.pages.dev/", integrations: [ tailwind({ config: { applyBaseStyles: false }, From c918c92f92621247b1892fd1e5c823eaae8c36d0 Mon Sep 17 00:00:00 2001 From: Sat Naing Date: Tue, 13 Sep 2022 23:39:23 +0630 Subject: [PATCH 02/10] Add inverted text color and bg accent color --- tailwind.config.cjs | 2 ++ 1 file changed, 2 insertions(+) diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 9891aa8..f02abda 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -17,11 +17,13 @@ module.exports = { skin: { base: withOpacity("--color-text-base"), accent: withOpacity("--color-text-accent"), + inverted: withOpacity("--color-fill"), }, }, backgroundColor: { skin: { fill: withOpacity("--color-fill"), + accent: withOpacity("--color-accent"), inverted: withOpacity("--color-text-base"), card: withOpacity("--color-card"), "card-muted": withOpacity("--color-card-muted"), From 8239ee80f72ccbec20bb5b6cc23bb6dbd67e9322 Mon Sep 17 00:00:00 2001 From: Sat Naing Date: Tue, 13 Sep 2022 23:39:54 +0630 Subject: [PATCH 03/10] Add background & text selection colors --- src/styles/base.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/styles/base.css b/src/styles/base.css index 038a1d1..fc6d5f2 100644 --- a/src/styles/base.css +++ b/src/styles/base.css @@ -30,7 +30,8 @@ display: block; } body { - @apply font-mono bg-skin-fill text-skin-base min-h-screen flex flex-col; + @apply font-mono bg-skin-fill text-skin-base min-h-screen flex flex-col + selection:bg-skin-accent selection:text-skin-inverted selection:bg-opacity-70; } section, footer { From 91791e45f6b2b275033cf4607f9beb2e64a671d7 Mon Sep 17 00:00:00 2001 From: Sat Naing Date: Tue, 13 Sep 2022 23:53:35 +0630 Subject: [PATCH 04/10] Add dynamic site titles --- src/layouts/AboutLayout.astro | 2 +- src/pages/posts/index.astro | 2 +- src/pages/tags/[tag].astro | 2 +- src/pages/tags/index.astro | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/layouts/AboutLayout.astro b/src/layouts/AboutLayout.astro index bf921a0..e3571c4 100644 --- a/src/layouts/AboutLayout.astro +++ b/src/layouts/AboutLayout.astro @@ -13,7 +13,7 @@ export interface Props { const { frontmatter } = Astro.props; --- - +
diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro index 284ec26..7921456 100644 --- a/src/pages/posts/index.astro +++ b/src/pages/posts/index.astro @@ -12,7 +12,7 @@ const posts = await Astro.glob("../../contents/*.md"); const sortedPosts = getSortedPosts(posts); --- - +
    diff --git a/src/pages/tags/[tag].astro b/src/pages/tags/[tag].astro index 35271f0..e8bab20 100644 --- a/src/pages/tags/[tag].astro +++ b/src/pages/tags/[tag].astro @@ -42,7 +42,7 @@ const posts: MarkdownInstance[] = await Astro.glob( const tagPosts = getPostsByTag(posts, tag); --- - +
    ("../../contents/*.md"); let tags = getUniqueTags(posts); --- - +
      From db657e4ecdf1c9c7e7964e92bc0902f489e709c1 Mon Sep 17 00:00:00 2001 From: Sat Naing Date: Tue, 13 Sep 2022 23:56:12 +0630 Subject: [PATCH 05/10] Add dynamic site title in header --- src/components/Header.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Header.astro b/src/components/Header.astro index fbf824d..3d38efc 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -12,7 +12,7 @@ const { activeNav } = Astro.props;
      - +