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((_) => )} +
+
+
+ +