dnitza/adamantium
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Post page styling

Browse Source
This commit is contained in:
Daniel Nitsikopoulos
2023-07-05 19:30:37 +10:00
parent a8607e223e
commit 39c29f7336
1 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/templates/posts/show.html.slim
View File

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