diff --git a/lib/util.ex b/lib/util.ex
index 8bd3b9d..a402519 100644
--- a/lib/util.ex
+++ b/lib/util.ex
@@ -1,74 +1,86 @@
 defmodule Util do
 
+  defmodule Map do
+
+    def put_if_not_null(map, _key, nil) do
+      map
+    end
+
+    def put_if_not_null(map, key, value) do
+      Elixir.Map.put(map, key, value)
+    end
+
+  end
+
   def to_naive_date_time(naive = %NaiveDateTime{}), do: naive
   def to_naive_date_time(datetime = %DateTime{}), do: DateTime.to_naive(datetime)
   def to_naive_date_time(timestamp) when is_integer(timestamp) do
     timestamp
     |> to_date_time()
     |> to_naive_date_time()
   end
 
   def to_date_time(naive_or_timestamp, timezone \\ "Europe/Paris")
 
   def to_date_time(date = %DateTime{}, timezone) do
     DateTime.shift_zone!(date, timezone, Tzdata.TimeZoneDatabase)
   end
 
   def to_date_time(naive = %NaiveDateTime{}, timezone) do
     DateTime.from_naive!(naive, timezone, Tzdata.TimeZoneDatabase)
   end
 
   # todo: this is wrong.
   def to_date_time(timestamp, timezone) when is_integer(timestamp) do
     timestamp
     |> DateTime.from_unix!(:millisecond)
     |> DateTime.shift_zone!(timezone, Tzdata.TimeZoneDatabase)
   end
 
   def plusminus(number) when number > 0, do: "+#{number}"
   def plusminus(0), do: "0"
   def plusminus(number) when number < 0, do: "#{number}"
 
   def float_paparse(float) when is_float(float), do: {float, ""}
   def float_paparse(int) when is_integer(int), do: {(int+0.0), ""}
   def float_paparse(string) when is_binary(string) do
     string
     |> String.replace(",", ".")
     |> Float.parse()
   end
 
   def ets_mutate_select_each(ets, table, spec \\ [{:"$1", [], [:"$1"]}], fun) do
     ets.safe_fixtable(table, true)
     first = ets.select(table, spec, 1)
     do_ets_mutate_select_each(ets, table, fun, first)
   after
     ets.safe_fixtable(table, false)
   end
 
   defp do_ets_mutate_select_each(_, _, _, :'$end_of_table') do
     :ok
   end
 
   defp do_ets_mutate_select_each(ets, table, fun, {objs, continuation}) do
     for obj <- objs, do: fun.(table, obj)
     do_ets_mutate_select_each(ets, table, fun, ets.select(continuation))
   end
 
 
   def ets_mutate_each(ets, table, fun) do
     ets.safe_fixtable(table, true)
     first = ets.first(table)
     do_ets_mutate_each(ets, table, fun, first)
   after
     ets.safe_fixtable(table, false)
   end
 
   defp do_ets_mutate_each(ets, table, fun, key) do
     case ets.lookup(table, key) do
       [elem] -> fun.(table, elem)
       _ -> nil
     end
     do_ets_mutate_each(ets, table, fun, ets.next(table, key))
   end
 
 end
diff --git a/lib/web/controllers/irc_controller.ex b/lib/web/controllers/irc_controller.ex
index e87382b..a78582e 100644
--- a/lib/web/controllers/irc_controller.ex
+++ b/lib/web/controllers/irc_controller.ex
@@ -1,101 +1,101 @@
 defmodule NolaWeb.IrcController do
   use NolaWeb, :controller
 
   plug NolaWeb.ContextPlug
 
   def index(conn, params) do
     network = Map.get(params, "network")
     channel = if c = Map.get(params, "chan"), do: NolaWeb.reformat_chan(c)
     commands = for mod <- Enum.uniq([Nola.Plugins.Account] ++ Nola.Plugins.enabled()) do
       if is_atom(mod) do
         identifier = Module.split(mod) |> List.last |> Macro.underscore
-        {identifier, mod.irc_doc()}
+        if Kernel.function_exported?(mod, :irc_doc, 0), do: {identifier, mod.irc_doc()}
       end
     end
     |> Enum.filter(& &1)
     |> Enum.filter(fn({_, doc}) -> doc end)
     members = cond do
       network && channel -> Enum.map(Nola.UserTrack.channel(network, channel), fn(tuple) -> Nola.UserTrack.User.from_tuple(tuple) end)
       true ->
         Nola.Membership.of_account(conn.assigns.account)
     end
     render conn, "index.html", network: network, commands: commands, channel: channel, members: members
   end
 
   def txt(conn, %{"name" => name}) do
     if String.contains?(name, ".txt") do
       name = String.replace(name, ".txt", "")
       data = data()
       if Map.has_key?(data, name) do
         lines = Enum.join(data[name], "\n")
         text(conn, lines)
       else
         conn
         |> put_status(404)
         |> text("Not found")
       end
     else
       do_txt(conn, name)
     end
   end
   def txt(conn, _), do: do_txt(conn, nil)
 
 
   defp do_txt(conn, nil) do
     doc = Nola.Plugins.Txt.irc_doc()
     data = data()
     main = Enum.filter(data, fn({trigger, _}) -> !String.contains?(trigger, ".") end) |> Enum.into(Map.new)
     system = Enum.filter(data, fn({trigger, _}) -> String.contains?(trigger, ".") end) |> Enum.into(Map.new)
     lines = Enum.reduce(main, 0, fn({_, lines}, acc) -> acc + Enum.count(lines) end)
     conn
     |> assign(:title, "txt")
     |> render("txts.html", data: main, doc: doc, files: Enum.count(main), lines: lines, system: system)
   end
 
   defp do_txt(conn, txt) do
     data = data()
     base_url = cond do
       conn.assigns[:chan] -> "/#{conn.assigns.network}/#{NolaWeb.format_chan(conn.assigns.chan)}"
       true -> "/-"
     end
     if lines = Map.get(data, txt) do
       lines = Enum.map(lines, fn(line) ->
         line
         |> String.split("\\\\")
         |> Enum.intersperse(Phoenix.HTML.Tag.tag(:br))
       end)
       conn
       |> assign(:breadcrumbs, [{"txt", "#{base_url}/txt"}])
       |> assign(:title, "#{txt}.txt")
       |> render("txt.html", name: txt, data: lines, doc: nil)
     else
       conn
       |> put_status(404)
       |> text("Not found")
     end
   end
 
   defp data() do
     dir = Application.get_env(:nola, :data_path) <> "/irc.txt/"
     Path.wildcard(dir <> "/*.txt")
     |> Enum.reduce(%{}, fn(path, m) ->
       path = String.split(path, "/")
       file = List.last(path)
       key = String.replace(file, ".txt", "")
       data = dir <> file
       |> File.read!
       |> String.split("\n")
       |> Enum.reject(fn(line) ->
         cond do
           line == "" -> true
           !line -> true
           true -> false
         end
       end)
       Map.put(m, key, data)
     end)
     |> Enum.sort
     |> Enum.into(Map.new)
   end
 
 end
diff --git a/lib/web/live/chat_live.ex b/lib/web/live/chat_live.ex
index 8a9f6f2..6902250 100644
--- a/lib/web/live/chat_live.ex
+++ b/lib/web/live/chat_live.ex
@@ -1,120 +1,121 @@
 defmodule NolaWeb.ChatLive do
   use Phoenix.LiveView
   use Phoenix.HTML
   require Logger
 
   def mount(%{"network" => network, "chan" => chan}, %{"account" => account_id}, socket) do
     chan = NolaWeb.reformat_chan(chan)
     connection = Nola.Irc.Connection.get_network(network, chan)
     account = Nola.Account.get(account_id)
-    membership = Nola.Membership.of_account(Nola.Account.get("DRgpD4fLf8PDJMLp8Dtb"))
+    membership = Nola.Membership.of_account(Nola.Account.get(account.id))
     if account && connection && Enum.member?(membership, {connection.network, chan}) do
       {:ok, _} = Registry.register(Nola.PubSub, "#{connection.network}:events", plugin: __MODULE__)
       for t <- ["messages", "triggers", "outputs", "events"] do
         {:ok, _} = Registry.register(Nola.PubSub, "#{connection.network}/#{chan}:#{t}", plugin: __MODULE__)
       end
 
       Nola.Irc.PuppetConnection.start(account, connection)
 
       users = Nola.UserTrack.channel(connection.network, chan)
       |> Enum.map(fn(tuple) -> Nola.UserTrack.User.from_tuple(tuple) end)
       |> Enum.reduce(Map.new, fn(user = %{id: id}, acc) ->
         Map.put(acc, id, user)
       end)
 
       backlog = case Nola.Plugins.Buffer.select_buffer(connection.network, chan) do
                   {backlog, _} ->
                     {backlog, _} = Enum.reduce(backlog, {backlog, nil}, &reduce_contextual_event/2)
                     Enum.reverse(backlog)
         _ -> []
       end
 
       socket = socket
       |> assign(:connection_id, connection.id)
       |> assign(:network, connection.network)
       |> assign(:chan, chan)
       |> assign(:title, "live")
       |> assign(:channel, chan)
       |> assign(:account_id, account.id)
       |> assign(:backlog, backlog)
       |> assign(:users, users)
       |> assign(:counter, 0)
 
       {:ok, socket}
     else
       {:ok, redirect(socket, to: "/")}
     end
   end
 
   def handle_event("send", %{"message" => %{"text" => text}}, socket) do
     account = Nola.Account.get(socket.assigns.account_id)
     Nola.Irc.send_message_as(account, socket.assigns.network, socket.assigns.channel, text, true)
     {:noreply, assign(socket, :counter, socket.assigns.counter + 1)}
   end
 
   def handle_info({:irc, :event, event = %{type: :join, user_id: id}}, socket) do
     if user = Nola.UserTrack.lookup(id) do
       socket = socket
       |> assign(:users, Map.put(socket.assigns.users, id, user))
       |> append_to_backlog(event)
       {:noreply, socket}
     else
       {:noreply, socket}
     end
   end
 
   def handle_info({:irc, :event, event = %{type: :nick, user_id: id, nick: nick}}, socket) do
     socket = socket
     |> assign(:users, update_in(socket.assigns.users, [id, :nick], nick))
     |> append_to_backlog(event)
     {:noreply, socket}
   end
 
   def handle_info({:irc, :event, event = %{type: :quit, user_id: id}}, socket) do
     socket = socket
     |> assign(:users, Map.delete(socket.assigns.users, id))
     |> append_to_backlog(event)
     {:noreply, socket}
   end
 
   def handle_info({:irc, :event, event = %{type: :part, user_id: id}}, socket) do
     socket = socket
     |> assign(:users, Map.delete(socket.assigns.users, id))
     |> append_to_backlog(event)
     {:noreply, socket}
   end
 
   def handle_info({:irc, :trigger, _, message}, socket) do
     handle_info({:irc, nil, message}, socket)
   end
 
-  def handle_info({:irc, :text, message}, socket) do
-    IO.inspect({:live_message, message})
+  # type is text, out, or nil if it's self?
+  def handle_info({:irc, type, message = %Nola.Message{}}, socket) do
+    IO.inspect({:live_message, type, message})
     socket = socket
     |> append_to_backlog(message)
     {:noreply, socket}
   end
 
   def handle_info(info, socket) do
     Logger.debug("Unhandled info: #{inspect info}")
     {:noreply, socket}
   end
 
   defp append_to_backlog(socket, line) do
     {add, _} = reduce_contextual_event(line, {[], List.last(socket.assigns.backlog)})
     assign(socket, :backlog, socket.assigns.backlog ++ add)
   end
 
   defp reduce_contextual_event(line, {acc, nil}) do
     {[line | acc], line}
   end
   defp reduce_contextual_event(line, {acc, last}) do
     if NaiveDateTime.to_date(last.at) != NaiveDateTime.to_date(line.at) do
       {[%{type: :day_changed, date: NaiveDateTime.to_date(line.at), at: nil}, line | acc], line}
        else
          {[line | acc], line}
       end
 
   end
 
 end
diff --git a/lib/web/live/chat_live.html.heex b/lib/web/live/chat_live.html.heex
index 470604f..c3bb030 100644
--- a/lib/web/live/chat_live.html.heex
+++ b/lib/web/live/chat_live.html.heex
@@ -1,91 +1,91 @@
 <div class="chat" data-turbo="false">
 
   <div class="py-4 px-4 bg-gradient-to-b from-black to-gray-900">
     <div class="grid grid-cols-2">
       <h1 class="text-gray-50 tracking-tight font-extrabold text-xl">
         <%= @network %>
         <span class="font-bold"><%= @chan %></span>
       </h1>
       <div class="text-right">
         <a href="/" class="text-gray-400"><%= @account_id %></a>
       </div>
     </div>
   </div>
 
   <div class="body">
 
     <div class="log">
       <p class="disconnected text-center text-6xl tracking-tight font-extrabold text-red-800 w-full my-24 mx-auto overflow-y-auto">
         Disconnected <span class="text-mono">:'(</span>
       </p>
       <p class="phx-errored text-center text-6xl tracking-tight font-extrabold text-red-800 w-full my-24 mx-auto overflow-y-auto">
         Oh no error <span class="text-mono">>:(</span>
       </p>
 
       <ul class="pt-4 pl-4">
           <%= for message <- @backlog do %>
               <%= if is_map(message) && Map.get(message, :__struct__) == Nola.Message do %>
               <li class="flex gap-2 place-items-center message"
-                  data-account-id={message.account.id}>
+                  data-account-id={if(message.account, do: message.account.id, else: "bot")}>
                 <NolaWeb.MessageComponent.content
                   message={message}
-                      self={message.account.id == @account_id}
+                      self={message.account && message.account.id == @account_id}
                       text={message.text}
                       />
                 </li>
               <% end %>
 
               <%= if is_binary(message) do %>
                 <li class="notice"><%= message %></li>
               <% end %>
 
               <%= if is_map(message) && Map.get(message, :type) do %>
                 <li class="flex gap-2 place-items-center event">
                   <NolaWeb.Component.naive_date_time_utc datetime={message.at} format="time-24-with-seconds" />
                     <span class="inline-block font-bold flex-none cursor-default text-gray-700">*&nbsp;*&nbsp;*</span>
                     <span class="inline-block flex-grow cursor-default text-gray-700">
                       <NolaWeb.EventComponent.content event={message}
                                                      self={@users[message.user_id] && @users[message.user_id].account == @account_id}
                                                      user={@users[message.user_id]}
                                                      />
                     </span>
                   </li>
               <% end %>
           <% end %>
         </ul>
     </div>
 
     <aside>
       <%= for {_, user} <- @users do %>
           <details class="user dropdown">
             <summary><%= user.nick %></summary>
             <div class="content">
               <h3 class="text-xl font-bold"><%= user.nick %></h3>
 
               <ul class="mt-4 space-y-2">
                 <li class="">User: <span class="font-bold"><%= user.username %></span></li>
                 <li class="">Name: <%= user.realname || user.nick %></li>
                 <li class="">Host: <span class="font-mono"><%= user.host %></span></li>
               </ul>
 
               <div class="mt-4 font-xs text-gray-300 text-center">
                 UID: <%= user.id %>
                 <br />
                 AID: <%= user.account %>
               </div>
             </div>
           </details>
       <% end %>
     </aside>
 
   </div>
 
   <.form let={f} id={"form-#{@counter}"} for={:message} phx-submit="send" class="w-full px-4 pt-4">
     <div>
       <div class="mt-1 flex rounded-md shadow-sm border border-gray-300">
           <%= text_input f, :text, class: "focus:ring-indigo-500 focus:border-indigo-500 block w-full border rounded-md pl-4 sm:text-sm border-gray-300", autofocus: true, 'phx-hook': "AutoFocus", autocomplete: "off", placeholder: "Don't be shy, say something…" %>
           <%= submit content_tag(:span, "Send"), class: "-ml-px relative inline-flex items-center space-x-2 px-4 py-2 border border-gray-300 text-sm font-medium rounded-r-md text-gray-700 bg-gray-50 hover:bg-gray-100 focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500"%>
       </div>
     </div>
   </.form>
 </div>
diff --git a/lib/web/templates/layout/app.html.eex b/lib/web/templates/layout/app.html.eex
index b3199e2..99dbe9e 100644
--- a/lib/web/templates/layout/app.html.eex
+++ b/lib/web/templates/layout/app.html.eex
@@ -1,129 +1,129 @@
 <div>
   <div class="bg-gray-800 pb-32">
     <nav class="bg-gray-800">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
         <div class="border-b border-gray-700">
           <div class="flex items-center justify-between h-16 px-4 sm:px-0">
             <div class="flex items-center">
               <div class="flex-shrink-0">
                 <img class="h-8 w-8" src="https://tailwindui.com/img/logos/workflow-mark-on-dark.svg" alt="Workflow logo">
               </div>
               <div class="hidden md:block">
                 <div class="ml-10 flex items-baseline">
                   <a href="/" class="px-3 py-2 rounded-md text-sm font-medium text-white bg-gray-900 focus:outline-none focus:text-white focus:bg-gray-700"><%= Nola.name() %></a>
                   <!--<a href="#" class="ml-4 px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">Team</a>
                   <a href="#" class="ml-4 px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">Projects</a>
                   <a href="#" class="ml-4 px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">Calendar</a>
                   <a href="#" class="ml-4 px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">Reports</a>-->
                 </div>
               </div>
             </div>
             <div class="hidden md:block">
               <div class="ml-4 flex items-center md:ml-6">
                 <!--<button class="p-1 border-2 border-transparent text-gray-400 rounded-full hover:text-white focus:outline-none focus:text-white focus:bg-gray-700" aria-label="Notifications">
                   <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
                   </svg>
                 </button>-->
                 <!-- Profile dropdown -->
                 <div class="ml-3 relative">
                   <div>
                     <button class="max-w-xs flex items-center text-sm rounded-full text-white focus:outline-none focus:shadow-solid" id="user-menu" aria-label="User menu" aria-haspopup="true">
                       <!--<img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">-->
               ~<%= if @conn.assigns[:account], do: @conn.assigns.account.name %>
 
                     </button>
                   </div>
                   <!--
                     Profile dropdown panel, show/hide based on dropdown state.
 
                     Entering: "transition ease-out duration-100"
                       From: "transform opacity-0 scale-95"
                       To: "transform opacity-100 scale-100"
                     Leaving: "transition ease-in duration-75"
                       From: "transform opacity-100 scale-100"
                       To: "transform opacity-0 scale-95"
                   -->
                   <!--<div class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg">
                     <div class="py-1 rounded-md bg-white shadow-xs">
                       <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Your Profile</a>
                       <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Settings</a>
                       <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Sign out</a>
                     </div>
                   </div>-->
                 </div>
               </div>
             </div>
             <div class="-mr-2 flex md:hidden">
               <!-- Mobile menu button -->
               <button class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:bg-gray-700 focus:text-white">
                 <!-- Menu open: "hidden", Menu closed: "block" -->
                 <svg class="block h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                 </svg>
                 <!-- Menu open: "block", Menu closed: "hidden" -->
                 <svg class="hidden h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                 </svg>
               </button>
             </div>
           </div>
         </div>
       </div>
 
       <!--
         Mobile menu, toggle classes based on menu state.
 
         Open: "block", closed: "hidden"
       -->
       <div class="hidden border-b border-gray-700 md:hidden">
         <div class="px-2 py-3 sm:px-3">
           <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-gray-900 focus:outline-none focus:text-white focus:bg-gray-700">Dashboard</a>
           <a href="#" class="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">Team</a>
           <a href="#" class="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">Projects</a>
           <a href="#" class="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">Calendar</a>
           <a href="#" class="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">Reports</a>
         </div>
         <div class="pt-4 pb-3 border-t border-gray-700">
           <div class="flex items-center px-5">
             <div class="flex-shrink-0">
               <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
             </div>
             <div class="ml-3">
               <div class="text-base font-medium leading-none text-white">Tom Cook</div>
               <div class="mt-1 text-sm font-medium leading-none text-gray-400">tom@example.com</div>
             </div>
           </div>
           <div class="mt-3 px-2" role="menu" aria-orientation="vertical" aria-labelledby="user-menu">
             <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700" role="menuitem">Your Profile</a>
             <a href="#" class="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700" role="menuitem">Settings</a>
             <a href="#" class="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700" role="menuitem">Sign out</a>
           </div>
         </div>
       </div>
     </nav>
     <header class="py-10">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <h1 class="text-3xl leading-9 font-bold text-white">
             <%= if n = @conn.assigns[:network] do %><a href="/<%= n %>"><%= n %></a> &rsaquo; <% end %>
             <%= if c = @conn.assigns[:chan] do %><a href="/<%= @conn.assigns.network %>/<%= NolaWeb.format_chan(c) %>"><%= c %></a> &rsaquo; <% end %>
             <%= for({name, href} <- Enum.uniq(@conn.assigns[:breadcrumbs]||[]), do: [link(name, to: href), raw(" &rsaquo; ")]) %>
             <%= @conn.assigns[:title] %>
         </h1>
       </div>
     </header>
   </div>
 
   <main class="-mt-32 h-full">
     <div class="max-w-7xl h-full mx-auto pb-12 px-4 sm:px-6 lg:px-8">
       <!-- Replace with your content -->
       <div class="bg-white h-full rounded-lg shadow px-5 py-6 sm:px-6">
         <%= @inner_content %>
       </div>
       <div mt-4 text-grey text-small">
-        v<%= Nola.version() %> <a href="<%= Nola.source_url() %>">source</a>
+        v<%= Nola.version() %> &mdash; <a href="<%= Nola.source_url() %>">source</a>
       </div>
       <!-- /End replace -->
     </div>
   </main>
 </div>