me
/
ethanreece.com
Archived
1
0
Fork 0

Add basic styling

main
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

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

@ -1,8 +1,16 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
theme: {
extend: {},
},
plugins: [],
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: [],
}