From 7ca7f79f2245f7b3eb18adb4b7611d77c135ee92 Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Fri, 20 Jan 2023 18:59:08 +0000 Subject: [PATCH] Create index page with a base layout --- package.json | 1 + src/layouts/BaseLayout.astro | 20 ++++++++++++ src/pages/album.astro | 41 ++++++++++++++++++++++++ src/pages/index.astro | 62 +++++++++++------------------------- tailwind.config.cjs | 2 ++ yarn.lock | 33 +++++++++++++++++++ 6 files changed, 116 insertions(+), 43 deletions(-) create mode 100644 src/layouts/BaseLayout.astro create mode 100644 src/pages/album.astro diff --git a/package.json b/package.json index 26de909..e9b5b41 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ }, "dependencies": { "@astrojs/tailwind": "^2.1.3", + "@tailwindcss/typography": "^0.5.9", "astro": "^1.9.0", "tailwindcss": "^3.0.24" } diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro new file mode 100644 index 0000000..6b15770 --- /dev/null +++ b/src/layouts/BaseLayout.astro @@ -0,0 +1,20 @@ +--- +interface Props { + title: string; +} + +const { title } = Astro.props; +--- + + + + + + + + {title} + + + + + diff --git a/src/pages/album.astro b/src/pages/album.astro new file mode 100644 index 0000000..d40171b --- /dev/null +++ b/src/pages/album.astro @@ -0,0 +1,41 @@ +--- +import BaseLayout from "../layouts/BaseLayout.astro"; +import Button from "../components/Button.astro"; +import Card from "../components/Card.astro"; +import Footer from "../components/Footer.astro"; +import Jumbotron from "../components/Jumbotron.astro"; +import Navbar from "../components/Navbar.astro"; + +export const name = 'Album'; +--- + + + + + +

+ Something short and leading about the collection below—its contents, the + creator, etc. Make it short and sweet, but not too short so folks don't + simply skip over it entirely. +

+ +
+
+ + +
+
+
+ {[...Array(9).keys()].map((_) => )} +
+
+
+ +