PatAlcala9/fwt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: PatAlcala9:f8c7d24cb53d955aa98551b7b8a9a76e8308f413
Branches Tags
PatAlcala9:main
..
compare: PatAlcala9:1c3f2565c7b0218bc444955db4ad86cfa145483a
Branches Tags
PatAlcala9:main

No commits in common. "f8c7d24cb53d955aa98551b7b8a9a76e8308f413" and "1c3f2565c7b0218bc444955db4ad86cfa145483a" have entirely different histories.
f8c7d24cb5 ... 1c3f2565c7

4 changed files with 38 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

13
fwt/components/HTML/HTML.sass
View file

@ -1,13 +0,0 @@
@use '/src/styles/variables.sass' as vars
@use '/src/styles/fonts.sass' as fonts
.body
color: vars.$textColor
.inter
@extend .body
font-family: fonts.$Inter
.roboto
@extend .body
font-family: fonts.$Roboto

28
fwt/components/HTML/HTML.tsx
View file

@ -1,28 +0,0 @@
import './HTML.sass'
interface Props {
title: string
name: string
description: string
children: any
font?: string
}
export default (props: Props) => {
return (
<>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<meta name="name" content={props.name} />
<meta name="description" content={props.description} />
<title>{props.title}</title>
</head>
<body class={props.font}>{props.children}</body>
</html>
</>
)
}

20
fwt/components/Head/Head.tsx Normal file
View file

@ -0,0 +1,20 @@
interface Props {
title: string
name: string
description: string
}
export default (props: Props) => {
return (
<>
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<meta name="name" content={props.name} />
<meta name="description" content={props.description} />
<title>{props.title}</title>
</head>
</>
)
}

23
src/layouts/Layout.astro
View file

@ -6,10 +6,23 @@ const websiteDescription = 'This is just a template.'
import Background from '../../fwt/components/Background/Background' import Background from '../../fwt/components/Background/Background'
import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground' import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground'
import HTML from '../../fwt/components/HTML/HTML' import Head from '../../fwt/components/Head/Head'
--- ---
<HTML title={title} name={websiteName} description={websiteDescription} font="inter"> <html lang="en">
<Background color="#0c1b31" /> <Head title={title} name={websiteName} description={websiteDescription} />
<slot />
</HTML> <body id="body">
<Background color="#0c1b31" />
<slot />
<style lang="sass">
@use '/src/styles/variables.sass' as vars
@use '/src/styles/fonts.sass' as fonts
#body
font-family: fonts.$Inter
color: vars.$textColor
</style>
</body>
</html>