diff --git a/src/components/Card.astro b/src/components/Card.astro index 7c28dd6..36549f0 100644 --- a/src/components/Card.astro +++ b/src/components/Card.astro @@ -1,23 +1,44 @@ --- --- -
+
-

- This is a wider card with supporting text below as a natural lead-in to - additional content. This content is a little bit longer. -

+
+

+ This is a wider card with supporting text below as a natural lead-in to + additional content. This content is a little bit longer. +

-
- +
+
+ +
-

Reading time: 9 minutes

-
+
+

+ Reading time:9 minutes +

+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro index 5c39f87..17e02c0 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -23,16 +23,22 @@ import Navbar from "../components/Navbar.astro"; simply skip over it entirely.

-
+
-
- {[...Array(9).keys()].map((_) => ( - - ))} +
+
+
+ {[...Array(9).keys()].map((_) => )} +
+
diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 5d3bc79..2839ff2 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -1,9 +1,9 @@ -const colors = require('tailwindcss/colors'); +const colors = require("tailwindcss/colors"); const plugin = require("tailwindcss/plugin"); /** @type {import('tailwindcss').Config} */ module.exports = { - content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], + content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"], theme: { extend: { colors: { @@ -11,12 +11,26 @@ module.exports = { 750: "#343a40", ...colors.neutral, }, - } + }, + fontFamily: { + sans: [ + "-apple-system", + "BlinkMacSystemFont", + "Segoe UI", + "Roboto", + "Helvetica Neue", + "Arial", + "sans-serif", + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol", + ], + }, }, }, plugins: [ plugin(({ addVariant }) => { - addVariant('hocus', ['&:hover', '&:focus']) + addVariant("hocus", ["&:hover", "&:focus"]); }), ], -} +};