Scaffolding done

This commit is contained in:
Daniel Flanagan 2024-08-23 23:20:44 -05:00
parent 81c730f939
commit c83d31f6ae
9 changed files with 149 additions and 26 deletions

View file

@ -9,17 +9,8 @@
"preview": "deno run -A main.ts", "preview": "deno run -A main.ts",
"update": "deno run -A -r https://fresh.deno.dev/update ." "update": "deno run -A -r https://fresh.deno.dev/update ."
}, },
"lint": { "lint": { "rules": { "tags": ["fresh", "recommended"] } },
"rules": { "exclude": ["**/_fresh/*"],
"tags": [
"fresh",
"recommended"
]
}
},
"exclude": [
"**/_fresh/*"
],
"imports": { "imports": {
"$fresh/": "https://deno.land/x/fresh@1.6.8/", "$fresh/": "https://deno.land/x/fresh@1.6.8/",
"preact": "https://esm.sh/preact@10.19.6", "preact": "https://esm.sh/preact@10.19.6",
@ -31,14 +22,7 @@
"tailwindcss/plugin": "npm:/tailwindcss@3.4.1/plugin.js", "tailwindcss/plugin": "npm:/tailwindcss@3.4.1/plugin.js",
"$std/": "https://deno.land/std@0.216.0/" "$std/": "https://deno.land/std@0.216.0/"
}, },
"compilerOptions": { "compilerOptions": { "jsx": "react-jsx", "jsxImportSource": "preact" },
"jsx": "react-jsx", "fmt": { "useTabs": true, "semiColons": false, "singleQuote": true },
"jsxImportSource": "preact"
},
"fmt": {
"useTabs": true,
"semiColons": false,
"singleQuote": true
},
"nodeModulesDir": true "nodeModulesDir": true
} }

View file

@ -8,7 +8,7 @@ export default function App({ Component }: PageProps) {
<title>bank</title> <title>bank</title>
<link rel='stylesheet' href='/styles.css' /> <link rel='stylesheet' href='/styles.css' />
</head> </head>
<body> <body class='bg-bg text-text'>
<Component /> <Component />
</body> </body>
</html> </html>

View file

@ -4,7 +4,7 @@ import Counter from '../islands/Counter.tsx'
export default function Home() { export default function Home() {
const count = useSignal(3) const count = useSignal(3)
return ( return (
<div class='px-4 py-8 mx-auto bg-[#86efac]'> <div class='px-4 py-8 mx-auto'>
<div class='max-w-screen-md mx-auto flex flex-col items-center justify-center'> <div class='max-w-screen-md mx-auto flex flex-col items-center justify-center'>
<img <img
class='my-6' class='my-6'

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -1,3 +1,97 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@font-face {
font-family: iosevkalyte;
font-style: normal;
font-weight: 400;
src: local("IosevkaLyteTerm"), url("/static/font/iosevkalyteweb-regular.subset.woff2");
font-display: swap;
}
@font-face {
font-family: iosevkalyte;
font-style: italic;
font-weight: 400;
src: local("IosevkaLyteTerm"), url("/static/font/iosevkalyteweb-italic.subset.woff2");
font-display: swap;
}
@font-face {
font-family: iosevkalyte;
font-style: normal;
font-weight: 400;
src: local("IosevkaLyteTerm"), url("/static/font/iosevkalyteweb-bold.subset.woff2");
font-display: swap;
}
@font-face {
font-family: iosevkalyte;
font-style: italic;
font-weight: 700;
src: local("IosevkaLyteTerm"), url("/static/font/iosevkalyteweb-bolditalic.subset.woff2");
font-display: swap;
}
:root {
/* Catppuccin Mocha */
--Rosewater: #f5e0dc;
--Flamingo: #f2cdcd;
--Pink: #f5c2e7;
--Mauve: #cba6f7;
--Red: #f38ba8;
--Maroon: #eba0ac;
--Peach: #fab387;
--Yellow: #f9e2af;
--Green: #a6e3a1;
--Teal: #94e2d5;
--Sky: #89dceb;
--Sapphire: #74c7ec;
--Blue: #89b4fa;
--Lavender: #b4befe;
--Text: #cdd6f4;
--Subtext1: #bac2de;
--Subtext0: #a6adc8;
--Overlay2: #9399b2;
--Overlay1: #7f849c;
--Overlay0: #6c7086;
--Surface2: #585b70;
--Surface1: #45475a;
--Surface0: #313244;
--Base: #1e1e2e;
--Mantle: #181825;
--Crust: #11111b;
}
@media (prefers-color-scheme: light) {
:root {
/* Catppuccin Latte */
--Rosewater: #dc8a78;
--Flamingo: #dd7878;
--Pink: #ea76cb;
--Mauve: #8839ef;
--Red: #d20f39;
--Maroon: #e64553;
--Peach: #fe640b;
--Yellow: #df8e1d;
--Green: #40a02b;
--Teal: #179299;
--Sky: #04a5e5;
--Sapphire: #209fb5;
--Blue: #1e66f5;
--Lavender: #7287fd;
--Text: #4c4f69;
--Subtext1: #5c5f77;
--Subtext0: #6c6f85;
--Overlay2: #7c7f93;
--Overlay1: #8c8fa1;
--Overlay0: #9ca0b0;
--Surface2: #acb0be;
--Surface1: #bcc0cc;
--Surface0: #ccd0da;
--Base: #eff1f5;
--Mantle: #e6e9ef;
--Crust: #dce0e8;
}
}

View file

@ -1,7 +1,52 @@
import { type Config } from 'tailwindcss' import { type Config } from 'tailwindcss'
export default { export default {
content: [ content: ['{routes,islands,components}/**/*.{ts,tsx}'],
'{routes,islands,components}/**/*.{ts,tsx}', theme: {
], extend: {
fontFamily: {
sans: [
'ui-sans-serif',
'system-ui',
'sans-serif',
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol',
'Noto Color Emoji',
],
mono: ['iosevkalyte', 'ui-monospace', 'monospace'],
},
colors: {
primary: 'var(--Sapphire)',
rosewater: 'var(--Rosewater)',
flamingo: 'var(--Flamingo)',
pink: 'var(--Pink)',
mauve: 'var(--Mauve)',
red: 'var(--Red)',
maroon: 'var(--Maroon)',
peach: 'var(--Peach)',
yellow: 'var(--Yellow)',
green: 'var(--Green)',
teal: 'var(--Teal)',
sky: 'var(--Sky)',
sapphire: 'var(--Sapphire)',
blue: 'var(--Blue)',
lavender: 'var(--Lavender)',
text: 'var(--Text)',
subtext1: 'var(--Subtext1)',
subtext0: 'var(--Subtext0)',
overlay2: 'var(--Overlay2)',
overlay1: 'var(--Overlay1)',
overlay0: 'var(--Overlay0)',
surface2: 'var(--Surface2)',
surface1: 'var(--Surface1)',
surface0: 'var(--Surface0)',
bg: 'var(--Base)',
mantle: 'var(--Mantle)',
crust: 'var(--Crust)',
},
},
},
plugins: [],
} satisfies Config } satisfies Config