me/ethanreece.com
Archived
1
0
Fork 0
Code Pull requests Activity Actions

Add basic styling

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-Light.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-Medium.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-Thin.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2 Normal file
View file

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');
}

8
src/layouts/Layout.astro → src/layouts/Basic.astro
View file

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

4
src/pages/index.astro
View file

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

8
tailwind.config.cjs
View file

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