CryptPad is built to enable collaboration, synchronizing in real time between users editing the same document, but has no access to the content of the document or data about users. Because all data is encrypted, the service and its administrators have no way of seeing the content being edited and stored.
Collaborating in real time on online documents is now a common thing. A range of well known internet platforms offer this service. In order to enable collaboration, these services synchronize changes between all users. In the process they gain access to the content of the document and to data about the behaviour of users. While these services are often advertised as "free", platforms monetise user data by using it to profile users and selling advertising.
'; // XXX + // XXX remove whatis_collaboration_p1, p2, p3 + + Msg.whatis_apps = "A full suite of applications"; // XXX + Msg.whatis_apps_info = "CryptPad provides a full-fledged office suite, with all the tools necessary for productive collaboration. Applications include: Rich Text, Spreadsheets, Code/Markdown, Kanban, Slides, Whiteboard and Polls.
A secure chat is available in each document for secure communication, [continue ...]
"; // XXX + // XXX remove all whatis_zeroknowledge keys + + Msg.whatis_drive_info = "Manage documents with CryptDrive. Create folders, shared folders, tags, [continue ...]
" // XXX + // XXX remove whatis_drive_p1, p2, p3 + + Msg.whatis_model = "Business model"; // XXX + Msg.whatis_model_info = "CryptPad is open source...
CryptPad does not profit from its users data. This is because being fully encrypted it does not gather any useful data that could be sold to profile users. This lack of data is a feature, not a bug, it is part of a vision for online services that respect users privacy. Instead of pretending to be \"free\" like the big platforms CryptPad aims to build a financially sustainable model: funded willingly by users instead of profiting form personal information.
Since 2016, CryptPad is supported by French and European research grants such as BPI France, NLNet Foundation, NGI Trust, Mozilla Open Source Support, as well as donations and subscriptions to the service. Now that the feasibility of the project has been established, the next goal is to make financially sustainable through user funding. If you would like to support CryptPad and help make it a sustainable alternative to the big platforms, please consider making a donation.
" // XXX + + Msg.whatis_xwiki = "Made at XWiki"; // XXX + Msg.whatis_xwiki_info = "CryptPad is made at XWiki, a company based in Paris that has been making open-source software for over 15 years. [continue ...]
" return function () { return h('div#cp-main', [ Pages.infopageTopbar(), - h('div.container-fluid.cp-what-is',[ - h('div.container',[ - h('div.row',[ - h('div.col-12.text-center', h('h1', Msg.whatis_title)), - ]), - ]), - ]), h('div.container.cp-container', [ - h('div.row.align-items-center', [ - h('div.col-12.col-sm-12.col-md-12.col-lg-6', [ + h('div.row.cp-page-title',[ + h('div.col-12.text-center', h('h1', Msg.whatis_title)), + ]), + h('div.row.cp-page-section', [ + h('div.col-md-6', [ Pages.setHTML(h('h2'), Msg.whatis_collaboration), - Pages.setHTML(h('p'), Msg.whatis_collaboration_p1), - Pages.setHTML(h('p'), Msg.whatis_collaboration_p2), - Pages.setHTML(h('p'), Msg.whatis_collaboration_p3), + Pages.setHTML(h('span'), Msg.whatis_collaboration_info), ]), - h('div.col-12.col-sm-12.col-md-12.col-lg-6', [ - h('img', { src: '/customize/images/pad_screenshot.png?' + urlArgs }), + h('div.col-md-6', [ + h('img', { + src: '/customize/images/collaboration.png?' + urlArgs + }), ]), ]), - h('div.row.align-items-center', [ - h('div.col-12.col-sm-12.col-md-12.col-lg-6.order-2', [ - Pages.setHTML(h('h2'), Msg.whatis_zeroknowledge), - Pages.setHTML(h('p'), Msg.whatis_zeroknowledge_p1), - Pages.setHTML(h('p'), Msg.whatis_zeroknowledge_p2), - Pages.setHTML(h('p'), Msg.whatis_zeroknowledge_p3), + h('div.row.cp-page-section', [ + h('div.col-md-6.order-md-2', [ + Pages.setHTML(h('h2'), Msg.whatis_apps), + Pages.setHTML(h('span'), Msg.whatis_apps_info), ]), - h('div.col-12.col-sm-12.col-md-12.col-lg-6.order-1', [ - h('img#zeroknowledge', { src: '/customize/images/zeroknowledge_small.png?' + urlArgs }), + h('div.col-md-6.order-md-1', [ + h('img', { + src: '/customize/images/apps-preview.png?' + urlArgs + }), ]), ]), - h('div.row.align-items-center', [ - h('div.col-12.col-sm-12.col-md-12.col-lg-6', [ + h('div.row.cp-page-section', [ + h('div.col-md-6', [ Pages.setHTML(h('h2'), Msg.whatis_drive), - Pages.setHTML(h('p'), Msg.whatis_drive_p1), - Pages.setHTML(h('p'), Msg.whatis_drive_p2), - Pages.setHTML(h('p'), Msg.whatis_drive_p3), + Pages.setHTML(h('spam'), Msg.whatis_drive_info), + ]), + h('div.col-md-6', [ + h('img.cp-shadow', { + src: '/customize/images/drive-grid.png?' + urlArgs + }), ]), - h('div.col-12.col-sm-12.col-md-12.col-lg-6', [ - h('img', { src: '/customize/images/drive_screenshot.png?' + urlArgs }), + ]), + h('div.row.cp-page-section', [ + h('div.col-md-6.order-md-2', [ + Pages.setHTML(h('h2'), Msg.whatis_model), + Pages.setHTML(h('span'), Msg.whatis_model_info), + h('button', [ + Msg.crowdfunding_button // XXX not functional + ]) + // XXX add link to subscription here on cryptpad.fr + ]), + h('div.col-md-6.order-md-1.small-logos', [ + h('img', { + src: '/customize/images/logo_ngi.png?' + urlArgs + }), + h('img', { + src: '/customize/images/logo_nlnet.svg?' + urlArgs + }), + h('img', { + src: '/customize/images/logo_bpifrance.svg?' + urlArgs + }), + h('img', { + src: '/customize/images/logo_moss.jpg?' + urlArgs + }), ]), ]), - h('div.row.align-items-center', [ - h('div.col-12', [ - Pages.setHTML(h('h2.text-center'), Msg.whatis_business), - Pages.setHTML(h('p'), Msg.whatis_business_p1), - Pages.setHTML(h('p'), Msg.whatis_business_p2), + // XXX XWiki info + h('div.row.cp-page-section', [ + h('div.col-md-6', [ + Pages.setHTML(h('h2'), Msg.whatis_xwiki), + Pages.setHTML(h('spam'), Msg.whatis_xwiki_info), + ]), + h('div.col-md-6.small-logos', [ + h('img', { + src: '/customize/images/logo_XWiki.svg?' + urlArgs + }), ]), ]), ]), diff --git a/customize.dist/src/less2/include/infopages.less b/customize.dist/src/less2/include/infopages.less index 28598640b..c507ed217 100644 --- a/customize.dist/src/less2/include/infopages.less +++ b/customize.dist/src/less2/include/infopages.less @@ -44,8 +44,8 @@ body { margin-bottom: 0.5em; } h2 { - font-size: 2em; - margin-top: 1em; + font-size: 1.8em; + margin-top: 0px; margin-bottom: 0.5em; } h3 { @@ -59,6 +59,33 @@ body { } max-width: 100%; } + .cp-page-title { + h1 { + font-family: "IBM Plex Mono"; + color: @colortheme_logo-2; + margin: 50px auto; + } + } + .row.cp-page-section { + margin: 50px 0px; + } + img.cp-shadow { + box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.34); + } + + button { + outline: none; + background-color: @colortheme_logo-2; + color: @colortheme_base; + border: none; + padding: 10px 20px; + border-radius: 0px; + cursor: pointer; + &:hover { + background-color: lighten(@colortheme_logo-2, 3%); + } + } + .form-group { & > * { margin-top: 0.5em; diff --git a/customize.dist/src/less2/pages/page-index.less b/customize.dist/src/less2/pages/page-index.less index 2b797c8b1..3ab26e369 100644 --- a/customize.dist/src/less2/pages/page-index.less +++ b/customize.dist/src/less2/pages/page-index.less @@ -205,18 +205,6 @@ .small-logo { max-width: 40%; } - button { - outline: none; - background-color: @colortheme_logo-2; - color: @colortheme_base; - border: none; - padding: 10px 20px; - border-radius: 0px; - cursor: pointer; - &:hover { - background-color: lighten(@colortheme_logo-2, 3%); - } - } } } } diff --git a/customize.dist/src/less2/pages/page-what-is-cryptpad.less b/customize.dist/src/less2/pages/page-what-is-cryptpad.less index f26188fe7..b00e7fd4f 100644 --- a/customize.dist/src/less2/pages/page-what-is-cryptpad.less +++ b/customize.dist/src/less2/pages/page-what-is-cryptpad.less @@ -4,42 +4,34 @@ &.cp-page-what-is-cryptpad { .infopages_main(); - .cp-what-is { - padding-top: 3em; - padding-bottom: 3em; - background-image: url(/customize/bkwhat.jpg); - background-size: cover; - background-repeat: no-repeat; - background-position: center; - color: #fff; - h1 { - font-weight: 700; - } - } - #cp-main { - background: #fff; - } - .cp-container { - padding-top: 3em; - padding-bottom: 3em; - h2 { - margin-top: 0; - font-weight: 700; - color: @cryptpad_header_col; - } - p { - color: @cryptpad_text_col; - } - #zeroknowledge { - width: 65%; - } - .row { - margin-bottom: 1.5em; - } + .small-logos { img { - display: block; - margin: 0 auto; + max-width: 40%; + padding: 10px; } } + + // .cp-container { + // padding-top: 3em; + // padding-bottom: 3em; + // h2 { + // margin-top: 0; + // font-weight: 700; + // color: @cryptpad_header_col; + // } + // p { + // color: @cryptpad_text_col; + // } + // #zeroknowledge { + // width: 65%; + // } + // .row { + // margin-bottom: 1.5em; + // } + // img { + // display: block; + // margin: 0 auto; + // } + // } }