From 6f7b04769ee54a5a11f46c93b00b2eb61fbc189d Mon Sep 17 00:00:00 2001
From: Daniele Tonon <tonon@vitamino.it>
Date: Sat, 28 Oct 2023 15:22:54 +0200
Subject: [PATCH] Review clients design

---
 tailwind.config.js     |  1 -
 templates/clients.html | 10 ++++------
 utils.go               |  6 +++---
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 405c6fb..01198e3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,6 @@ module.exports = {
       fontSize: {
         xs: '0.7rem',
         sm: '0.8rem',
-        re: '0.9rem',
         '2xl': ['1.5rem', '1.1rem'],
       },
       colors: {
diff --git a/templates/clients.html b/templates/clients.html
index 43bd4e6..954c587 100644
--- a/templates/clients.html
+++ b/templates/clients.html
@@ -7,7 +7,7 @@
        toggle .hidden on <.client:not(:first-child) />"
 >
   <div
-    class="text-sm text-center mb-4 absolute top-0 right-0 sm:relative w-9 sm:w-auto h-9 sm:h-auto"
+    class="text-sm text-center mb-4 absolute top-0 right-0 sm:relative w-10 sm:w-auto h-10 sm:h-auto"
   >
     <span class="hidden sm:block">Open in</span>
     <span id="open" class="inline sm:hidden">
@@ -51,21 +51,19 @@
          get first in me
            then tell it
              remove .hidden
-             add .rounded-t-lg .bg-strongpink .hover:bg-crimson to <a /> in you
-             remove .sm:rounded-lg
        "
   >
     {{range .Clients}}
     <div
-      class="client | hidden sm:mb-3 sm:flex items-center"
+      class="client | hidden sm:mb-3 sm:flex items-center bg-zinc-700 first-of-type:bg-strongpink first-of-type:rounded-t-lg sm:rounded-lg sm:first-of-type:rounded-lg hover:bg-zinc-800 border-b first-of-type:border-0 sm:border-0 border-zinc-800"
       _="on load get localStorage['nj:{{.ID}}'] or 0 then set @count to it then set @title to `used ${it} times`
          on click increment localStorage['nj:{{.ID}}']"
     >
       <a
-        class="block sm:inline basis-full text-left sm:text-center text-sm text-white bg-zinc-700 no-underline px-3 py-2 sm:py-1.5 sm:rounded-lg hover:bg-gray-700"
+        class="block sm:inline basis-full leading-4 text-left sm:text-center text-[17px] text-white no-underline px-3 py-3 sm:py-1.5 sm:py-1.5 font-normal sm:font-light"
         href="{{.URL}}"
       >
-        <span class="inline text-white hidden basis-1/5 ml-1.5">Open in</span>
+        <span class="inline text-white sm:hidden basis-1/5 ml-1.5">Open in</span>
         {{.Name}}
       </a>
     </div>
diff --git a/utils.go b/utils.go
index b717190..287b8e7 100644
--- a/utils.go
+++ b/utils.go
@@ -126,7 +126,7 @@ type ClientReference struct {
 func generateClientList(code string, event *nostr.Event) []ClientReference {
 	if event.Kind == 1 || event.Kind == 6 {
 		return []ClientReference{
-			{ID: "native", Name: "your native client", URL: "nostr:" + code},
+			{ID: "native", Name: "Your native client", URL: "nostr:" + code},
 			{ID: "snort", Name: "Snort", URL: "https://Snort.social/e/" + code},
 			{ID: "nostrudel", Name: "Nostrudel", URL: "https://nostrudel.ninja/#/n/" + code},
 			{ID: "satellite", Name: "Satellite", URL: "https://satellite.earth/thread/" + event.ID},
@@ -138,7 +138,7 @@ func generateClientList(code string, event *nostr.Event) []ClientReference {
 		}
 	} else if event.Kind == 0 {
 		return []ClientReference{
-			{ID: "native", Name: "your native client", URL: "nostr:" + code},
+			{ID: "native", Name: "Your native client", URL: "nostr:" + code},
 			{ID: "nosta", Name: "Nosta", URL: "https://nosta.me/" + code},
 			{ID: "snort", Name: "Snort", URL: "https://snort.social/p/" + code},
 			{ID: "satellite", Name: "Satellite", URL: "https://satellite.earth/@" + code},
@@ -150,7 +150,7 @@ func generateClientList(code string, event *nostr.Event) []ClientReference {
 		}
 	} else if event.Kind == 30023 || event.Kind == 30024 {
 		return []ClientReference{
-			{ID: "native", Name: "your native client", URL: "nostr:" + code},
+			{ID: "native", Name: "Your native client", URL: "nostr:" + code},
 			{ID: "yakihonne", Name: "YakiHonne", URL: "https://yakihonne.com/article/" + code},
 			{ID: "habla", Name: "Habla", URL: "https://habla.news/a/" + code},
 			{ID: "highlighter", Name: "Highlighter", URL: "https://highlighter.com/a/" + code},