opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add lead paragraph component

Browse source
This commit is contained in:
Oliver Davies 2019-05-20 20:40:13 +01:00
parent df7b6315ba
commit 7cde1007b7
3 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/css/app.css
View file

@ -32,6 +32,10 @@ blockquote {
@tailwind components; @tailwind components;
p.lead {
@apply text-lg
}
.wrap { .wrap {
@apply w-full max-w-3xl mx-auto; @apply w-full max-w-3xl mx-auto;

6
source/articles/index.html.twig
View file

@ -4,9 +4,9 @@ title: Articles
use: [posts] use: [posts]
--- ---
<div class="spaced-y-10"> <div class="spaced-y-10">
<header class="text-lg spaced-y-4"> <header class="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 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>Here are some of my favourites.</p> <p class="lead">Here are some of my favourites.</p>
</header> </header>
<div class="spaced-y-12"> <div class="spaced-y-12">

2
source/talks.html.twig
View file

@ -28,7 +28,7 @@ talks:
{% set talks = getTalks(page.talks|merge(data.talks)) %} {% set talks = getTalks(page.talks|merge(data.talks)) %}
<header class="mb-6"> <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> </header>
<div class="spaced-y-10"> <div class="spaced-y-10">