From 9be793e2dd04047c3d981132915263b6593282d5 Mon Sep 17 00:00:00 2001 From: haerikimmm Date: Fri, 12 Jun 2026 15:55:43 +0900 Subject: [PATCH] added jounal page --- src/lib/timeline/JournalDetail.svelte | 477 +++++++++++++++++++------- 1 file changed, 361 insertions(+), 116 deletions(-) diff --git a/src/lib/timeline/JournalDetail.svelte b/src/lib/timeline/JournalDetail.svelte index 90ebc23..fe43a0f 100644 --- a/src/lib/timeline/JournalDetail.svelte +++ b/src/lib/timeline/JournalDetail.svelte @@ -1,156 +1,401 @@ -
+ +{#if lightboxSrc} +
lightboxSrc = null} role="button" tabindex="0" + onkeydown={(e) => e.key === 'Escape' && (lightboxSrc = null)}> + +
+{/if} - +
-
- + +
+ +
+ {flagEmoji(entry.location.country)} +
+

{entry.location.city}

+

{entry.location.country}

+
+
+ +
+ {#if entry.photos.length === 0} +
No photos
+ {:else} +
+ {#each entry.photos as photo, i} +
1}> + lightboxSrc = photo} + onerror={(e) => e.currentTarget.parentElement.classList.add('cell-broken')} /> +
+ {/each} +
+ {/if} +
-
-
- 📍 {entry.location.city}, {entry.location.country} - - {entry.tripType === 'solo' ? '🧍 Solo' : '👥 With Friends'} - -
+ +
+
-

{entry.title}

-
-
- Date - -
-
-
- Duration - {entry.days} {entry.days === 1 ? 'day' : 'days'} -
-
+
-
-

{entry.memo}

-
+
+

When did you go?

+

{formatDate(entry.date)}

+
+ +
+

How long did you stay?

+

{entry.days} {entry.days === 1 ? 'day' : 'days'}

+
+ +
+

Who did you go with?

+

+ {#if entry.tripType === 'solo'} + Just me — solo trip + {:else} + With friends + {/if} +

+
+ +
+

How was it?

+

{entry.memo}

+
+ +
+

Trip soundtrack

+
+
+ + + + + +
+
+

{entry.song.title}

+

{entry.song.artist}

+
+
+
-
- -
- Soundtrack - {entry.song.title} - {entry.song.artist}
-
+ + +
+ + +
+ +