Add config to add custom text in the footer

Co-authored-by: Aural Glow <125497673+auralglow@users.noreply.github.com>

assets/css/default.css

@@ -487,7 +487,7 @@ footer a {
   color: #919191;
 }
 
-.footer-content #about-invidious-description > b {
+.footer-content #footer-custom-text > b {
   font-size: 30px;
 }
 
@@ -519,7 +519,7 @@ footer a {
 }
 
 @media screen and (max-width: 929px) {
-  #about-invidious-description {
+  #footer-custom-text {
     display: none;
   }
 }
@@ -600,7 +600,7 @@ span > select {
   color: #7c7c7c !important;
 }
 
-.light-theme footer #about-invidious-description > b {
+.light-theme footer #footer-custom-text > b {
   color: #565D64;
 }
 
@@ -648,7 +648,7 @@ span > select {
     color: #7c7c7c;
   }
   
-  .no-theme footer #about-invidious-description > b {
+  .no-theme footer #footer-custom-text > b {
     color: #565D64;
   }
 
@@ -726,7 +726,7 @@ body.dark-theme {
   color: #313131;
 } 
 
-.dark-theme .footer-content #about-invidious-description > b {
+.dark-theme .footer-content #footer-custom-text > b {
   color: #ccc;
 }
 
@@ -790,7 +790,7 @@ body.dark-theme {
     color: #313131;
   }
 
-  .no-theme footer #about-invidious-description > b {
+  .no-theme footer #footer-custom-text > b {
     color: #ccc;
   }
 }

config/config.example.yml

@@ -425,6 +425,18 @@ jobs:
 ##
 #banner:
 
+##
+## custom text displayed at the bottom of every page within Invidious' footer. This can
+## used for instance announcements, e.g
+##
+## When unset Invidious defaults to some text that describes what Invidious is. See
+## localization key default_invidious_footer_text 
+##
+## Accepted values: any string. HTML is accepted.
+## Default: <none>
+##
+#footer:
+
 ##
 ## Source code URL. If your instance is running a modified source
 ## code, you MUST publish it somewhere and set this option.
@@ -440,7 +452,8 @@ jobs:
 ## Accepted values: Email
 ## Default: <none>
 ##
-# instance_maintainer_email: 
+# instance_maintainer_email:
+
 
 # -----------------------------
 #  Miscellaneous

locales/en-US.json

@@ -464,7 +464,7 @@
     "next_steps_error_message_refresh": "Refresh",
     "next_steps_error_message_go_to_youtube": "Go to YouTube",
 
-    "footer_invidious_project_description": "A free and open source frontend for Youtube that that respects your privacy! Now you can watch videos (ad-free), subscribe to channels, create playlist and much more all without the prying eyes of Google!",
+    "default_invidious_footer_text": "A free and open source frontend for Youtube that that respects your privacy! Now you can watch videos (ad-free), subscribe to channels, create playlist and much more all without the prying eyes of Google!",
     "footer_navigation_section_header": "Navigation",
     "footer_home_link": "Home",
     "footer_project_information_section_header": "Invidious",

src/invidious/config.cr

@@ -114,6 +114,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 text to be displayed within Invidious' footer. 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

@@ -139,9 +139,14 @@
         <div class="pure-u-1 pure-u-md-2-24"></div>
         <div class="h-box pure-u-1 pure-u-md-20-24" id="footer-content-container">
             <div class="pure-u-1 footer-content">
-                <div class="footer-section pure-u-1-4" id="about-invidious-description">
+                <div class="footer-section pure-u-1-4" id="footer-custom-text">
                     <b>Invidious</b>
-                    <p><%=translate(locale, "footer_invidious_project_description")%></p>
+                    <% if CONFIG.footer %>
+                        <p><%=CONFIG.footer%></p>
+                    <% else %>
+                        <p><%=translate(locale, "default_invidious_footer_text")%></p>
+                    <% end %>
+                    
                 </div>
                 <div class="footer-section">
                     <b class="footer-section-header"><%= translate(locale, "footer_navigation_section_header")%></b>