Files
adamantium/app/templates/posts/show.html.slim

88 lines
3.9 KiB
Plaintext

article class="h-entry"
div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
h1 class="p-name mb-2"
a class="u-url" href=post.permalink
= post.display_title
nav class="space-x-1 text-sm md:text-sm md:block"
- if post.location || post.photos? || post.videos?
span See more:
- if post.location
a href="/places" places
- if post.photos? || post.videos?
a href="/photos" photos
article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-img:rounded"
div class="e-content"
== post.content
- if post.photos?
- post.photos.each do |photo|
figure
img class="u-photo shadow-solid shadow-pink-100 dark:shadow-pink-200 mb-4" src=photo["value"] alt=photo["alt"]
figcaption
= photo["alt"]
- if post.videos?
- post.videos.each do |video|
figure
video loop=true muted=true controls=true
source type="video/mp4" src="#{video["value"]}"
figcaption= video["alt"]
- if post.location
img class="shadow-solid shadow-pink-100 dark:shadow-pink-200 rounded mb-4" src=post.large_map
- if trip
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex gap-4"
div class="block grow bg-orange-100 dark:bg-orange-600 rounded px-4 py-2 mb-12"
a href="/trips/#{trip.id}"
= "✈️ Part of the trip: "
strong #{trip.name}
| →
- if post.tags.map(&:label).include? "weekly"
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex gap-4"
div class="grow" hx-get="/post/top_tracks/#{post.slug}" hx-trigger="load"
- if past_movies.count > 0
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 mb-4"
h3 class="text-xl" Movies watched
div class="flex gap-4 pb-4 mt-4"
- past_movies.map do |movie|
a href=movie.url
figure
img class="rounded hover:opacity-80" src=movie.poster
figcaption= movie.title
hr
- if text_posts.count > 0
div class="block grow bg-blue-100 dark:bg-blue-600 rounded px-4 py-2 mb-12"
p class="text-sm mb-0" This week, years ago
ul class="mt-0"
- text_posts.each do |past_post|
li class="m-0"
a class="hover:underline" href=past_post.permalink
= "#{past_post.display_title} (#{past_post.published_at.year})"
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
- photo_posts.group_by{ |p| p.published_at.year }.each do |year, posts|
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200"
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200"
= year
div class="grid grid-cols-3 gap-4 mb-4 max-w-prose mx-auto"
-posts.each do |post|
== render "shared/photo_post", post: post
div class="mb-4 max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
div class=""
= "Published "
time class="dt-published" datetime=post.machine_published_at
= post.display_published_at
p
a class="p-author h-card" href=Hanami.app.settings.micropub_site_url
= "by #{Hanami.app.settings.site_name}"
span class="text-right flex-1 leading-6"
== render "shared/tags", tags: post.tags
div class="mb-2 max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
- if post.syndicated?
span Also on: 
- post.syndicated_to.each do |loc|
a rel="syndication" class="u-syndication" href=loc[:url]
== render "shared/#{loc[:location]}"