117 lines
2.0 KiB
Plaintext
117 lines
2.0 KiB
Plaintext
---
|
|
import Header from "components/Layout/Header.astro";
|
|
import Footer from "components/Layout/Footer.astro";
|
|
|
|
export interface Props {
|
|
title: string;
|
|
}
|
|
|
|
const { title } = Astro.props;
|
|
---
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="generator" content={Astro.generator} />
|
|
<title>tempblade Creator - {title}</title>
|
|
</head>
|
|
<body>
|
|
<Header />
|
|
<slot />
|
|
<Footer />
|
|
</body>
|
|
</html>
|
|
<style is:global>
|
|
:root {
|
|
--font-main: "Gilroy", system-ui, sans-serif;
|
|
|
|
--font-size-s: 0.8rem;
|
|
--font-size-m: 1rem;
|
|
--font-size-l: 1.2rem;
|
|
--font-size-xl: 2.5rem;
|
|
--font-size-xxl: 3rem;
|
|
|
|
--color-neutral: #222;
|
|
--color-neutral-accent: #333;
|
|
--color-main: #eee;
|
|
|
|
--padding-main: 24px 48px;
|
|
|
|
--content-max-width: 1600px;
|
|
}
|
|
html {
|
|
font-family: system-ui, sans-serif;
|
|
color: var(--color-main);
|
|
background-color: var(--color-neutral);
|
|
}
|
|
code {
|
|
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
|
|
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
|
}
|
|
|
|
h1 {
|
|
font-weight: 800;
|
|
font-size: var(--font-size-xxl);
|
|
}
|
|
|
|
h2 {
|
|
font-weight: 700;
|
|
|
|
font-size: var(--font-size-xl);
|
|
}
|
|
|
|
h3 {
|
|
font-weight: 600;
|
|
font-size: var(--font-size-l);
|
|
}
|
|
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: 500;
|
|
font-size: var(--font-size-m);
|
|
}
|
|
|
|
p {
|
|
max-width: 600px;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: var(--font-main);
|
|
line-height: 1;
|
|
}
|
|
|
|
p,
|
|
li,
|
|
button,
|
|
a {
|
|
font-family: var(--font-main);
|
|
}
|
|
|
|
.button {
|
|
background-color: #563795;
|
|
padding: 0.75rem 1.25rem;
|
|
border-radius: 30px;
|
|
transition: filter 0.1s linear;
|
|
font-weight: 600;
|
|
|
|
&:hover {
|
|
filter: brightness(0.8);
|
|
}
|
|
}
|
|
|
|
.default-section {
|
|
max-width: var(--content-max-width);
|
|
padding: var(--padding-main);
|
|
margin: auto;
|
|
}
|
|
</style>
|