diff --git a/slices/main/templates/posts/show.html.slim b/slices/main/templates/posts/show.html.slim index 5c63c83..f2ecbc1 100644 --- a/slices/main/templates/posts/show.html.slim +++ b/slices/main/templates/posts/show.html.slim @@ -103,12 +103,15 @@ article class="h-entry" h3 class="text-xl mb-0" This week, years ago - if text_posts.count > 0 div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 mb-4" - div class="block grow bg-blue-100 dark:bg-blue-600 rounded px-4 py-2 mb-12" + div class="block grow bg-blue-100 dark:bg-blue-600 rounded mb-12" 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})" + li class="" + a class="block content-justify hover:bg-blue-200 hover:dark:bg-blue-800 decoration-wavy rounded py-1.5 px-2" href=past_post.permalink + div class="flex justify-between" + span class="grow-0 inline-block pr-2" = past_post.display_title + span class="border-b border-blue-400 dark:border-blue-900 -top-3 relative border-dashed grow inline-block" + span class="grow-0 inline-block pl-2" = past_post.published_at.year div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex" div class="grid grid-cols-3 gap-4 mb-4 max-w-prose mx-auto" diff --git a/slices/main/templates/site/home.html.slim b/slices/main/templates/site/home.html.slim index 7e0dc8c..7a693c0 100644 --- a/slices/main/templates/site/home.html.slim +++ b/slices/main/templates/site/home.html.slim @@ -22,17 +22,17 @@ div class="mb-8 max-w-screen-md mx-auto border-t border-solid border-gray-200 da p See all div class="flex justify-between max-w-prose mx-auto mb-2" - h2 class="text-xl text-amber-600 dark:text-amber-200" Weekly posts - a class="rounded px-2 text-amber-600 hover:dark:bg-amber-900 hover:dark:text-amber-100 dark:text-amber-200 hover:text-amber-600 hover:bg-amber-100" href="/tagged/weekly" See all → + h2 class="text-xl text-lime-600 dark:text-lime-200" Weekly posts + a class="rounded px-2 text-lime-600 hover:dark:bg-lime-900 hover:dark:text-lime-100 dark:text-lime-200 hover:text-lime-600 hover:bg-lime-100" href="/tagged/weekly" See all → -div class="mb-12 max-w-prose mx-auto bg-amber-100 rounded dark:bg-amber-900 dark:text-gray-100" +div class="mb-12 max-w-prose mx-auto bg-lime-100 rounded dark:bg-lime-900 dark:text-gray-100" ul class="columns-1" - week_posts.each do |post| li class="" - a class="block content-justify hover:bg-amber-200 decoration-wavy rounded py-1.5 px-2" href="/post/#{post.slug}" + a class="block content-justify hover:bg-lime-200 hover:dark:bg-lime-800 decoration-wavy rounded py-1.5 px-2" href="/post/#{post.slug}" div class="flex justify-between" span class="grow-0 inline-block pr-2" = post.name - span class="border-b border-amber-400 dark:border-amber-600 -top-3 relative border-dashed grow inline-block" + span class="border-b border-lime-400 dark:border-lime-600 -top-3 relative border-dashed grow inline-block" span class="grow-0 inline-block pl-2" = post.display_published_at div class="flex justify-between max-w-prose mx-auto mb-2"