cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: simplify colors

Browse source
This commit is contained in:
Cory Dransfeldt 2023-10-28 17:26:30 -07:00
parent 67adea35a3
commit ec35c70418
29 changed files with 79 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/posts/2023/webmentions-in-eleventy.md
View file

@ -79,7 +79,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-purple-500 dark:hover:border-purple-300"
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-blue-500 dark:hover:border-blue-300"
loading="lazy"
/>
</a>
@ -98,7 +98,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-purple-500 dark:hover:border-purple-300"
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-blue-500 dark:hover:border-blue-300"
loading="lazy"
/>
</a>
@ -116,12 +116,12 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-purple-500 dark:group-hover:border-purple-300"
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-blue-500 dark:group-hover:border-blue-300"
loading="lazy"
/>
<div class="ml-3">
<p class="text-sm group-hover:text-purple-500 dark:group-hover:text-purple-300">{{mention.content.text}}</p>
<p class="mt-1 text-xs group-hover:text-purple-500 dark:group-hover:text-purple-300">{{mention.published | isoDateOnly}}</p>
<p class="text-sm group-hover:text-blue-500 dark:group-hover:text-blue-300">{{mention.content.text}}</p>
<p class="mt-1 text-xs group-hover:text-blue-500 dark:group-hover:text-blue-300">{{mention.published | isoDateOnly}}</p>
</div>
</a>
</div>