Minor improvements to categories & changelog pages (#1274)

* ui: change category badge border color

* ui/ux: use author's name in changelog

* ui: badge border 25% -> 30%

app/models/provider/github.rb

@@ -47,6 +47,8 @@ class Provider::Github
         if release
           {
             avatar: release.author.avatar_url,
+            # this is the username, it would be nice to get the full name
+            username: release.author.login,
             name: release.name,
             published_at: release.published_at,
             body: Octokit.markdown(release.body, mode: "gfm", context: repo)

app/views/categories/_badge.html.erb

@@ -2,9 +2,10 @@
 <% category ||= null_category %>
 
 <div>
-  <span class="flex items-center gap-1 text-sm font-medium rounded-full px-1.5 py-1 border border-alpha-black-25"
+  <span class="flex items-center gap-1 text-sm font-medium rounded-full px-1.5 py-1 border"
         style="
           background-color: color-mix(in srgb, <%= category.color %> 5%, white);
+          border-color: color-mix(in srgb, <%= category.color %> 30%, white);
           color: <%= category.color %>;">
     <%= category.name %>
   </span>

app/views/pages/changelog.html.erb

@@ -12,7 +12,7 @@
             <%= image_tag @release_notes[:avatar], class: "rounded-full w-full h-full object-cover" %>
           </div>
           <div>
-            <div class="text-gray-900 font-medium text-sm"><%= @release_notes[:name] %></div>
+            <a class="text-gray-900 font-medium text-sm" href="https://github.com/<%= @release_notes[:username] %>"><%= "@#{@release_notes[:username]}" %></a>
             <div class="text-gray-500 text-sm"><%= @release_notes[:published_at].strftime("%B %d, %Y") %></div>
           </div>
         </div>