diff --git a/astro.config.mjs b/astro.config.mjs index 8b56799..09b59f3 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -5,5 +5,5 @@ import tailwind from "@astrojs/tailwind"; // https://astro.build/config export default defineConfig({ - integrations: [preact(), tailwind()] + integrations: [preact(), tailwind({applyBaseStyles: false})] }); \ No newline at end of file diff --git a/public/favicon.ico b/public/favicon.ico index 6e1b7fe..577af49 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/profile.avif b/public/profile.avif new file mode 100644 index 0000000..a918d27 Binary files /dev/null and b/public/profile.avif differ diff --git a/public/profile.webp b/public/profile.webp new file mode 100644 index 0000000..d7489e1 Binary files /dev/null and b/public/profile.webp differ diff --git a/src/base.css b/src/base.css new file mode 100644 index 0000000..a3013f3 --- /dev/null +++ b/src/base.css @@ -0,0 +1,10 @@ +@tailwind base; + +@layer base { + a { + @apply underline; + } + } + +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/src/components/IconLink.tsx b/src/components/IconLink.tsx new file mode 100644 index 0000000..224eca9 --- /dev/null +++ b/src/components/IconLink.tsx @@ -0,0 +1,34 @@ +import { h, Fragment } from "preact"; + +interface IconLinkProps { + href: string; + altText: string; + iconPath: string; + darkIconPath?: string; +} + +export function IconLink({ + href, + altText, + iconPath, + darkIconPath, +}: IconLinkProps) { + return ( + + {altText} + {darkIconPath && ( + + )} + + ); +} diff --git a/src/pages/index.astro b/src/pages/index.astro index 2cc94da..e67302d 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,90 +1,96 @@ --- - +import "../base.css"; +import { IconLink } from "../components/IconLink.tsx"; --- + + + stonelord.dev - +
-
- - View site source code on Github - - -
-
-

Hi, I'm Adam

+
+
-
diff --git a/tailwind.config.mjs b/tailwind.config.mjs index 19f0614..3fdb87c 100644 --- a/tailwind.config.mjs +++ b/tailwind.config.mjs @@ -2,7 +2,20 @@ export default { content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], theme: { - extend: {}, + fontFamily: { + 'roboto': ['Roboto', 'sans-serif'], + }, + extend: { + keyframes: { + fadeIn: { + '0%': { opacity: 0 }, + '100%': { opacity: 1 } + } + }, + animation: { + fadeIn: 'fadeIn .5s ease-in', + } + }, }, plugins: [], }