diff --git a/config/config.exs b/config/config.exs
index c5c5bd8..5b909f1 100644
--- a/config/config.exs
+++ b/config/config.exs
@@ -1,59 +1,59 @@
 # This file is responsible for configuring your application
 # and its dependencies with the aid of the Mix.Config module.
 #
 # This configuration file is loaded before any dependency and
 # is restricted to this project.
 use Mix.Config
 
 config :logger, level: :debug
 config :logger, :console,
   format: "$date $time [$level$levelpad] $metadata$message\n",
   metadata: :all
 
 config :phoenix, :json_library, Jason
 
 # General application configuration
 config :nola,
   namespace: Nola
 
 config :nola, :data_path, "priv"
 
 config :nola, :brand,
   name: "Nola",
   source_url: "https://phab.random.sh/source/Nola/"
 
 config :ex_aws,
   region: "us-east-1",
   host: "s3.wasabisys.com",
   s3: [
     host: "s3.wasabisys.com",
     region: "us-east-1",
     scheme: "https://"
   ]
 
 # Configures the endpoint
 config :nola, NolaWeb.Endpoint,
   url: [host: "localhost"],
   secret_key_base: "cAFb7x2p/D7PdV8/C6Os18uygoD0FVQh3efNEFc5+5L529q3dofZtZye/BG12MRZ",
   render_errors: [view: NolaWeb.ErrorView, accepts: ~w(html json)],
   server: true,
   live_view: [signing_salt: "CHANGE_ME_FFS"],
   pubsub: [name: Nola.PubSub,
            adapter: Phoenix.PubSub.PG2]
 
 config :mime, :types, %{"text/event-stream" => ["sse"]}
 
-config :nola, Nola.IRC.LastFmHandler,
+config :nola, :lastfm,
   api_key: "x",
   api_secret: "x"
 
-config :nola, Nola.IRC.YouTubeHandler,
+config :nola, :youtube,
   api_key: "x",
   invidious: "yewtu.be"
 
 config :mnesia,
   dir: '.mnesia/#{Mix.env}/#{node()}'
 
 # Import environment specific config. This must remain at the bottom
 # of this file so it overrides the configuration defined above.
 import_config "#{Mix.env}.exs"
diff --git a/lib/irc/conns.ex b/lib/irc/conns.ex
deleted file mode 100644
index b0e5d3c..0000000
--- a/lib/irc/conns.ex
+++ /dev/null
@@ -1,3 +0,0 @@
-defmodule IRC.Conns do
-
-end
diff --git a/lib/web/templates/layout/app.html.eex b/lib/web/templates/layout/app.html.eex
index c774369..b3199e2 100644
--- a/lib/web/templates/layout/app.html.eex
+++ b/lib/web/templates/layout/app.html.eex
@@ -1,126 +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>
+      </div>
       <!-- /End replace -->
     </div>
   </main>
 </div>