Add customizable notice on main page and in downloads list

app/ui/home.js

@@ -1,4 +1,5 @@
 const html = require('choo/html');
+const raw = require('choo/html/raw');
 const { list } = require('../utils');
 const archiveTile = require('./archiveTile');
 const modal = require('./modal');
@@ -16,7 +17,19 @@ module.exports = function(state, emit) {
   } else {
     left = archiveTile.empty(state, emit);
   }
+
+  if (archives.length > 0 && state.WEB_UI.DOWNLOAD_LIST_NOTICE_HTML) {
+    archives.push(html`
+      <p
+        class="w-full p-2 border-default dark:border-grey-70 rounded-default text-orange-60 bg-yellow-40 text-center leading-normal"
+      >
+        ${raw(state.WEB_UI.DOWNLOAD_LIST_NOTICE_HTML)}
+      </p>
+    `);
+  }
+
   archives.reverse();
+
   const right =
     archives.length === 0
       ? intro(state)

app/ui/intro.js

@@ -1,6 +1,17 @@
 const html = require('choo/html');
+const raw = require('choo/html/raw');
 
 module.exports = function intro(state) {
+  const notice = state.WEB_UI.MAIN_NOTICE_HTML
+    ? html`
+        <p
+          class="w-full mt-8 p-2 border-default dark:border-grey-70 rounded-default text-orange-60 bg-yellow-40 text-center leading-normal"
+        >
+          ${raw(state.WEB_UI.MAIN_NOTICE_HTML)}
+        </p>
+      `
+    : '';
+
   return html`
     <send-intro
       class="flex flex-col items-center justify-center bg-white px-6 md:py-0 py-6 mb-0 h-full w-full dark:bg-grey-90"
@@ -12,6 +23,7 @@ module.exports = function intro(state) {
         <p class="max-w-sm leading-loose mt-6 md:mt-2 md:pr-14">
           ${state.translate('introDescription')}
         </p>
+        ${notice}
       </div>
     </send-intro>
   `;

server/clientConstants.js

@@ -15,7 +15,9 @@ module.exports = {
     FOOTER_SOURCE_URL: config.footer_source_url,
     CUSTOM_FOOTER_TEXT: config.custom_footer_text,
     CUSTOM_FOOTER_URL: config.custom_footer_url,
+    MAIN_NOTICE_HTML: config.main_notice_html,
     UPLOAD_AREA_WARNING_HTML: config.upload_area_warning_html,
+    DOWNLOAD_LIST_NOTICE_HTML: config.download_list_notice_html,
     DOWNLOAD_WARNING_HTML: config.download_warning_html,
     COLORS: {
       PRIMARY: config.ui_color_primary,

server/config.js

@@ -264,11 +264,21 @@ const conf = convict({
     default: '',
     env: 'CUSTOM_FOOTER_URL'
   },
+  main_notice_html: {
+    format: String,
+    default: '',
+    env: 'SEND_MAIN_NOTICE_HTML'
+  },
   upload_area_warning_html: {
     format: String,
     default: '',
     env: 'SEND_UPLOAD_AREA_WARNING_HTML'
   },
+  download_list_notice_html: {
+    format: String,
+    default: '',
+    env: 'SEND_DOWNLOAD_LIST_NOTICE_HTML'
+  },
   download_warning_html: {
     format: String,
     default: '',