improve styling

lib/memex_web/components/topbar.ex

@@ -35,8 +35,8 @@ defmodule MemexWeb.Components.Topbar do
           text-lg text-primary-400 text-ellipsis">
           <%= if @current_user do %>
             <li class="mx-2 my-1">
-              <%= live_redirect(gettext("Pipelines"),
-                to: Routes.pipeline_index_path(Endpoint, :index),
+              <%= live_redirect(gettext("Notes"),
+                to: Routes.note_index_path(Endpoint, :index),
                 class: "text-primary-400 text-primary-400 hover:underline truncate"
               ) %>
             </li>
@@ -49,29 +49,13 @@ defmodule MemexWeb.Components.Topbar do
             </li>
 
             <li class="mx-2 my-1">
-              <%= live_redirect(gettext("Notes"),
-                to: Routes.note_index_path(Endpoint, :index),
+              <%= live_redirect(gettext("Pipelines"),
+                to: Routes.pipeline_index_path(Endpoint, :index),
                 class: "text-primary-400 text-primary-400 hover:underline truncate"
               ) %>
             </li>
 
-            <form phx-change="suggest" phx-submit="search">
-              <input
-                type="text"
-                name="q"
-                class="input input-primary"
-                placeholder="Search"
-                list="results"
-                autocomplete="off"
-              />
-              <datalist id="results">
-                <%= for {app, _vsn} <- @results do %>
-                  <option value={app}>
-                    "> <%= app %>
-                  </option>
-                <% end %>
-              </datalist>
-            </form>
+            <li class="mx-2 my-1 border-left border border-primary-400">​</li>
 
             <%= if @current_user.role == :admin do %>
               <li class="mx-2 my-1">

lib/memex_web/live/context_live/show.html.heex

@@ -37,5 +37,5 @@
 
 <span>
   <%= live_patch("Edit", to: Routes.context_show_path(@socket, :edit, @context), class: "button") %>
-</span> |
-<span><%= live_redirect("Back", to: Routes.context_index_path(@socket, :index)) %></span>
+</span>
+| <span><%= live_redirect("Back", to: Routes.context_index_path(@socket, :index)) %></span>

lib/memex_web/live/home_live.html.heex

@@ -114,5 +114,52 @@
         end %>
       </p>
     </li>
+
+    <li class="flex flex-row justify-center items-center space-x-2">
+      <b>Version:</b>
+      <%= link class: "flex flex-row justify-center items-center space-x-2 hover:underline",
+            to: "https://gitea.bubbletea.dev/shibao/memex/src/branch/stable/CHANGELOG.md",
+            target: "_blank",
+            rel: "noopener noreferrer" do %>
+        <p>0.1.0</p>
+        <i class="fas fa-md fa-info-circle"></i>
+      <% end %>
+    </li>
+  </ul>
+
+  <hr class="hr" />
+
+  <ul class="flex flex-col space-y-2 text-center justify-center">
+    <h2 class="title text-primary-400 text-lg">
+      <%= gettext("Get involved!") %>
+    </h2>
+
+    <li class="flex flex-col justify-center space-x-2">
+      <%= link class: "flex flex-row justify-center items-center space-x-2 hover:underline",
+            to: "https://gitea.bubbletea.dev/shibao/memex",
+            target: "_blank",
+            rel: "noopener noreferrer" do %>
+        <p><%= gettext("View the source code") %></p>
+        <i class="fas fa-md fa-code"></i>
+      <% end %>
+    </li>
+    <li class="flex flex-col justify-center space-x-2">
+      <%= link class: "flex flex-row justify-center items-center space-x-2 hover:underline",
+          to: "https://weblate.bubbletea.dev/engage/memex",
+          target: "_blank",
+          rel: "noopener noreferrer" do %>
+        <p><%= gettext("Help translate") %></p>
+        <i class="fas fa-md fa-language"></i>
+      <% end %>
+    </li>
+    <li class="flex flex-col justify-center space-x-2">
+      <%= link class: "flex flex-row justify-center items-center space-x-2 hover:underline",
+          to: "https://gitea.bubbletea.dev/shibao/memex/issues/new",
+          target: "_blank",
+          rel: "noopener noreferrer" do %>
+        <p><%= gettext("Report bugs or request features") %></p>
+        <i class="fas fa-md fa-spider"></i>
+      <% end %>
+    </li>
   </ul>
 </div>

lib/memex_web/live/note_live/show.html.heex

@@ -37,4 +37,5 @@
 
 <span>
   <%= live_patch("Edit", to: Routes.note_show_path(@socket, :edit, @note), class: "button") %>
-</span> | <span><%= live_redirect("Back", to: Routes.note_index_path(@socket, :index)) %></span>
+</span>
+| <span><%= live_redirect("Back", to: Routes.note_index_path(@socket, :index)) %></span>

lib/memex_web/live/pipeline_live/show.html.heex

@@ -32,5 +32,5 @@
 
 <span>
   <%= live_patch("Edit", to: Routes.pipeline_show_path(@socket, :edit, @pipeline), class: "button") %>
-</span> |
-<span><%= live_redirect("Back", to: Routes.pipeline_index_path(@socket, :index)) %></span>
+</span>
+| <span><%= live_redirect("Back", to: Routes.pipeline_index_path(@socket, :index)) %></span>