Show updatedAt for current track

johanbrook · Mar 25, 2024 · 46fe169 · 46fe169
1 parent e90ddc3
commit 46fe169
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 1 deletion.
diff --git a/_config.ts b/_config.ts
@@ -2,6 +2,7 @@ import lume from 'lume/mod.ts';
 import postcss from 'lume/plugins/postcss.ts';
 import esbuild from 'lume/plugins/esbuild.ts';
 import nunjucks from 'lume/plugins/nunjucks.ts';
+import date from 'lume/plugins/date.ts';
 import temporalDate from './src/_lume-plugins/temporal-date.ts';
 import { readingTime } from './src/_lume-plugins/reading-time.ts';
 import { extractExcerpt } from './src/_lume-plugins/excerpts.ts';
@@ -36,6 +37,7 @@ site.use(typeset({ scope: '.prose' }))
         }),
     )
     .use(temporalDate())
+    .use(date())
     .use(sourceMaps())
     // Helpers
     .filter('substr', (str: string, len: number) => str.substring(0, len))

diff --git a/deno.lock b/deno.lock
diff --git a/src/_includes/css/base.css b/src/_includes/css/base.css
@@ -324,3 +324,16 @@ u {
     text-decoration-style: wavy;
     text-decoration-color: var(--accent);
 }
+
+@media (hover: hover) {
+    time[title] {
+        text-decoration: underline;
+        text-decoration-style: dotted;
+        text-underline-offset: .4ex;
+        text-decoration-color: var(--color-faint);
+
+        &:hover {
+            text-decoration-color: var(--color-text-detail);
+        }
+    }
+}
diff --git a/src/index.md b/src/index.md
@@ -13,4 +13,4 @@ You can reach me via [email](mailto:{{ meta.email }}) or [Mastodon]({{ '' | mast
 
 ***
 
-My fav track at the moment is ♫ <u class="b">{{ current_track.name }}</u> by {{ current_track.artist }}.
+My fav track <time title="Updated at {{ current_track.updatedAt | date('yyyy-MM-dd')}}" datetime="{{ current_track.updatedAt }}">at the moment</time> is ♫ <u class="b">{{ current_track.name }}</u> by {{ current_track.artist }}.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -13,4 +13,4 @@ You can reach me via [email](mailto:{{ meta.email }}) or [Mastodon]({{ '' \| mast

		***

		My fav track at the moment is ♫ <u class="b">{{ current_track.name }}</u> by {{ current_track.artist }}.
		My fav track <time title="Updated at {{ current_track.updatedAt \| date('yyyy-MM-dd')}}" datetime="{{ current_track.updatedAt }}">at the moment</time> is ♫ <u class="b">{{ current_track.name }}</u> by {{ current_track.artist }}.