Add basic styling
This commit is contained in:
parent
01700510e6
commit
075fd87ba4
20 changed files with 24 additions and 10 deletions
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Italic.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Italic.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Light.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Light.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Medium.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Medium.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Thin.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-Thin.woff2
Normal file
Binary file not shown.
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2
Normal file
BIN
public/fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2
Normal file
Binary file not shown.
4
public/fonts/fonts.css
Normal file
4
public/fonts/fonts.css
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: JetBrainsMono-Regular;
|
||||||
|
src: url('JetBrainsMono/JetBrainsMono-Regular.woff2');
|
||||||
|
}
|
|
@ -1,22 +1,24 @@
|
||||||
---
|
---
|
||||||
export interface Props {
|
export interface Props {
|
||||||
title: string
|
title: string
|
||||||
|
description: string
|
||||||
}
|
}
|
||||||
|
|
||||||
const { title } = Astro.props
|
const { title, description } = Astro.props
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="description" content="Astro description" />
|
<meta name="description" content={description} />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
|
<link rel="stylesheet" href="/fonts/fonts.css">
|
||||||
<title>{title}</title>
|
<title>{title}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="bg-background font-main text-font">
|
||||||
<slot />
|
<slot />
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -1,9 +1,9 @@
|
||||||
---
|
---
|
||||||
import Layout from '../layouts/Layout.astro';
|
import Layout from '../layouts/Basic.astro';
|
||||||
import Card from '../components/Card.astro';
|
import Card from '../components/Card.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout title="Welcome to Astro.">
|
<Layout title="Ethan Reece" description="">
|
||||||
<main>
|
<main>
|
||||||
<h1>Welcome to <span>Astro</span></h1>
|
<h1>Welcome to <span>Astro</span></h1>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -3,6 +3,14 @@ module.exports = {
|
||||||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {},
|
extend: {},
|
||||||
|
colors: {
|
||||||
|
background: '#dbf6db',
|
||||||
|
'background-dark': '#bbd8bb',
|
||||||
|
font: '#000000',
|
||||||
|
},
|
||||||
|
fontFamily: {
|
||||||
|
main: ['JetBrainsMono-Regular', 'monospace'],
|
||||||
|
},
|
||||||
},
|
},
|
||||||
plugins: [],
|
plugins: [],
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue