diff --git a/app/main.css b/app/main.css index db3852fc..e9f17be4 100644 --- a/app/main.css +++ b/app/main.css @@ -167,6 +167,10 @@ footer li a:hover { width: auto; } +.text-underline { + text-decoration: underline; +} + .main { display: flex; position: relative; diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js index 9a22cdf5..fb14e54a 100644 --- a/app/ui/archiveTile.js +++ b/app/ui/archiveTile.js @@ -486,12 +486,12 @@ module.exports.empty = function(state, emit) { })} `; - const warning = state.WEB_UI.UPLOAD_AREA_WARNING_HTML + const uploadNotice = state.WEB_UI.UPLOAD_AREA_NOTICE_HTML ? html`
- ${raw(state.WEB_UI.UPLOAD_AREA_WARNING_HTML)} + ${raw(state.WEB_UI.UPLOAD_AREA_NOTICE_HTML)}
` : ''; @@ -536,7 +536,7 @@ module.exports.empty = function(state, emit) { > ${state.translate('addFilesButton')} - ${upsell} ${warning} + ${upsell} ${uploadNotice} `; @@ -569,12 +569,12 @@ module.exports.preview = function(state, emit) { ${archiveDetails(state.translate, archive)} `; - const warning = state.WEB_UI.DOWNLOAD_WARNING_HTML + const notice = state.WEB_UI.DOWNLOAD_NOTICE_HTML ? html`- ${raw(state.WEB_UI.DOWNLOAD_WARNING_HTML)} + ${raw(state.WEB_UI.DOWNLOAD_NOTICE_HTML)}
` : ''; @@ -594,7 +594,7 @@ module.exports.preview = function(state, emit) { > ${state.translate('downloadButtonLabel')} - ${warning} + ${notice} `; diff --git a/app/ui/home.js b/app/ui/home.js index cfa38564..63238266 100644 --- a/app/ui/home.js +++ b/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.UPLOADS_LIST_NOTICE_HTML) { + archives.push(html` ++ ${raw(state.WEB_UI.UPLOADS_LIST_NOTICE_HTML)} +
+ `); + } + archives.reverse(); + const right = archives.length === 0 ? intro(state) diff --git a/app/ui/intro.js b/app/ui/intro.js index c9181837..dc1a1627 100644 --- a/app/ui/intro.js +++ b/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` ++ ${raw(state.WEB_UI.MAIN_NOTICE_HTML)} +
+ ` + : ''; + return html`