feat: Add custom text at the bottom (footer) - contact a maintainer (#3826)

Closes https://github.com/iv-org/invidious/issues/3714

* Add footer banner message support

* Little me forgot to change the elements on both sides

* Found a way to make the footer accessible while also being cute

* Thank you @realcharmer for the suggested changes

Co-authored-by: Emil Miler <118818237+realcharmer@users.noreply.github.com>

---------

Co-authored-by: Emil Miler <118818237+realcharmer@users.noreply.github.com>

config/config.example.yml

@@ -516,6 +516,16 @@ jobs:
 ##
 #banner:
 
+##
+## Custom footer displayed on the bottom of every page.
+## Similar to the banner option but at the bottom of the page
+## Useful for putting contact info of a/the maintainer for example.
+##
+## Accepted values: any string. HTML is accepted.
+## Default: <none>
+##
+#footer:
+
 ##
 ## Subscribe to channels using PubSubHub (Google PubSubHubbub service).
 ## PubSubHub allows Invidious to be instantly notified when a new video

src/invidious/config.cr

@@ -147,6 +147,8 @@ class Config
   property cache_annotations : Bool = false
   # Optional banner to be displayed along top of page for announcements, etc.
   property banner : String? = nil
+  # Optional footer banner to be displayed along the bottom of the page. Can be used for maintainer contact info, etc.
+  property footer : String? = nil
   # Enables 'Strict-Transport-Security'. Ensure that `domain` and all subdomains are served securely
   property hsts : Bool? = true
   # Disable proxying server-wide: options: 'dash', 'livestreams', 'downloads', 'local'

src/invidious/views/template.ecr

@@ -170,6 +170,11 @@
                         </span>
                     </div>
                 </div>
+                <% if CONFIG.footer %>
+                    <div class="h-box v-box" id="footer-info">
+                        <%= CONFIG.footer %>
+                    </div>
+                <% end %>
             </footer>
 
         </div>