Re-organized files

fwt/components/Background.tsx

@@ -1,9 +1,9 @@
-import './Background.sass'
+import '../styles/Background.sass'
 import { Show, createSignal } from 'solid-js'
 import fs from 'fs'
-import webpPath from '../../images/background.webp'
-import avifPath from '../../images/background.avif'
-import noBackground from '../../images/no-background.webp'
+import webpPath from '../images/background.webp'
+import avifPath from '../images/background.avif'
+import noBackground from '../images/no-background.webp'
 
 interface Props {
   image?: boolean

fwt/components/Box.tsx

@@ -1,6 +1,5 @@
-import type { ImageMetadata } from 'astro'
-import './Box.sass'
-import { Show, type JSXElement, createMemo } from 'solid-js'
+import '../styles/Box.sass'
+import { type JSXElement, createMemo } from 'solid-js'
 
 interface Props {
   thickness: number

fwt/components/Button.tsx

@@ -1,4 +1,4 @@
-import './Button.sass'
+import '../styles/Button.sass'
 import { Show, Switch, Match } from 'solid-js'
 
 interface Props {

fwt/components/Column.tsx

@@ -1,5 +1,5 @@
+import '../styles/Column.sass'
 import type { JSXElement } from 'solid-js'
-import './Column.sass'
 
 interface Props {
   children: JSXElement

fwt/components/Footer.tsx

@@ -1,4 +1,4 @@
-import './Footer.sass'
+import '../styles/Footer.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/components/Form.tsx

@@ -1,4 +1,4 @@
-import './Form.sass'
+import '../styles/Form.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/components/HTML.tsx

@@ -1,7 +1,7 @@
-import './HTML.sass'
+import '../styles/HTML.sass'
 import { type JSXElement, Show } from 'solid-js'
-import background1 from '../../images/background.avif'
-import background2 from '../../images/background.webp'
+import background1 from '../images/background.avif'
+import background2 from '../images/background.webp'
 
 interface Props {
   title: string
@@ -22,15 +22,18 @@ export default (props: Props) => {
           <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
           <meta name="name" content={props.name} />
           <meta name="description" content={props.description} />
-          <meta property="og:title" content={props.name} />
+          <meta name="title" property="og:title" content={props.name} />
           <meta property="og:description" content={props.description} />
           <meta property="og:type" content="website" />
           <link rel="icon" type="image/svg+xml" href="/favicon.png" />
-          <link rel="preconnect" href="https://cdn.jsdelivr.net" />
+          <Show when={props.font}>
+            <link rel="preconnect" href="https://cdn.jsdelivr.net" />
+          </Show>
           <Show when={props.preloadBackground}>
             <link rel="preload" href={background1.src} as="image" type="image/svg+xml" />
             <link rel="preload" href={background2.src} as="image" type="image/svg+xml" />
           </Show>
+
           <title>{props.title}</title>
         </head>
 

fwt/components/Input.tsx

@@ -1,4 +1,4 @@
-import './Input.sass'
+import '../styles/Input.sass'
 import { createSignal } from 'solid-js'
 
 interface Props {

fwt/components/Link.tsx

@@ -1,4 +1,4 @@
-import './Link.sass'
+import '../styles/Link.sass'
 
 interface Props {
   to: string

fwt/components/Logo.tsx

@@ -1,5 +1,5 @@
-import webpPath from '../../images/logo.webp'
-import avifPath from '../../images/logo.avif'
+import webpPath from '../images/logo.webp'
+import avifPath from '../images/logo.avif'
 
 interface Props {
   size?: number

fwt/components/Navbar.tsx

@@ -1,6 +1,5 @@
-import './Navbar.sass'
-import { Show } from 'solid-js'
-import Row from '../Row/Row'
+import '../styles/Navbar.sass'
+import Row from './Row'
 
 interface Props {
   transparent?: boolean

fwt/components/Page.tsx

@@ -1,4 +1,4 @@
-import './Page.sass'
+import '../styles/Page.sass'
 import { Show } from 'solid-js'
 
 interface Props {

fwt/components/Row.tsx

@@ -1,4 +1,4 @@
-import './Row.sass'
+import '../styles/Row.sass'
 import { Show, type JSXElement } from 'solid-js'
 
 interface Props {

fwt/index.ts

@@ -0,0 +1,18 @@
+export { default as Background } from './components/Background'
+export { default as Box } from './components/Box'
+export { default as Button } from './components/Button'
+export { default as Column } from './components/Column'
+export { default as Copyright } from './components/Copyright'
+export { default as Footer } from './components/Footer'
+export { default as Form } from './components/Form'
+export { default as HTML } from './components/HTML'
+export { default as Image } from './components/Image'
+export { default as Link } from './components/Link'
+export { default as Logo } from './components/Logo'
+export { default as Navbar } from './components/Navbar'
+export { default as Page } from './components/Page'
+export { default as Row } from './components/Row'
+
+export { default as OptimizeBackground } from './Optimizers/OptimizeBackground'
+export { default as OptimizeImage } from './Optimizers/OptimizeImage'
+export { default as OptimizeLogo } from './Optimizers/OptimizeLogo'