svemagie/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-04-02 16:44:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add zachleat.com-inspired theme enhancements

Browse Source 
- Add time-difference web component for relative dates
- Add @zachleat/table-saw for responsive tables
- Add webmention facepile styling with bookmarks support
- Add OG image thumbnails to post navigation
- Add @11ty/is-land for lazy widget hydration
- Wrap sidebar widgets in is-land for deferred loading
- Lazy-load webmention avatars with is-land
- Add @zachleat/filter-container for blog archive filtering
- Add posting frequency sparkline to blog header
- Inline critical CSS and defer full stylesheet loading
This commit is contained in:
Ricardo
2026-02-18 11:16:33 +01:00
parent e5b0fd7dc6
commit c3eb04570c
16 changed files with 368 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
css/tailwind.css
View File

@@ -237,12 +237,16 @@
@apply inline-block px-2 py-0.5 text-xs bg-primary-100 dark:bg-primary-900 text-primary-800 dark:text-primary-200 rounded;
}
/* Webmention styles */
.webmention-likes .avatar-row {
@apply flex flex-wrap gap-1;
/* Webmention facepile - overlapping avatar display */
.facepile {
@apply flex flex-wrap items-center;
}
.webmention-likes img {
.facepile-avatar {
@apply inline-block -ml-2 first:ml-0 transition-transform hover:z-10 hover:scale-110;
}
.facepile-avatar img {
@apply w-8 h-8 rounded-full;
}