refactor: use Tailwind CSS prose styles

This commit is contained in:
Oliver Davies 2023-04-22 21:57:02 +01:00
parent 84be97413d
commit f4bcae37db
14 changed files with 102 additions and 136 deletions

View file

@ -24,7 +24,7 @@ const { events, speakerdeck, title, video } = Astro.props.talk.data;
---
<Layout title={title}>
<div class="space-y-6">
<div class="space-y-8">
<Markdown>
<Content />
</Markdown>

View file

@ -2,6 +2,7 @@
import ListingPage from "~/components/ListingPage.astro";
import _ from "lodash";
import { getCollection } from "astro:content";
import Markdown from "~/components/Markdown.astro";
const talks = await getCollection("talk");
@ -28,9 +29,11 @@ const sortedTalks = talks
---
<ListingPage items={sortedTalks} title="Talks and workshops">
<p slot="intro">
Starting with my first talk in September 2012, I have given {talkCount} presentations
and workshops at various conferences and meetups, in-person and remotely, on
topics including PHP, Drupal, automated testing, Git, CSS, and systems administration.
</p>
<Markdown>
<p slot="intro">
Starting with my first talk in September 2012, I have given {talkCount} presentations
and workshops at various conferences and meetups, in-person and remotely, on
topics including PHP, Drupal, automated testing, Git, CSS, and systems administration.
</p>
</Markdown>
</ListingPage>