diff --git a/fwt/components/Copyright/Copyright.tsx b/fwt/components/Copyright/Copyright.tsx deleted file mode 100644 index b8338d7..0000000 --- a/fwt/components/Copyright/Copyright.tsx +++ /dev/null @@ -1,14 +0,0 @@ -interface Props { - year: string - name: string -} - -export default (props: Props) => { - return ( - <> - - Copyright © {props.year} {props.name} All Rights Reserved. - - - ) -} diff --git a/fwt/components/Footer/Footer.sass b/fwt/components/Footer/Footer.sass index 70cd207..8eaac3a 100644 --- a/fwt/components/Footer/Footer.sass +++ b/fwt/components/Footer/Footer.sass @@ -4,4 +4,5 @@ position: fixed bottom: 0 width: 100% + font-size: 0.75rem opacity: 0.8 diff --git a/fwt/components/Footer/Footer.tsx b/fwt/components/Footer/Footer.tsx index a8f4780..b5fe510 100644 --- a/fwt/components/Footer/Footer.tsx +++ b/fwt/components/Footer/Footer.tsx @@ -1,6 +1,5 @@ import './Footer.sass' import type { JSXElement } from 'solid-js' -import Row from '../Row/Row' interface Props { children: JSXElement @@ -9,9 +8,7 @@ interface Props { export default (props: Props) => { return ( <> - + ) } diff --git a/fwt/components/Form/Form.sass b/fwt/components/Form/Form.sass deleted file mode 100644 index e69de29..0000000 diff --git a/fwt/components/Form/Form.tsx b/fwt/components/Form/Form.tsx deleted file mode 100644 index 8f9f706..0000000 --- a/fwt/components/Form/Form.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import './Form.sass' -import type { JSXElement } from 'solid-js' -import Submit from '../Submit/Submit' - -interface Props { - children: JSXElement - edges?: 'curved' | 'rounded' | 'flat' - design?: 'bu-primary' | 'bu-link' | 'bu-info' | 'bu-success' | 'bu-warning' | 'bu-danger' | 'bu-dark' | 'bu-light' | 'bu-text' | 'bu-ghost' | 'bo-primary' | 'bo-secondary' | 'bo-success' | 'bo-danger' | 'bo-warning' | 'bo-info' | 'bo-light' | 'bo-dark' | 'bo-link' -} - -export default (props: Props) => { - return ( - <> -
- {props.children} - -
- - ) -} diff --git a/fwt/components/Input/Input.sass b/fwt/components/Input/Input.sass index 391937c..fc8e6cf 100644 --- a/fwt/components/Input/Input.sass +++ b/fwt/components/Input/Input.sass @@ -1,27 +1,3 @@ .input font-size: 1rem padding: 0.5rem 1rem - width: 100% - border: 2px solid #ccc - border-radius: 4px - outline: none - transition: border-color 0.3s, box-shadow 0.3s - - &:focus - border-color: #3377AC - box-shadow: 0 0 5px rgba(51, 119, 168, 0.3) - - &::placeholder - color: #888 - font-style: italic - - &:disabled - background-color: #f0f0f0 - border-color: #ddd - - &--error - border-color: #ff4d4f - box-shadow: 0 0 5px rgba(255, 77, 79, 0.3) - - &:focus - border-color: #e81123 diff --git a/fwt/components/Submit/Submit.sass b/fwt/components/Submit/Submit.sass deleted file mode 100644 index 329ba1d..0000000 --- a/fwt/components/Submit/Submit.sass +++ /dev/null @@ -1,223 +0,0 @@ -@use '/src/styles/variables.sass' as vars -@use '/src/styles/fonts.sass' as fonts -@use 'sass:color' - -$bulmaPrimary: rgb(0, 235, 199) -$bulmaPrimaryText: rgb(0, 31, 26) -$bulmaLink: rgb(92, 111, 255) -$bulmaLinkText: rgb(245, 246, 255) -$bulmaInfo: rgb(128, 217, 255) -$bulmaInfoText: rgb(0, 36, 51) -$bulmaSuccess: rgb(91, 205, 154) -$bulmaSuccessText: rgb(10, 31, 21) -$bulmaWarning: rgb(255, 191, 41) -$bulmaWarningText: rgb(41, 29, 0) -$bulmaDanger: rgb(255, 128, 153) -$bulmaDangerText: rgb(26, 0, 5) -$bulmaLight: rgb(255, 255, 255) -$bulmaLightText: rgb(46, 51, 61) -$bulmaDark: rgb(57, 63, 76) -$bulmaDarkText: rgb(243, 244, 246) -$bulmaText: rgb(31, 34, 41) -$bulmaTextText: rgb(235, 236, 240) -$bulmaGhost: rgba(0,0,0,0) -$bulmaGhostText: rgb(66, 88, 255) - -$bootstrapTextLight: rgb(255, 255, 253) -$bootstrapTextDark: rgb(0, 0, 2) -$bootstrapTextLink: rgb(139, 185, 254) -$bootstrapPrimary: rgb(13, 110, 253) -$bootstrapSecondary: rgb(92, 99, 106) -$bootstrapSuccess: rgb(21, 115, 71) -$bootstrapDanger: rgb(187, 45, 59) -$bootstrapWarning: rgb(255, 202, 44) -$bootstrapInfo: rgb(49, 210, 242) -$bootstrapLight: rgb(211, 212, 213) -$bootstrapDark: rgb(33, 37, 41) - -.button - background-color: vars.$primaryColor - border: none - color: white - padding: 0.5rem 1.25rem - text-align: center - text-decoration: none - display: inline-block - font-size: 1rem - font-weight: 500 - cursor: pointer - transition: all 0.2s ease-out - - &:hover - background-color: color.adjust(vars.$primaryColor, $blackness: 20%) - - &:active - transform: scale(0.95) - -.bu-primary - @extend .button - font-family: fonts.$Inter - background-color: $bulmaPrimary - color: $bulmaPrimaryText - border: none - font-size: 1rem - border-radius: 0.375rem - font-weight: 500 - padding: 0.5rem 1.25rem - height: 2.5rem - - &:hover - background-color: color.adjust($bulmaPrimary, $lightness: 10%) - -.bu-link - @extend .bu-primary - background-color: $bulmaLink - color: $bulmaLinkText - - &:hover - background-color: color.adjust($bulmaLink, $lightness: 5%) - -.bu-info - @extend .bu-primary - background-color: $bulmaInfo - color: $bulmaInfoText - - &:hover - background-color: color.adjust($bulmaInfo, $lightness: 5%) - -.bu-success - @extend .bu-primary - background-color: $bulmaSuccess - color: $bulmaSuccessText - - &:hover - background-color: color.adjust($bulmaSuccess, $lightness: 5%) - -.bu-warning - @extend .bu-primary - background-color: $bulmaWarning - color: $bulmaWarningText - - &:hover - background-color: color.adjust($bulmaWarning, $lightness: 5%) - -.bu-danger - @extend .bu-primary - background-color: $bulmaDanger - color: $bulmaDangerText - - &:hover - background-color: color.adjust($bulmaDanger, $lightness: 5%) - -.bu-light - @extend .bu-primary - background-color: $bulmaLight - color: $bulmaLightText - - &:hover - background-color: color.adjust($bulmaLight, $lightness: 5%) - -.bu-dark - @extend .bu-primary - background-color: $bulmaDark - color: $bulmaDarkText - - &:hover - background-color: color.adjust($bulmaDark, $lightness: 5%) - -.bu-text - @extend .bu-primary - background-color: rgba(0,0,0,0) - color: $bulmaTextText - text-decoration: underline - - &:hover - background-color: hsl(221,14%,14%) - -.bu-ghost - @extend .bu-primary - background-color: $bulmaGhost - color: $bulmaGhostText - - &:hover - background-color: transparent - text-decoration: underline - -.bo-primary - @extend .button - font-family: 'Segoe UI', fonts.$Roboto - background-color: $bootstrapPrimary - color: $bootstrapTextLight - border: none - font-size: 1rem - border-radius: 0.375rem - font-weight: 400 - padding: 0.5rem 1.25rem - height: 2.5rem - margin: 0.25rem 0.125rem - - &:hover - background-color: color.adjust($bootstrapPrimary, $blackness: 10%) - -.bo-secondary - @extend .bo-primary - background-color: $bootstrapSecondary - - &:hover - background-color: color.adjust($bootstrapSecondary, $blackness: 10%) - -.bo-success - @extend .bo-primary - background-color: $bootstrapSuccess - - &:hover - background-color: color.adjust($bootstrapSuccess, $blackness: 10%) - -.bo-danger - @extend .bo-primary - background-color: $bootstrapDanger - - &:hover - background-color: color.adjust($bootstrapDanger, $blackness: 10%) - -.bo-warning - @extend .bo-primary - background-color: $bootstrapWarning - color: $bootstrapTextDark - - &:hover - background-color: color.adjust($bootstrapWarning, $lightness: 5%) - -.bo-info - @extend .bo-primary - background-color: $bootstrapInfo - color: $bootstrapTextDark - - &:hover - background-color: color.adjust($bootstrapInfo, $lightness: 5%) - -.bo-light - @extend .bo-primary - background-color: $bootstrapLight - color: $bootstrapTextDark - - &:hover - background-color: color.adjust($bootstrapLight, $blackness: 10%) - -.bo-dark - @extend .bo-primary - background-color: $bootstrapDark - // color: $bootstrapTextDark - - &:hover - background-color: color.adjust($bootstrapDark, $lightness: 10%) - -.bo-link - @extend .bo-primary - background-color: transparent - color: $bootstrapTextLink - text-decoration: underline - - &:hover - color: color.adjust($bootstrapTextLink, $lightness: 5%) - background-color: transparent diff --git a/fwt/components/Submit/Submit.tsx b/fwt/components/Submit/Submit.tsx deleted file mode 100644 index fb3bb47..0000000 --- a/fwt/components/Submit/Submit.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import './Submit.sass' -import { Show, Switch, Match } from 'solid-js' - -interface Props { - label?: string - to?: string - edges?: 'curved' | 'rounded' | 'flat' - design?: 'bu-primary' | 'bu-link' | 'bu-info' | 'bu-success' | 'bu-warning' | 'bu-danger' | 'bu-dark' | 'bu-light' | 'bu-text' | 'bu-ghost' | 'bo-primary' | 'bo-secondary' | 'bo-success' | 'bo-danger' | 'bo-warning' | 'bo-info' | 'bo-light' | 'bo-dark' | 'bo-link' -} - -const getBorderRadius = (edge: Props['edges']) => { - switch (edge) { - case 'curved': - return 'border-radius: 6px' - case 'rounded': - return 'border-radius: 32px' - case 'flat': - return 'border-radius: 0' - default: - return 'border-radius: 0' - } -} - -export default (props: Props) => { - const borderRadius = getBorderRadius(props.edges) - - return ( - <> - - - - - - - - - - - - - - - - - - - - - - - - - - - ) -} diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx deleted file mode 100644 index 4cea67c..0000000 --- a/src/components/Input/Input.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import Input from '../../../fwt/components/Input/Input' -import { createSignal } from 'solid-js' -import Column from '../../../fwt/components/Column/Column' - -const [sample, setSample] = createSignal('') - -export default () => { - return ( - <> - - setSample(val)}> - {sample()} - - - ) -} diff --git a/src/pages/index.astro b/src/pages/index.astro index a316f6b..cd8b8cd 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -12,7 +12,6 @@ import Row from '../../fwt/components/Row/Row' import Image from '../../fwt/components/Image/Image' import PA1 from '../../fwt/images/pat-alcala.avif' import PA2 from '../../fwt/images/pat-alcala.webp' -import Copyright from '../../fwt/components/Copyright/Copyright' --- @@ -23,13 +22,12 @@ import Copyright from '../../fwt/components/Copyright/Copyright'

Fast WebApp Template

-