diff --git a/README.md b/README.md index db54e8b..d73bc80 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,29 @@ +![FWT Logo](public/logo.png) + # Fast WebApp Template ## How to Use -``` -git clone --depth 1 https://git.patalcala.com.com/patalcala9/fast-webapp-template.git -cd -pnpm install -pnpm update +#### Clone the Repo ``` +git clone --depth 1 https://git.patalcala.com.com/patalcala9/fast-webapp-template.git +``` + +#### Navigate to the project + +``` +cd +``` + +#### Install Depedencies + +``` +pnpm install +``` + +#### Make sure to update + +``` +pnpm update +``` diff --git a/package.json b/package.json index 052e38f..1c309d8 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "@astrojs/solid-js": "^5.1.0", "@fontsource-variable/inter": "^5.2.5", "@itsmatteomanf/astro-robots-txt": "^0.2.0", - "astro": "^5.8.1", + "astro": "^5.8.2", "astro-compressor": "^1.0.0", "lightningcss": "^1.30.1", "solid-js": "^1.9.7" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4f718b5..4302744 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -16,10 +16,10 @@ importers: version: 5.2.5 '@itsmatteomanf/astro-robots-txt': specifier: ^0.2.0 - version: 0.2.0(astro@5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3)) + version: 0.2.0(astro@5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3)) astro: - specifier: ^5.8.1 - version: 5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3) + specifier: ^5.8.2 + version: 5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3) astro-compressor: specifier: ^1.0.0 version: 1.0.0 @@ -649,8 +649,8 @@ packages: astro-compressor@1.0.0: resolution: {integrity: sha512-MNGRmjIsb73BIJivbU/HnTbPu5CEFvXp1NCev0bpsuK/cp4cCPX6C1omUPXzw2oQbtKv0phTTTtEk+h20SrF1Q==} - astro@5.8.1: - resolution: {integrity: sha512-lkBg1smMRFW+FQ6i92SgEN53o4+ItRjlRt6Ck+rEjmTcb57Bid7faTNKUQNYuNnxiesTWw3NJDyVPQPbfKDyfw==} + astro@5.8.2: + resolution: {integrity: sha512-t0TBpBdVluA2QVmbFBwpIqmTvBwNhIz1XTIT1BWPkDkoIgsiEMf6BOZqcoGG7f4GVKkUB9bTgMOhPgU3tbJ6vQ==} engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'} hasBin: true @@ -2240,9 +2240,9 @@ snapshots: '@img/sharp-win32-x64@0.33.5': optional: true - '@itsmatteomanf/astro-robots-txt@0.2.0(astro@5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3))': + '@itsmatteomanf/astro-robots-txt@0.2.0(astro@5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3))': dependencies: - astro: 5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3) + astro: 5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3) zod: 3.25.49 '@jridgewell/gen-mapping@0.3.8': @@ -2447,7 +2447,7 @@ snapshots: astro-compressor@1.0.0: {} - astro@5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3): + astro@5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3): dependencies: '@astrojs/compiler': 2.12.0 '@astrojs/internal-helpers': 0.6.1 diff --git a/public/logo.png b/public/logo.png new file mode 100644 index 0000000..b86efd0 Binary files /dev/null and b/public/logo.png differ diff --git a/src/components/ButtonComponent/Button.sass b/src/builtin-components/Button/Button.sass similarity index 100% rename from src/components/ButtonComponent/Button.sass rename to src/builtin-components/Button/Button.sass diff --git a/src/components/ButtonComponent/Button.tsx b/src/builtin-components/Button/Button.tsx similarity index 76% rename from src/components/ButtonComponent/Button.tsx rename to src/builtin-components/Button/Button.tsx index 6a47a74..89887d2 100644 --- a/src/components/ButtonComponent/Button.tsx +++ b/src/builtin-components/Button/Button.tsx @@ -1,7 +1,13 @@ import './Button.sass' import { Show } from 'solid-js' -export default (props: { label?: string; to?: string; onClick?: () => void; }) => { +interface Props { + label?: string; + to?: string; + onClick?: () => void; +} + +export default (props: Props) => { return <> diff --git a/src/builtin-components/Link/Link.tsx b/src/builtin-components/Link/Link.tsx new file mode 100644 index 0000000..927ce6e --- /dev/null +++ b/src/builtin-components/Link/Link.tsx @@ -0,0 +1,16 @@ + +interface Props { + to: string + children?: any +} + +export default (props: Props) => { + + return ( + <> + + {props.children} + + + ) +} diff --git a/src/components/solid_components_here.md b/src/components/solid_components_here.md new file mode 100644 index 0000000..a7dff57 --- /dev/null +++ b/src/components/solid_components_here.md @@ -0,0 +1 @@ +Place your SolidJS Components here. diff --git a/src/pages/index.astro b/src/pages/index.astro index 4846798..21124d0 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,6 @@ --- import Layout from '../layouts/Layout.astro' -import Button from '../components/ButtonComponent/Button.tsx' +import Button from '../builtin-components/Button/Button.tsx' --- diff --git a/src/pages/next.astro b/src/pages/next.astro index d771fdf..5b1d84d 100644 --- a/src/pages/next.astro +++ b/src/pages/next.astro @@ -1,6 +1,6 @@ --- import Layout from '../layouts/Layout.astro' -import Button from '../components/ButtonComponent/Button.tsx' +import Button from '../builtin-components/Button/Button.tsx' import { Picture } from 'astro:assets' import sample from '/src/images/sample.avif' --- diff --git a/src/styles/variables.sass b/src/styles/variables.sass index b65d052..cb81aaa 100644 --- a/src/styles/variables.sass +++ b/src/styles/variables.sass @@ -1,7 +1,7 @@ @use 'sass:color' $background: #0c1b31 -$textColor: color.adjust($background, $lightness: 90%) +$textColor: #f0f8ff $fontSize: 1rem