Archived
1
0
Fork 0

Add basic styling

This commit is contained in:
Ethan Reece 2023-05-30 14:52:17 -05:00
parent 01700510e6
commit 075fd87ba4
Signed by: me
GPG key ID: D3993665FF92E1C3
20 changed files with 24 additions and 10 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

4
public/fonts/fonts.css Normal file
View file

@ -0,0 +1,4 @@
@font-face {
font-family: JetBrainsMono-Regular;
src: url('JetBrainsMono/JetBrainsMono-Regular.woff2');
}

View file

@ -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>

View file

@ -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>

View file

@ -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: [],
}