Post page styling

This commit is contained in:
2023-07-05 19:30:37 +10:00
parent a8607e223e
commit 39c29f7336

View File

@@ -15,13 +15,13 @@ article class="h-entry"
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"
nav class="space-x-1 text-sm md:text-sm md:block dark:text-gray-600"
- if post.location || post.photos? || post.videos?
span See more:
- if post.location
a href="/places" places
a class="dark:text-gray-400" href="/places" places
- if post.photos? || post.videos?
a href="/photos" photos
a class="dark:text-gray-400" 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
@@ -41,20 +41,20 @@ article class="h-entry"
- if post.location
img class="shadow-solid shadow-pink-100 dark:shadow-pink-200 rounded mb-4" src=post.large_map
-if post.webmentions && post.webmentions.count > 0
div class="mt-12"
h3 #{post.webmentions.count} Comment(s)
- post.webmentions.each do |mention|
div class="prose-p:m-1"
div class="flex h-6"
img class="w-6 m-0 mr-2" src=mention.author_photo
a class="block" href=mention.author_url
= mention.author_name
div
== mention.content_html
div class="text-sm"
a href=mention.source_url
= mention.published_at.strftime("%e %B, %Y")
-if post.webmentions && post.webmentions.count > 0
div class="mt-12"
h3 #{post.webmentions.count} Comment(s)
- post.webmentions.each do |mention|
div class="prose-p:m-1 mb-6 p-4 bg-gray-100 border border-gray-200 dark:bg-gray-900 dark:border-gray-800 rounded"
div class="flex h-8"
img class="w-8 rounded-full m-0 mr-2" src=mention.author_photo
a class="block text-blue-400 dark:text-blue-600 no-underline hover:underline" href=mention.author_url
= mention.author_name
div class="prose dark:prose-invert prose-a:text-blue-400 dark:prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline"
== mention.content_html
div class="text-sm"
a class="no-underline hover:underline text-blue-400 dark:text-blue-600" href=mention.source_url
= mention.published_at.strftime("%e %B, %Y")
div class="mb-12"
- if trip
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex gap-4"
@@ -108,13 +108,13 @@ article class="h-entry"
p
span in 
- if post.posted_in == :posts
a class="hover:underline" href="/posts" posts
a class="hover:underline text-blue-400 dark:text-blue-600" href="/posts" posts
- if post.posted_in == :places
a class="hover:underline" href="/places" places
a class="hover:underline text-blue-400 dark:text-blue-600" href="/places" places
- if post.posted_in == :statuses
a class="hover:underline" href="/statuses" statuses
a class="hover:underline text-blue-400 dark:text-blue-600" href="/statuses" statuses
- if post.posted_in == :bookshelf
a class="hover:underline" href="/bookshelf" bookshelf
a class="hover:underline text-blue-400 dark:text-blue-600" href="/bookshelf" bookshelf
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"