5 files changed, 45 insertions, 18 deletions

diff --git a/lib/lilnotes/config.ex b/lib/lilnotes/config.ex
index 4e358b6..071f752 100644
--- a/lib/lilnotes/config.ex
+++ b/lib/lilnotes/config.ex
@@ -7,8 +7,12 @@ defmodule LilNotes.Config do
     "ThatComputerBoy"
   end
 
-  def get_tenant_username do
-    "robin"
+  def get_url do
+    "https://geheimesite.nl"
+  end
+
+  def get_bio do
+    "I'm Robin Boers, but my friends call me Robijntje. I'm a 15-year old frontend designer and Elixir developer from the Netherlands. This is my microblog. "
   end
 
   def get_tenant_profile_picture_url do
diff --git a/lib/lilnotes_web/components/core_components.ex b/lib/lilnotes_web/components/core_components.ex
index 5f8f49a..8f64ef5 100644
--- a/lib/lilnotes_web/components/core_components.ex
+++ b/lib/lilnotes_web/components/core_components.ex
@@ -243,7 +243,7 @@ defmodule LilNotesWeb.CoreComponents do
         <% end %>
       </p>
 
-      <div class="p-summary e-content text-xl">
+      <div class="p-summary e-content text-xl opacity-85">
         <%= render_slot(@inner_block) %>
       </div>
 
@@ -253,7 +253,7 @@ defmodule LilNotesWeb.CoreComponents do
         </a>
 
         <span class="tags">
-          <span :for={tag <- @tags} class="p-category">#<%= tag %> </span>
+          <span :for={tag <- @tags} class="p-category ml-2">#<%= tag %></span>
         </span>
       </p>
     </article>
diff --git a/lib/lilnotes_web/components/layouts/app.html.heex b/lib/lilnotes_web/components/layouts/app.html.heex
index ebdb9a3..b0ffaca 100644
--- a/lib/lilnotes_web/components/layouts/app.html.heex
+++ b/lib/lilnotes_web/components/layouts/app.html.heex
@@ -1,16 +1,30 @@
 <header class="flex items-center justify-center border-b bg-white border-zinc-100 py-3 text-sm shadow-sm pb-6">
-  <a class="flex items-center gap-4" href={~p"/"}>
-    <img
-      class="rounded-full aspect-square object-cover w-16 h-auto"
-      src={LilNotes.Config.get_tenant_profile_picture_url()}
-    />
-    <hgroup>
-      <h1 class="text-xl font-bold">
-        <%= LilNotes.Config.get_blog_name() %>
-      </h1>
-      <p>@<%= LilNotes.Config.get_tenant_username() %></p>
-    </hgroup>
-  </a>
+  <div>
+    <div class="flex items-center gap-4">
+      <img
+        class="rounded-lg aspect-square object-cover w-28 h-auto"
+        src={LilNotes.Config.get_tenant_profile_picture_url()}
+      />
+      <hgroup>
+        <a href={~p"/"}>
+          <h1 class="text-xl font-bold">
+            <%= LilNotes.Config.get_blog_name() %>
+          </h1>
+        </a>
+        <p>
+          <a href={LilNotes.Config.get_url()} class="font-semibold text-vivid hover:underline">
+            <%= LilNotes.Config.get_url() %>
+          </a>
+        </p>
+
+        <p class="mt-2 max-w-[60ch]">
+      <%= LilNotes.Config.get_bio() %>
+    </p>
+      </hgroup>
+    </div>
+
+    
+  </div>
 </header>
 <main class="px-4 py-20 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-2xl">
diff --git a/lib/lilnotes_web/live/post_live/form_component.ex b/lib/lilnotes_web/live/post_live/form_component.ex
index d6b0096..4087c24 100644
--- a/lib/lilnotes_web/live/post_live/form_component.ex
+++ b/lib/lilnotes_web/live/post_live/form_component.ex
@@ -36,7 +36,12 @@ defmodule LilNotesWeb.PostLive.FormComponent do
         <.input field={@form[:title]} type="text" label="Title" />
         <.input field={@form[:content]} type="textarea" label="Content" />
 
-        <.input field={@form[:tags]} type="text" label="Tags (comma-seperated)" value={@form[:tags].value |> Enum.join(",")} />
+        <.input
+          field={@form[:tags]}
+          type="text"
+          label="Tags (comma-seperated)"
+          value={format_comma_seperated_list(@form[:tags])}
+        />
 
         <.input field={@form[:slug]} type="text" label="Slug" />
 
@@ -48,6 +53,10 @@ defmodule LilNotesWeb.PostLive.FormComponent do
     """
   end
 
+  defp format_comma_seperated_list(form_field) do
+    Enum.join(form_field.value || [], ",")
+  end
+
   @impl true
   def update(%{post: post} = assigns, socket) do
     changeset = Blog.change_post(post)
diff --git a/lib/lilnotes_web/live/post_live/index.ex b/lib/lilnotes_web/live/post_live/index.ex
index 9efa77c..7514d5a 100644
--- a/lib/lilnotes_web/live/post_live/index.ex
+++ b/lib/lilnotes_web/live/post_live/index.ex
@@ -28,7 +28,7 @@ defmodule LilNotesWeb.PostLive.Index do
 
   defp apply_action(socket, :index, _params) do
     socket
-    |> assign(:page_title, "Listing Posts")
+    |> assign(:page_title, "My posts")
     |> assign(:post, nil)
   end