diff --git a/customize.dist/pages/index.js b/customize.dist/pages/index.js index bd1b9a5e9..dcbde792e 100644 --- a/customize.dist/pages/index.js +++ b/customize.dist/pages/index.js @@ -191,6 +191,23 @@ define([ locationBlock = h('div', h('br')); // XXX } + Msg.home_morestorage = 'For more storage space, and to support the project:'; // XXX + + var subButton = function () { + if (Pages.areSubscriptionsAllowed()) { + sub = h('div.cp-sub-prompt', [ + h('span', Msg.home_morestorage), + h('br'), + h('button', Msg.features_f_subscribe), + h('button', Msg.footer_donate) + ]); + return sub; + } else { + return h('div'); + } + }; + + return [ h('div#cp-main', [ Pages.infopageTopbar(), @@ -202,7 +219,7 @@ define([ 'aria-hidden': 'true', alt: '' }), - h('h1', Pages.Instance.name), + h('h1.cp-instance-title', Pages.Instance.name), UI.setHTML(h('span.tag-line'), Pages.Instance.description), locationBlock, termsLink, @@ -219,9 +236,12 @@ define([ icons, ]) ]), - h('a.cp-app-drive', {'href': '/drive/'}, [ // XXX check this is correct - h('i.fa.fa-hdd-o', {'aria-hidden': 'true'}), - 'Drive: 1GB' // XXX DB TODO: Use instance default storage + h('div.cp-app-drive', [ + h('a.cp-drive-btn', {'href': '/drive/'}, [ + h('i.fa.fa-hdd-o', {'aria-hidden': 'true'}), + Msg.team_cat_drive + ]), + subButton ]) ]) ]), diff --git a/customize.dist/src/less2/pages/page-index.less b/customize.dist/src/less2/pages/page-index.less index faedf47fc..0c306c4c9 100644 --- a/customize.dist/src/less2/pages/page-index.less +++ b/customize.dist/src/less2/pages/page-index.less @@ -175,23 +175,37 @@ } } }); - a.cp-app-drive { - color: @cryptpad_text_col; - font-size: 1.5em; - display: inline-block; + .cp-app-drive { + display: flex; + flex-direction: row; margin: 20px 0px; - padding: 10px; - border-radius: @infopages-radius-L; - &:visited { + // font-size: 1.4rem; + a.cp-drive-btn { color: @cryptpad_text_col; + font-size: 1.5rem; + display: block; + height: min-content; + width: fit-content; + padding: 10px; + border-radius: @infopages-radius-L; + margin-right: 15px; + &:visited { + color: @cryptpad_text_col; + } + &:hover { + background-color: fade(@cryptpad_text_col, 10%); + } + i { + color: @cryptpad_color_brand; + margin-right: 10px; + font-size: 1.3em; + } } - &:hover { - background-color: fade(@cryptpad_text_col, 10%); - } - i { - color: @cryptpad_color_brand; - margin-right: 10px; - font-size: 1.3em; + .cp-sub-prompt { + button { + font-size: 1.4rem; + margin-top: 10px; + } } }