Add basic styling
parent
01700510e6
commit
075fd87ba4
GPG Key ID:
D3993665FF92E1C3
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,4 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: JetBrainsMono-Regular;
|
||||||
|
src: url('JetBrainsMono/JetBrainsMono-Regular.woff2');
|
||||||
|
}
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,16 @@
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
module.exports = {
|
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: {
|
||||||
plugins: [],
|
background: '#dbf6db',
|
||||||
|
'background-dark': '#bbd8bb',
|
||||||
|
font: '#000000',
|
||||||
|
},
|
||||||
|
fontFamily: {
|
||||||
|
main: ['JetBrainsMono-Regular', 'monospace'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Reference in New Issue