Add basic styling

2023-05-30 14:52:17 -05:00 · 2023-05-30 14:52:17 -05:00 · 075fd87ba4
parent 01700510e6
commit 075fd87ba4
20 changed files with 24 additions and 10 deletions
--- a/public/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-Italic.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-Italic.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-Light.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-Light.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-Medium.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-Medium.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-Thin.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-Thin.woff2
--- a/public/fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2
+++ b/public/fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2
--- a/public/fonts/fonts.css
+++ b/public/fonts/fonts.css
@ -0,0 +1,4 @@
+@font-face {
+    font-family: JetBrainsMono-Regular;
+    src: url('JetBrainsMono/JetBrainsMono-Regular.woff2');
+}
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -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>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -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>
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@ -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: [],
 }