diff --git a/package.json b/package.json index 34a6d68..71582da 100644 --- a/package.json +++ b/package.json @@ -3,13 +3,11 @@ "type": "module", "version": "0.0.1", "scripts": { - "prepare": "pnpm run codegen", "dev": "astro dev", "start": "astro preview", "build": "CI=false astro check && astro build", "preview": "astro preview", - "astro": "astro", - "codegen": "panda codegen" + "astro": "astro" }, "dependencies": { "@astrojs/check": "^0.5.8", @@ -31,7 +29,5 @@ "marked": "^15.0.7", "typescript": "^5.4.2" }, - "devDependencies": { - "@pandacss/dev": "^0.35.0" - } + "devDependencies": {} } diff --git a/panda.config.ts b/panda.config.ts deleted file mode 100644 index 12a8a63..0000000 --- a/panda.config.ts +++ /dev/null @@ -1,120 +0,0 @@ -import { defineConfig } from "@pandacss/dev"; - -export const tokens = { - colors: { - primary: { value: "#006157" }, // Primary color for links, logo, buttons - secondary: { value: "#AE6300" }, // Secondary color - accent: { value: "#00C7B2" }, // Link underline color - background: { value: "#F6FFFE" }, // Body background - text: { value: "#515554" }, // Text color - // Dark mode colors - dark: { - background: { value: "#0A0A0A" }, // Dark background - text: { value: "#F5F5F5" }, // Light text for dark mode - primary: { value: "#00C7B2" }, // Teal for primary in dark mode - secondary: { value: "#FFB74D" }, // Orange for secondary in dark mode - }, - }, - spacing: { - sm: { value: "8px" }, - md: { value: "16px" }, - lg: { value: "32px" }, - }, -}; - -export const globalCss = { - "html, body": { - backgroundColor: "{colors.background}", - color: "{colors.text}", - fontFamily: "system-ui, sans-serif", - transition: "background-color 0.3s ease, color 0.3s ease", - }, - ":root": { - colorScheme: "light dark", - }, - ".dark": { - colorScheme: "dark", - }, -}; - -export const semanticTokens = { - colors: { - surfaceBg: { - value: { - base: "{colors.background}", - _dark: "{colors.dark.background}", - }, - }, - surfaceText: { - value: { - base: "{colors.text}", - _dark: "{colors.dark.text}", - }, - }, - interactivePrimary: { - value: { - base: "{colors.primary}", - _dark: "{colors.dark.primary}", - }, - }, - interactiveSecondary: { - value: { - base: "{colors.secondary}", - _dark: "{colors.dark.secondary}", - }, - }, - buttonBg: { - value: { - base: "{colors.primary}", - _dark: "{colors.dark.primary}", - }, - }, - buttonBgHover: { - value: { - base: "{colors.secondary}", - _dark: "{colors.dark.secondary}", - }, - }, - }, -}; - -export const textStyles = { - heading: { - description: "Heading style", - value: { - fontSize: "24px", - fontWeight: "bold", - lineHeight: "1.2", - }, - }, -}; - -export const recipes = {}; - -export default defineConfig({ - theme: { - extend: { tokens, semanticTokens, textStyles }, - }, - conditions: { - dark: ".dark &", - }, - globalCss: { - "html, body": { - backgroundColor: "{colors.surfaceBg}", - color: "{colors.surfaceText}", - fontFamily: "system-ui, sans-serif", - transition: "background-color 0.3s ease, color 0.3s ease", - }, - ":root": { - colorScheme: "light dark", - }, - ".dark": { - colorScheme: "dark", - }, - }, - include: [ - "./src/**/*.{ts,tsx,js,jsx,astro}", - "./pages/**/*.{ts,tsx,js,jsx,astro}", - ], - outdir: "styled-system", -}); diff --git a/postcss.config.cjs b/postcss.config.cjs index 573efad..4fa60d2 100644 --- a/postcss.config.cjs +++ b/postcss.config.cjs @@ -1,5 +1,6 @@ module.exports = { plugins: { - '@pandacss/dev/postcss': {}, + // PostCSS plugins can be added here as needed + // For now, we're using vanilla CSS with no build-time processing }, -} \ No newline at end of file +}; diff --git a/src/components/BlobCard.astro b/src/components/BlobCard.astro new file mode 100644 index 0000000..c38c118 --- /dev/null +++ b/src/components/BlobCard.astro @@ -0,0 +1,36 @@ +--- +interface Props { + title: string; + date?: string; + slug?: string; + href?: string; + class?: string; +} + +const { title, date, slug, href, class: className } = Astro.props; +--- + +
+ {href ? ( + +
+

{title}

+ {date && } + {slug && {slug}} +
+ + ) : ( +
+

{title}

+ {date && } + {slug && {slug}} +
+ )} +
+ + \ No newline at end of file diff --git a/src/components/Container.astro b/src/components/Container.astro index 3f597ed..cfa417d 100644 --- a/src/components/Container.astro +++ b/src/components/Container.astro @@ -1,14 +1,6 @@ --- -import { container } from "../../styled-system/patterns"; --- -
+
diff --git a/src/components/ContentfulPostsList.astro b/src/components/ContentfulPostsList.astro index 57cd0a9..a7d5f9c 100644 --- a/src/components/ContentfulPostsList.astro +++ b/src/components/ContentfulPostsList.astro @@ -1,7 +1,7 @@ --- import { POSTS_PER_PAGE_MAX } from "../consts"; +import BlobCard from "./BlobCard.astro"; -import { css } from "../../styled-system/css"; import { contentfulClient, type Post, @@ -41,21 +41,33 @@ const { }: ContentfulPostsListProps = Astro.props; --- - +
+ + diff --git a/src/components/ContentfulWorksList.astro b/src/components/ContentfulWorksList.astro index f540b30..696f8de 100644 --- a/src/components/ContentfulWorksList.astro +++ b/src/components/ContentfulWorksList.astro @@ -1,7 +1,6 @@ --- import Pagination from "./PagePagination.astro"; import { POSTS_PER_PAGE_MAX } from "../consts"; -import { css } from "../../styled-system/css"; import { contentfulClient, type Work } from "../lib/contentful"; export const contentfulEntries = await contentfulClient.getEntries({ @@ -33,12 +32,7 @@ const works = contentfulPosts.slice(