Clean up footer and add version

src/invidious.cr

@@ -90,6 +90,8 @@ YT_URL          = URI.parse("https://www.youtube.com")
 REDDIT_URL      = URI.parse("https://www.reddit.com")
 LOGIN_URL       = URI.parse("https://accounts.google.com")
 TEXTCAPTCHA_URL = URI.parse("http://textcaptcha.com/omarroth@hotmail.com.json")
+CURRENT_COMMIT  = `git rev-list HEAD --max-count=1 --abbrev-commit`.strip
+CURRENT_VERSION = `git describe --tags $(git rev-list --tags --max-count=1)`.strip
 
 LOCALES = {
   "ar"    => load_locale("ar"),
@@ -119,6 +121,12 @@ config.video_threads.times do |i|
   end
 end
 
+# stats = Statistics.new
+# if config.statistics
+#   spawn do
+#   end
+# end
+
 top_videos = [] of Video
 if config.top_enabled
   spawn do

src/invidious/views/subscriptions.ecr

@@ -72,7 +72,7 @@ function mark_watched(target) {
 }
 </script>
 
-<div class="pure-g">
+<div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-1-5">
     <% if page >= 2 %>
         <a href="/feed/subscriptions?max_results=<%= max_results %>&page=<%= page - 1 %>">

src/invidious/views/template.ecr

@@ -100,34 +100,30 @@
         </div>
       </div>
       <%= content %>
+      <div class="h-box">
+        <hr>
+      </div>
       <div class="footer">
-        <p>
+        <div class="pure-g">
-          <a href="https://github.com/omarroth">
+          <div class="pure-u-1 pure-u-md-1-3">
-            <%= translate(locale, "Released under the AGPLv3 by Omar Roth.") %>
+            <a href="https://github.com/omarroth/invidious">
-          </a>
+              <%= translate(locale, "Released under the AGPLv3 by Omar Roth.") %>
-        </p>
+            </a>
-        <p>
+          </div>
-          <a href="https://github.com/omarroth/invidious">
+          <div class="pure-u-1 pure-u-md-1-3"><%= translate(locale, "BTC: ") %>356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY</div>
-            <%= translate(locale, "Source available here.") %>
+          <div class="pure-u-1 pure-u-md-1-3"><%= translate(locale, "BCH: ") %>qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk</div>
-          </a>
+          <div class="pure-u-1 pure-u-md-1-3">
-        </p>
+            <a href="https://liberapay.com/omarroth"><%= translate(locale, "Liberapay") %></a>
-        <p><%= translate(locale, "Liberapay: ") %>
+             / 
-          <a href="https://liberapay.com/omarroth">
+            <a href="https://patreon.com/omarroth"><%= translate(locale, "Patreon") %></a>
-            https://liberapay.com/omarroth
+          </div>
-          </a>
+          <div class="pure-u-1 pure-u-md-1-3">
-        </p>
+            <a rel="jslicense" href="/licenses">
-        <p><%= translate(locale, "Patreon: ") %>
+              <%= translate(locale, "View JavaScript license information.") %>
-          <a href="https://patreon.com/omarroth">
+            </a>
-            https://patreon.com/omarroth
+          </div>
-          </a>
+          <div class="pure-u-1 pure-u-md-1-3"><%= translate(locale, "Current version: ") %> <%= CURRENT_VERSION %>-<%= CURRENT_COMMIT %></div>
-        </p>
+        </div>
-        <p><%= translate(locale, "BTC: ") %>356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY</p>
-        <p><%= translate(locale, "BCH: ") %>qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk</p>
-        <p>
-          <a rel="jslicense" href="/licenses">
-            <%= translate(locale, "View JavaScript license information.") %>
-          </a>
-        </p>
       </div>
     </div>
     <div class="pure-u-1 pure-u-md-2-24"></div>