From fcf20a58c45b50e508f3e73aa189f4ed7d46f0c3 Mon Sep 17 00:00:00 2001
From: Daniel Nitsikopoulos <daniel@dnitza.com>
Date: Mon, 6 Mar 2023 15:17:37 +1100
Subject: [PATCH] Stylin

---
 app/templates/posts/top_tracks.html.slim | 12 ++++++++----
 app/templates/shared/_post.html.slim     |  2 +-
 app/templates/site/home.html.slim        |  4 +++-
 app/views/posts/top_tracks.rb            |  4 ----
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/templates/posts/top_tracks.html.slim b/app/templates/posts/top_tracks.html.slim
index c6e238e..71ebb2f 100644
--- a/app/templates/posts/top_tracks.html.slim
+++ b/app/templates/posts/top_tracks.html.slim
@@ -1,7 +1,11 @@
 a href=url class="block flex bg-pink-100 dark:bg-pink-600 rounded px-4 py-2 mb-12"
-  div class="mr-4 my-auto" 
-    img class="rounded h-34 w-34 my-auto" src=image
+  div class="mr-4 my-auto"
+    div class="w-34 h-34 my-auto text-[2.041rem] block dark:hidden" 👩🏼‍🎤
+    div class="w-34 h-34 my-auto text-[2.041rem] hidden dark:block" 👨🏽‍🎤
   div
-    p class="text-lg" Top track this week
-    p class="text-xl"= "#{name} by #{artist}"
+    p class="text-sm" Top track this week
+    p class=""
+      span class="font-semibold"=  name
+      span  by 
+      span class="font-semibold"= artist
 
diff --git a/app/templates/shared/_post.html.slim b/app/templates/shared/_post.html.slim
index 0d33acf..bc283c8 100644
--- a/app/templates/shared/_post.html.slim
+++ b/app/templates/shared/_post.html.slim
@@ -2,7 +2,7 @@ div class="mb-8 h-entry"
   h3 class="text-xl font-semibold text-blue-600 mb-2"
     a class="border-b-2 border-transparent hover:border-blue-600 hover:border-b-2" href="/post/#{post.slug}"
       = post.display_title
-  div class="e-content p-name text-base prose prose-ul:list-none prose-ul:pl-0 prose-li:pl-0 text-gray-800 dark:text-gray-200 prose-a:dark:text-gray-100"
+  div class="e-content prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline p-name text-base prose prose-ul:list-none prose-ul:pl-0 prose-li:pl-0 text-gray-800 dark:text-gray-200 prose-a:dark:text-gray-100"
     == post.excerpt
   == render :tags, tags: post.tags
 
diff --git a/app/templates/site/home.html.slim b/app/templates/site/home.html.slim
index 3bf418e..307fee2 100644
--- a/app/templates/site/home.html.slim
+++ b/app/templates/site/home.html.slim
@@ -1,9 +1,11 @@
-div class="h-card prose dark:prose-invert mb-12 max-w-prose mx-auto text-gray-800 dark:text-gray-200"
+div class="h-card prose dark:prose-invert mb-12 prose-a:decoration-wavy hover:prose-a:text-blue-400 max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   p class="p-note"
     == home_content
 
 div class="mb-8 max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
 
+div class="mb-2 flex max-w-prose mx-auto"
+  p Latest status
 div class="mb-12 p-2 grid grid-cols-7 gap-4 min-h-16 max-w-prose mx-auto bg-fuchsia-100 dark:bg-fuchsia-800 dark:text-gray-200 rounded"
   div class="col-span-4 sm:col-span-6 text-left"
     a class="block my-auto hover:underline decoration-wavy" href=latest_status.permalink
diff --git a/app/views/posts/top_tracks.rb b/app/views/posts/top_tracks.rb
index d511aa7..7a6138c 100644
--- a/app/views/posts/top_tracks.rb
+++ b/app/views/posts/top_tracks.rb
@@ -12,10 +12,6 @@ module Adamantium
           track.dig("artist", "content")
         end
 
-        expose :image do |track:|
-          track["image"].detect { |i| i["size"] == "small" }["content"]
-        end
-
         expose :url do |track:|
           track["url"]
         end