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 {
|
||||
title: string
|
||||
description: string
|
||||
}
|
||||
|
||||
const { title } = Astro.props
|
||||
const { title, description } = Astro.props
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="Astro description" />
|
||||
<meta name="description" content={description} />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<link rel="stylesheet" href="/fonts/fonts.css">
|
||||
<title>{title}</title>
|
||||
</head>
|
||||
<body>
|
||||
<body class="bg-background font-main text-font">
|
||||
<slot />
|
||||
</body>
|
||||
</html>
|
|
@ -1,9 +1,9 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import Layout from '../layouts/Basic.astro';
|
||||
import Card from '../components/Card.astro';
|
||||
---
|
||||
|
||||
<Layout title="Welcome to Astro.">
|
||||
<Layout title="Ethan Reece" description="">
|
||||
<main>
|
||||
<h1>Welcome to <span>Astro</span></h1>
|
||||
<p>
|
||||
|
|
|
@ -3,6 +3,14 @@ module.exports = {
|
|||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||
theme: {
|
||||
extend: {},
|
||||
colors: {
|
||||
background: '#dbf6db',
|
||||
'background-dark': '#bbd8bb',
|
||||
font: '#000000',
|
||||
},
|
||||
fontFamily: {
|
||||
main: ['JetBrainsMono-Regular', 'monospace'],
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
|
Reference in a new issue