Update colour classes
This commit is contained in:
parent
5729a6b6c0
commit
3cac471fef
|
|
@ -27,13 +27,13 @@
|
|||
}
|
||||
|
||||
code {
|
||||
@apply bg-grey-lighter font-mono text-sm
|
||||
@apply bg-gray-200 font-mono text-sm
|
||||
}
|
||||
|
||||
p,
|
||||
li {
|
||||
code {
|
||||
@apply inline-block border border-grey-light font-bold mx-px p-1 leading-none
|
||||
@apply inline-block border border-gray-300 font-bold mx-px p-1 leading-none
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -48,6 +48,6 @@
|
|||
}
|
||||
|
||||
figcaption {
|
||||
@apply italic text-sm text-grey-darker text-center mb-0 mt-1
|
||||
@apply italic text-sm text-gray-800 text-center mb-0 mt-1
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.note {
|
||||
@apply bg-blue-lighter border-blue-600 border-l-4 mb-4 p-4 rounded;
|
||||
@apply bg-blue-200 border-blue-600 border-l-4 mb-4 p-4 rounded;
|
||||
|
||||
> *:not(:first-child) {
|
||||
@apply mt-6
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<div class="w-1/4 text-right sm:hidden">
|
||||
<button type="button" class="nav-toggle appearance-none" @click="hidden = !hidden" aria-label="Toggle main menu">
|
||||
<svg class="fill-current text-grey-dark w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.4 9H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zm0 4H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zM3.6 7h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1z"/></svg>
|
||||
<svg class="fill-current text-gray-600 w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.4 9H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zm0 4H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zM3.6 7h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1z"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
>
|
||||
<a
|
||||
v-for="item in items"
|
||||
class="block text-black no-underline focus:outline-none p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light focus:border-grey-light focus:bg-white sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline text-sm -mb-px"
|
||||
class="block text-black no-underline focus:outline-none p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-gray-300 focus:border-gray-300 focus:bg-white sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline text-sm -mb-px"
|
||||
:class="{'border-blue-600 hover:border-blue-600': isActive(item)}"
|
||||
:href="item.href"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<link rel="icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
|
||||
{% endfor %}
|
||||
</head>
|
||||
<body class="antialiased font-sans text-grey-darkest leading-normal">
|
||||
<body class="antialiased font-sans text-gray-800 leading-normal">
|
||||
<div id="app" v-cloak>
|
||||
{% block body %}{% endblock %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
|
||||
<div class="px-4">
|
||||
<div class="widget bg-grey-light p-4 rounded">
|
||||
<div class="widget bg-gray-300 p-4 rounded">
|
||||
<div class="-mb-3">
|
||||
<h2 class="visuallyhidden">Certifications</h2>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
</div>
|
||||
|
||||
<div>
|
||||
<a href="{{ post.url }}" class="text-sm text-grey-dark hover:text-grey-darker">
|
||||
<a href="{{ post.url }}" class="text-sm text-gray-600 hover:text-gray-800">
|
||||
Read more
|
||||
<span class="visuallyhidden">about '{{ post.title }}'</span>
|
||||
→
|
||||
|
|
|
|||
|
|
@ -4,14 +4,14 @@
|
|||
{% for item in page.experience %}
|
||||
<li class="mb-12">
|
||||
{% if site.companies[item.company].url %}
|
||||
<h3><a href="{{ site.companies[item.company].url }}" class="text-inherit no-underline hover:underline focus:bg-grey-darkest">{{ site.companies[item.company].name }}</a></h3>
|
||||
<h3><a href="{{ site.companies[item.company].url }}" class="text-inherit no-underline hover:underline focus:bg-gray-900">{{ site.companies[item.company].name }}</a></h3>
|
||||
{% else %}
|
||||
<h3>{{ site.companies[item.company].name }}</h3>
|
||||
{% endif %}
|
||||
|
||||
{% for role in item.roles %}
|
||||
<div>
|
||||
<h4 class="mb-3 text-grey-darker">{{ role.title }} from {{ role.from }} to {{ role.to ?: 'present' }} ({{ role.location }})</h4>
|
||||
<h4 class="mb-3 text-gray-800">{{ role.title }} from {{ role.from }} to {{ role.to ?: 'present' }} ({{ role.location }})</h4>
|
||||
|
||||
{{ role.description|markdown }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<footer class="border-grey-light border-t mb-8 mt-10 pt-5 text-sm">
|
||||
<footer class="border-gray-300 border-t mb-8 mt-10 pt-5 text-sm">
|
||||
<div class="md:flex md:justify-between">
|
||||
<div>
|
||||
<p>© 2010-{{ 'now'|date('Y') }} {{ site.title }}</p>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="border-bottom border-b border-grey-light mb-6 fixed top-0 w-full bg-white z-20">
|
||||
<div class="border-bottom border-b border-gray-300 mb-6 fixed top-0 w-full bg-white z-20">
|
||||
<div class="px-4 md:px-8 mx-auto">
|
||||
<div class="block py-5 v-cloak-block">
|
||||
<div class="font-semibold text-sm">{{ site.title }}</div>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
{% if project.versions %}
|
||||
<div class="mt-4 text-right">
|
||||
{% for version in project.versions %}
|
||||
<span class="text-xs ml-1 px-1 py-1 bg-grey-light text-grey-dark rounded">{% spaceless %}
|
||||
<span class="text-xs ml-1 px-1 py-1 bg-gray-300 text-gray-600 rounded">{% spaceless %}
|
||||
Drupal {{ version }}
|
||||
{% endspaceless %}</span>
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@
|
|||
</div>
|
||||
|
||||
<div class="flex overflow-hidden">
|
||||
<input type="email" value="" name="EMAIL" class="required email block w-full border border-grey p-3 pl-5 rounded-l-full" placeholder="enter your email" aria-label="Email">
|
||||
<button type="submit" name="subscribe" class="block w-auto border border-grey border-l-0 py-3 pl-5 pr-6 rounded-r-full bg-blue-600 text-white">Subscribe</button>
|
||||
<input type="email" value="" name="EMAIL" class="required email block w-full border border-gray p-3 pl-5 rounded-l-full" placeholder="enter your email" aria-label="Email">
|
||||
<button type="submit" name="subscribe" class="block w-auto border border-gray border-l-0 py-3 pl-5 pr-6 rounded-r-full bg-blue-600 text-white">Subscribe</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -2,11 +2,11 @@
|
|||
<ul class="list-reset inline-flex">
|
||||
<li>
|
||||
{% if page.pagination.page == 1 %}
|
||||
<span class="rounded-l-lg p-3 border border-grey text-grey -mr-px cursor-not-allowed">
|
||||
<span class="rounded-l-lg p-3 border border-gray text-gray -mr-px cursor-not-allowed">
|
||||
Previous
|
||||
</span>
|
||||
{% else %}
|
||||
<a href="{{ page.pagination.previous_page.url }}" class="rounded-l-lg link no-underline hover:underline hover:bg-grey-lighter focus:underline p-3 border border-grey -mr-px">
|
||||
<a href="{{ page.pagination.previous_page.url }}" class="rounded-l-lg link no-underline hover:underline hover:bg-gray-200 focus:underline p-3 border border-gray -mr-px">
|
||||
Previous
|
||||
</a>
|
||||
{% endif %}
|
||||
|
|
@ -15,11 +15,11 @@
|
|||
{% for i in range(1, page.pagination.total_pages) %}
|
||||
<li class="{{ i > (page.pagination.page + 2) or i < (page.pagination.page - 2) ? 'hidden sm:block' }}">
|
||||
{% if i == page.pagination.page %}
|
||||
<span class="p-3 border border-grey text-white bg-blue-600 -mr-px">
|
||||
<span class="p-3 border border-gray text-white bg-blue-600 -mr-px">
|
||||
{{ i }}
|
||||
</span>
|
||||
{% else %}
|
||||
<a href="{{ i == 1 ? '/blog' : '/blog/page/' ~ i ~ '.html' }}" class="link no-underline hover:underline hover:bg-grey-lighter focus:underline p-3 border border-grey -mr-px">
|
||||
<a href="{{ i == 1 ? '/blog' : '/blog/page/' ~ i ~ '.html' }}" class="link no-underline hover:underline hover:bg-gray-200 focus:underline p-3 border border-gray -mr-px">
|
||||
{{ i }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
|
@ -28,11 +28,11 @@
|
|||
|
||||
<li>
|
||||
{% if page.pagination.next_page.url %}
|
||||
<a href="{{ page.pagination.next_page.url }}" class="rounded-r-lg link no-underline hover:underline hover:bg-grey-lighter focus:underline p-3 border border-grey">
|
||||
<a href="{{ page.pagination.next_page.url }}" class="rounded-r-lg link no-underline hover:underline hover:bg-gray-200 focus:underline p-3 border border-gray">
|
||||
Next
|
||||
</a>
|
||||
{% else %}
|
||||
<span class="rounded-r-lg p-3 border border-grey text-grey cursor-not-allowed">
|
||||
<span class="rounded-r-lg p-3 border border-gray text-gray cursor-not-allowed">
|
||||
Next
|
||||
</span>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
<div class="flex items-center">
|
||||
<div class="mr-4 flex-none leading-none">
|
||||
<img src="{{ site.avatar.url }}" alt="Picture of Oliver" class="w-16 rounded-full border border-grey">
|
||||
<img src="{{ site.avatar.url }}" alt="Picture of Oliver" class="w-16 rounded-full border border-gray">
|
||||
</div>
|
||||
|
||||
<p class="mb-0">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<p class="mb-4 italic text-grey-dark">
|
||||
<p class="mb-4 italic text-gray-600">
|
||||
<b>Have feedback on this post?</b> <a href="mailto:{{ site.email }}?subject=Feedback: {{ page.title }}">Email me</a> or <a href="https://twitter.com/intent/tweet?text=@{{ site.twitter.name }}&url={{ site.url }}{{ page.url|url_encode }}">send me a tweet</a>.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="mb-8">
|
||||
<h1 class="leading-tight mb-2">{{ page.title }}</h1>
|
||||
|
||||
<p class="text-grey-dark">
|
||||
<p class="text-gray-600">
|
||||
{% include 'posts/post-date' with { post: page } %}
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<ul class="list-reset flex flex-wrap">
|
||||
{% for tag in page.tags|sort %}
|
||||
<li>
|
||||
<a href="/blog/tags/{{ tag }}" class="text-xs py-1 px-2 mr-1 mb-1 bg-grey-lighter text-grey-darker leading-none no-underline hover:underline focus:bg-grey-darker focus:text-white focus:outline-none">
|
||||
<a href="/blog/tags/{{ tag }}" class="text-xs py-1 px-2 mr-1 mb-1 bg-gray-200 text-gray-800 leading-none no-underline hover:underline focus:bg-gray-800 focus:text-white focus:outline-none">
|
||||
{{- tag -}}
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div class="mt-8">
|
||||
<h2 class="mb-2">Presented at</h2>
|
||||
|
||||
<ul class="markup">
|
||||
<ul class="markup list-disc ml-5">
|
||||
{% for event in page.events %}
|
||||
<li>
|
||||
{% set eventData = site.events[event.event] %}
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
{% if eventData.location %}
|
||||
in {{ eventData.location }}
|
||||
{% endif %}
|
||||
<span class="text-grey-darker">- {{ event.date|date('jS F Y') }}</span>
|
||||
<span class="text-gray-800">- {{ event.date|date('jS F Y') }}</span>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
</span>
|
||||
|
||||
{% if talk.event.time is defined %}
|
||||
<div class="text-xs text-grey-dark">
|
||||
<div class="text-xs text-gray-600">
|
||||
{{ talk.event.time }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
{{ talk.talk.title }}
|
||||
{% endif %}
|
||||
|
||||
<div class="text-xs text-grey-dark">
|
||||
<div class="text-xs text-gray-600">
|
||||
{% if talk.talk.type %}
|
||||
{{ talk.talk.type }}
|
||||
{% else %}
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
{% endif %}
|
||||
|
||||
{% if talk.event.location is defined %}
|
||||
<div class="text-xs text-grey-dark">
|
||||
<div class="text-xs text-gray-600">
|
||||
{{ talk.event.location }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,15 @@
|
|||
<article>
|
||||
<h3 class="text-lg text-black mb-1">{{ talk.title }}</h3>
|
||||
<h3 class="text-lg text-black mb-1">
|
||||
{{ talk.title }}
|
||||
</h3>
|
||||
|
||||
<div class="text-grey-darkest">
|
||||
<div>
|
||||
<p>{{ talk.description }}</p>
|
||||
</div>
|
||||
|
||||
{% if talk.url %}
|
||||
<footer class="mt-1">
|
||||
<a href="{{ talk.url }}" class="text-sm text-grey-dark hover:text-grey-darkest focus:text-grey-darkest no-underline hover:underline">
|
||||
<a href="{{ talk.url }}" class="text-sm text-gray-600 hover:text-gray-900 focus:text-gray-900 no-underline hover:underline">
|
||||
Find out more
|
||||
<span class="visuallyhidden">about {{ talk.title }}</span>
|
||||
→
|
||||
|
|
|
|||
|
|
@ -106,13 +106,13 @@ export default {
|
|||
<div class="w-full md:w-1/3 lg:w-1/4 flex-none md:px-6">
|
||||
<div class="w-full md:w-1/3 lg:w-1/4 flex-none md:px-6">
|
||||
<div class="p-4" style="background-color: #f6f6f2">
|
||||
<h2 class="font-serif font-normal text-base text-grey-darkest border-b border-solid border-grey-light mb-3">Search</h2>
|
||||
<h2 class="font-serif font-normal text-base text-gray-900 border-b border-solid border-gray-300 mb-3">Search</h2>
|
||||
|
||||
<div>
|
||||
<form action="#" class="flex">
|
||||
<input type="text" class="border border-solid border-grey p-2 w-full xl:w-auto">
|
||||
<input type="text" class="border border-solid border-gray p-2 w-full xl:w-auto">
|
||||
|
||||
<button type="submit" class="bg-grey-light px-3 rounded-full border-b border-solid border-grey-dark ml-2 flex-none" style="background-color: #f0f0f0">
|
||||
<button type="submit" class="bg-gray-300 px-3 rounded-full border-b border-solid border-gray-600 ml-2 flex-none" style="background-color: #f0f0f0">
|
||||
<img src="img/loupe.svg" class="block">
|
||||
</button>
|
||||
</form>
|
||||
|
|
@ -127,7 +127,7 @@ export default {
|
|||
|
||||
<div id="footer" class="text-xs text-white">
|
||||
<div class="container mx-auto px-4 pt-16 pb-4">
|
||||
<div class="border-t border-solid border-grey-darkest pt-6 -mb-6">
|
||||
<div class="border-t border-solid border-gray-900 pt-6 -mb-6">
|
||||
<div class="mb-6">
|
||||
<p><a href="#0">Contact</a></p>
|
||||
</div>
|
||||
|
|
@ -197,7 +197,7 @@ I also moved the links into `data` too - each link is it’s own object with it'
|
|||
<div>
|
||||
<button
|
||||
type="button"
|
||||
class="w-full p-3 block sm:hidden bg-blue-light text-sm text-grey-darker text-left focus:outline-none"
|
||||
class="w-full p-3 block sm:hidden bg-blue-light text-sm text-gray-800 text-left focus:outline-none"
|
||||
@click="open = !open"
|
||||
>
|
||||
<div class="flex items-center justify-between">
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ Within my `navbar.html.twig` partial, I have a placeholder div that also contain
|
|||
|
||||
{% raw %}<div v-pre markdown="1">
|
||||
```twig
|
||||
<div class="border-bottom border-b border-grey-light mb-6">
|
||||
<div class="border-bottom border-b border-gray-300 mb-6">
|
||||
<div class="container mx-auto">
|
||||
<div class="block py-5 v-cloak-block">
|
||||
{{ site.title }}
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@ I added a `style` section within `Welcome.vue`, and added some default styling f
|
|||
|
||||
<div id="footer" class="text-xs text-white">
|
||||
<div class="container mx-auto px-4 pt-16 pb-4">
|
||||
<div class="border-t border-solid border-grey-darkest pt-6 -mb-6">
|
||||
<div class="border-t border-solid border-gray-900 pt-6 -mb-6">
|
||||
<div class="mb-6">
|
||||
<p><a href="#0">Contact</a></p>
|
||||
</div>
|
||||
|
|
@ -114,7 +114,7 @@ As well as being able to extract re-usable components within Tailwind, the same
|
|||
// src/components/Sidebar.vue
|
||||
|
||||
<template>
|
||||
<div class="bg-grey-lighter p-4 mb-4">
|
||||
<div class="bg-gray-200 p-4 mb-4">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -108,21 +108,21 @@ This was the first page that I rebuilt - the Environments page for an applicatio
|
|||
Vue Router is configured to show the
|
||||
|
||||
<figure>
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/2-environments.png" alt="A screenshot of the rebuilt Environments page." class="border border-grey-light p-2">
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/2-environments.png" alt="A screenshot of the rebuilt Environments page." class="border border-gray-300 p-2">
|
||||
<figcaption>The rebuilt Environments page for an application.</figcaption>
|
||||
</figure>
|
||||
|
||||
## The applications page
|
||||
|
||||
<figure>
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/1-applications.png" alt="A screenshot of the rebuilt Applications page." class="border border-grey-light p-2">
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/1-applications.png" alt="A screenshot of the rebuilt Applications page." class="border border-gray-300 p-2">
|
||||
<figcaption>The rebuilt Applications page.</figcaption>
|
||||
</figure>
|
||||
|
||||
## An environment page
|
||||
|
||||
<figure>
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/3-environment.png" alt="A screenshot of the rebuilt page for an environment within an application." class="border border-grey-light p-2">
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/3-environment.png" alt="A screenshot of the rebuilt page for an environment within an application." class="border border-gray-300 p-2">
|
||||
<figcaption>The rebuilt page for an environment within an application.</figcaption>
|
||||
</figure>
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ wide: true
|
|||
<div class="md:flex -mx-6">
|
||||
<div class="w-auto md:flex-1 px-6 mb-12 md:mb-0">
|
||||
<div class="markup spaced-y-4 mb-8">
|
||||
<div class="mb-4 w-32"><img src="/images/me-precedent.jpg" alt="Picture of Oliver" class="rounded-full border border-grey"/></div>
|
||||
<div class="mb-4 w-32"><img src="/images/me-precedent.jpg" alt="Picture of Oliver" class="rounded-full border border-gray"/></div>
|
||||
|
||||
<p>Hi, I’m Oliver Davies (aka <a href="https://www.google.com/#q=opdavies">opdavies</a>) - a Full Stack Web Developer and System Administrator based in Wales, UK.</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ use: [posts]
|
|||
|
||||
<div class="-mx-4 spaced-y-4">
|
||||
{% for post in data.posts %}
|
||||
<article class="p-4 {{ post.draft ? 'bg-blue-lighter' }}">
|
||||
<article class="p-4 {{ post.draft ? 'bg-blue-200' }}">
|
||||
{% include 'blog/post-summary' with {
|
||||
show_date: true,
|
||||
} %}
|
||||
|
|
|
|||
|
|
@ -146,7 +146,7 @@ experiences:
|
|||
</a>
|
||||
{%- endif %}
|
||||
|
||||
<div class="text-sm text-grey-dark">
|
||||
<div class="text-sm text-gray-600">
|
||||
{{ helpers.roleText(experience) }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -24,13 +24,13 @@ episodes:
|
|||
<article>
|
||||
<h2 class="text-lg">{{ podcast.name }}: {{ episode.title }}</h2>
|
||||
|
||||
<time class="text-sm text-grey-darker block mt-px mb-2" datetime="{{ episode.date|date('Y-m-d') }}">
|
||||
<time class="text-sm text-gray-800 block mt-px mb-2" datetime="{{ episode.date|date('Y-m-d') }}">
|
||||
{{ episode.date|date('jS F Y') }}
|
||||
</time>
|
||||
|
||||
<p>{{ episode.description }}</p>
|
||||
|
||||
<a href="{{ episode.url }}" class="inline-block mt-2 text-sm text-grey-dark hover:text-grey-darker focus:text-grey-darker">
|
||||
<a href="{{ episode.url }}" class="inline-block mt-2 text-sm text-gray-600 hover:text-gray-800 focus:text-gray-800">
|
||||
{{ episode.video ? 'Watch' : 'Listen to' }} this
|
||||
<span class="visuallyhidden">{{ podcast.name }}</span>
|
||||
episode →
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ testimonials:
|
|||
<h2 class="mb-1 leading-none">{{ testimonial.name }}</h2>
|
||||
|
||||
{% if testimonial.role %}
|
||||
<div class="text-grey-dark text-sm">
|
||||
<div class="text-gray-600 text-sm">
|
||||
{{ testimonial.role|raw }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
Reference in a new issue