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

Compare commits

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

2 commits
1c3f2565c7 ... f8c7d24cb5

Author SHA1 Message Date
Patrick Alvin Alcala
f8c7d24cb5 Used new html component 2025-09-01 10:20:27 +08:00
Patrick Alvin Alcala
89ac48df4c Combined head and body to html component 2025-09-01 10:20:18 +08:00
4 changed files with 46 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -0,0 +1,13 @@
@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 Normal file
View file

@ -0,0 +1,28 @@
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
View file

@ -1,20 +0,0 @@
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,23 +6,10 @@ 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 Head from '../../fwt/components/Head/Head' import HTML from '../../fwt/components/HTML/HTML'
--- ---
<html lang="en"> <HTML title={title} name={websiteName} description={websiteDescription} font="inter">
<Head title={title} name={websiteName} description={websiteDescription} /> <Background color="#0c1b31" />
<slot />
<body id="body"> </HTML>
<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>