Rearranged components and styles
This commit is contained in:
parent
797ecba7b4
commit
16bb1e3e56
34 changed files with 36 additions and 38 deletions
|
|
@ -1,9 +1,9 @@
|
||||||
import './Background.sass'
|
import './styles/Background.sass'
|
||||||
import { Show, createSignal } from 'solid-js'
|
import { Show, createSignal } from 'solid-js'
|
||||||
import fs from 'fs'
|
import fs from 'fs'
|
||||||
import webpPath from '../../images/background.webp'
|
import webpPath from './images/background.webp'
|
||||||
import avifPath from '../../images/background.avif'
|
import avifPath from './images/background.avif'
|
||||||
import noBackground from '../../images/no-background.webp'
|
import noBackground from './images/no-background.webp'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
image?: boolean
|
image?: boolean
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
import type { ImageMetadata } from 'astro'
|
import './styles/Box.sass'
|
||||||
import './Box.sass'
|
import { type JSXElement, createMemo } from 'solid-js'
|
||||||
import { Show, type JSXElement, createMemo } from 'solid-js'
|
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
thickness: number
|
thickness: number
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import './Button.sass'
|
import './styles/Button.sass'
|
||||||
import { Show, Switch, Match } from 'solid-js'
|
import { Show, Switch, Match } from 'solid-js'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
|
import './styles/Column.sass'
|
||||||
import type { JSXElement } from 'solid-js'
|
import type { JSXElement } from 'solid-js'
|
||||||
import './Column.sass'
|
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
children: JSXElement
|
children: JSXElement
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import './Footer.sass'
|
import './styles/Footer.sass'
|
||||||
import type { JSXElement } from 'solid-js'
|
import type { JSXElement } from 'solid-js'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import './Form.sass'
|
import './styles/Form.sass'
|
||||||
import type { JSXElement } from 'solid-js'
|
import type { JSXElement } from 'solid-js'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import './HTML.sass'
|
import './styles/HTML.sass'
|
||||||
import { type JSXElement, Show } from 'solid-js'
|
import { type JSXElement, Show } from 'solid-js'
|
||||||
import background1 from '../../images/background.avif'
|
import background1 from './images/background.avif'
|
||||||
import background2 from '../../images/background.webp'
|
import background2 from './images/background.webp'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
title: string
|
title: string
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import './Input.sass'
|
import './styles/Input.sass'
|
||||||
import { createSignal } from 'solid-js'
|
import { createSignal } from 'solid-js'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import './Link.sass'
|
import './styles/Link.sass'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
to: string
|
to: string
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import webpPath from '../../images/logo.webp'
|
import webpPath from './images/logo.webp'
|
||||||
import avifPath from '../../images/logo.avif'
|
import avifPath from './images/logo.avif'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
size?: number
|
size?: number
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
import './Navbar.sass'
|
import './styles/Navbar.sass'
|
||||||
import { Show } from 'solid-js'
|
import Row from './Row'
|
||||||
import Row from '../Row/Row'
|
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
transparent?: boolean
|
transparent?: boolean
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import './Page.sass'
|
import './styles/Page.sass'
|
||||||
import { Show } from 'solid-js'
|
import { Show } from 'solid-js'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import './Row.sass'
|
import './styles/Row.sass'
|
||||||
import { Show, type JSXElement } from 'solid-js'
|
import { Show, type JSXElement } from 'solid-js'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import Input from '../../../fwt/components/Input/Input'
|
import Input from '../../../fwt/Input'
|
||||||
import { createSignal } from 'solid-js'
|
import { createSignal } from 'solid-js'
|
||||||
|
|
||||||
const [sample, setSample] = createSignal('')
|
const [sample, setSample] = createSignal('')
|
||||||
|
|
|
||||||
|
|
@ -4,9 +4,9 @@ const { title } = Astro.props
|
||||||
const websiteName = 'Template'
|
const websiteName = 'Template'
|
||||||
const websiteDescription = 'This is just a template.'
|
const websiteDescription = 'This is just a template.'
|
||||||
|
|
||||||
import Background from '../../fwt/components/Background/Background'
|
import Background from '../../fwt/Background'
|
||||||
// import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground'
|
// import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground'
|
||||||
import HTML from '../../fwt/components/HTML/HTML'
|
import HTML from '../../fwt/HTML'
|
||||||
---
|
---
|
||||||
|
|
||||||
<HTML title={title} name={websiteName} description={websiteDescription} font="inter">
|
<HTML title={title} name={websiteName} description={websiteDescription} font="inter">
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,18 @@
|
||||||
---
|
---
|
||||||
import Layout from '../layouts/Layout.astro'
|
import Layout from '../layouts/Layout.astro'
|
||||||
import Button from '../../fwt/components/Button/Button'
|
import Button from '../../fwt/Button'
|
||||||
import Logo from '../../fwt/components/Logo/Logo'
|
import Logo from '../../fwt/Logo'
|
||||||
// import OptimizeLogo from '../../fwt/components/Optimizer/OptimizeLogo'
|
// import OptimizeLogo from '../../fwt/components/Optimizer/OptimizeLogo'
|
||||||
// import OptimizeImage from '../../fwt/components/Optimizer/OptimizeImage'
|
// import OptimizeImage from '../../fwt/components/Optimizer/OptimizeImage'
|
||||||
import Link from '../../fwt/components/Link/Link'
|
import Link from '../../fwt/Link'
|
||||||
import Counter from '../components/Counter/Counter'
|
import Counter from '../components/Counter/Counter'
|
||||||
import Page from '../../fwt/components/Page/Page'
|
import Page from '../../fwt/Page'
|
||||||
import Footer from '../../fwt/components/Footer/Footer'
|
import Footer from '../../fwt/Footer'
|
||||||
import Row from '../../fwt/components/Row/Row'
|
import Row from '../../fwt/Row'
|
||||||
import Image from '../../fwt/components/Image/Image'
|
import Image from '../../fwt/Image'
|
||||||
import PA1 from '../../fwt/images/pat-alcala.avif'
|
import PA1 from '../../fwt/images/pat-alcala.avif'
|
||||||
import PA2 from '../../fwt/images/pat-alcala.webp'
|
import PA2 from '../../fwt/images/pat-alcala.webp'
|
||||||
import Copyright from '../../fwt/components/Copyright/Copyright'
|
import Copyright from '../../fwt/Copyright'
|
||||||
|
|
||||||
// const sample = import.meta.env.SAMPLE
|
// const sample = import.meta.env.SAMPLE
|
||||||
---
|
---
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,12 @@
|
||||||
---
|
---
|
||||||
import Layout from '../layouts/Layout.astro'
|
import Layout from '../layouts/Layout.astro'
|
||||||
import Button from '../../fwt/components/Button/Button'
|
import Button from '../../fwt/Button'
|
||||||
import Image from '../../fwt/components/Image/Image'
|
import Image from '../../fwt/Image'
|
||||||
import Page from '../../fwt/components/Page/Page'
|
import Page from '../../fwt/Page'
|
||||||
import sample1 from '../../fwt/images/sample.avif'
|
import sample1 from '../../fwt/images/sample.avif'
|
||||||
import sample2 from '../../fwt/images/sample.webp'
|
import sample2 from '../../fwt/images/sample.webp'
|
||||||
// import OptimizeImage from '../../fwt/components/Optimizer/OptimizeImage'
|
// import OptimizeImage from '../../fwt/components/Optimizer/OptimizeImage'
|
||||||
import Row from '../../fwt/components/Row/Row'
|
import Row from '../../fwt/Row'
|
||||||
// import Column from '../../fwt/components/Column/Column'
|
// import Column from '../../fwt/components/Column/Column'
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue