Add lead paragraph component
This commit is contained in:
parent
df7b6315ba
commit
7cde1007b7
|
@ -32,6 +32,10 @@ blockquote {
|
|||
|
||||
@tailwind components;
|
||||
|
||||
p.lead {
|
||||
@apply text-lg
|
||||
}
|
||||
|
||||
.wrap {
|
||||
@apply w-full max-w-3xl mx-auto;
|
||||
|
||||
|
|
|
@ -4,9 +4,9 @@ title: Articles
|
|||
use: [posts]
|
||||
---
|
||||
<div class="spaced-y-10">
|
||||
<header class="text-lg spaced-y-4">
|
||||
<p>I enjoy writing articles, and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
|
||||
<p>Here are some of my favourites.</p>
|
||||
<header class="spaced-y-4">
|
||||
<p class="lead">I enjoy writing articles, and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
|
||||
<p class="lead">Here are some of my favourites.</p>
|
||||
</header>
|
||||
|
||||
<div class="spaced-y-12">
|
||||
|
|
|
@ -28,7 +28,7 @@ talks:
|
|||
{% set talks = getTalks(page.talks|merge(data.talks)) %}
|
||||
|
||||
<header class="mb-6">
|
||||
<p class="text-lg">After giving my first talk in September 2012, I have now given {{ talks|pastEvents|length }} presentations at various conferences and meetups, on topics including PHP, Drupal, Git, CSS and systems administration.</p>
|
||||
<p class="lead">After giving my first talk in September 2012, I have now given {{ talks|pastEvents|length }} presentations at various conferences and meetups, on topics including PHP, Drupal, Git, CSS and systems administration.</p>
|
||||
</header>
|
||||
|
||||
<div class="spaced-y-10">
|
||||
|
|
Reference in a new issue