diff --git a/config.example.js b/config.example.js index 43438aea6..7af6cf8af 100644 --- a/config.example.js +++ b/config.example.js @@ -82,23 +82,6 @@ module.exports = { */ websocketPath: '/cryptpad_websocket', - /* it is assumed that your websocket will bind to the same port as http - * you can override this behaviour by supplying a number via websocketPort - */ - //websocketPort: 3000, - - /* if you want to run a different version of CryptPad but using the same websocket - * server, you should use the other server port as websocketPort and disable - * the websockets on that server - */ - //useExternalWebsocket: false, - - /* If CryptPad is proxied without using https, the server needs to know. - * Specify 'useSecureWebsockets: true' so that it can send - * Content Security Policy Headers that prevent http and https from mixing - */ - useSecureWebsockets: false, - /* CryptPad can log activity to stdout * This may be useful for debugging */ @@ -238,14 +221,6 @@ module.exports = { */ suppressRPCErrors: false, - - /* WARNING: EXPERIMENTAL - * - * CryptPad features experimental support for encrypted file upload. - * Our encryption format is still liable to change. As such, we do not - * guarantee that files uploaded now will be supported in the future - */ - /* Setting this value to anything other than true will cause file upload * attempts to be rejected outright. */ diff --git a/customize.dist/bkregister.jpg b/customize.dist/bkregister.jpg new file mode 100644 index 000000000..03660433f Binary files /dev/null and b/customize.dist/bkregister.jpg differ diff --git a/customize.dist/code.svg b/customize.dist/code.svg new file mode 100644 index 000000000..29647b529 --- /dev/null +++ b/customize.dist/code.svg @@ -0,0 +1,14 @@ + + + + + + + + + + diff --git a/customize.dist/images/AaronMacSween.jpg b/customize.dist/images/AaronMacSween.jpg new file mode 100644 index 000000000..2ee96ea6f Binary files /dev/null and b/customize.dist/images/AaronMacSween.jpg differ diff --git a/customize.dist/images/CalebJames.jpg b/customize.dist/images/CalebJames.jpg new file mode 100644 index 000000000..65d5a6cae Binary files /dev/null and b/customize.dist/images/CalebJames.jpg differ diff --git a/customize.dist/images/Catalin.jpg b/customize.dist/images/Catalin.jpg index 3a7cb2f13..109a5404b 100644 Binary files a/customize.dist/images/Catalin.jpg and b/customize.dist/images/Catalin.jpg differ diff --git a/customize.dist/images/LudovicDuboist.jpg b/customize.dist/images/LudovicDuboist.jpg new file mode 100644 index 000000000..6a9988942 Binary files /dev/null and b/customize.dist/images/LudovicDuboist.jpg differ diff --git a/customize.dist/images/Pierre-new.jpg b/customize.dist/images/Pierre-new.jpg index b4fef2583..4f197aeb0 100644 Binary files a/customize.dist/images/Pierre-new.jpg and b/customize.dist/images/Pierre-new.jpg differ diff --git a/customize.dist/images/YannFlory.jpg b/customize.dist/images/YannFlory.jpg new file mode 100644 index 000000000..19d10ec56 Binary files /dev/null and b/customize.dist/images/YannFlory.jpg differ diff --git a/customize.dist/images/atest.jpg b/customize.dist/images/atest.jpg new file mode 100644 index 000000000..4ce7014fe Binary files /dev/null and b/customize.dist/images/atest.jpg differ diff --git a/customize.dist/pages.js b/customize.dist/pages.js index dfaf3d6b3..9e2759786 100644 --- a/customize.dist/pages.js +++ b/customize.dist/pages.js @@ -46,7 +46,9 @@ define([ h('div.container', [ h('div.row', [ footerCol(null, [ - setHTML(h('div.cp-bio-foot'), '

With CryptPad, you can make quick collaborative documents for taking notes and writing down ideas together.

'), + h('div.cp-bio-foot', [ + h('p', Msg.main_footerText) + ]) ], ''), /* footerCol(null, [ footLink('/about.html', 'about'), @@ -121,45 +123,110 @@ define([ ]), ]), h('div.container.cp-container', [ - /*h('center', [ - h('h1', Msg.about) - ]), - setHTML(h('p'), 'CryptPad is created inside of the Research Team at XWiki SAS, a small business located in Paris France and Iasi Romania. There are 3 core team members working on CryptPad plus a number of contributors both inside and outside of XWiki SAS.'),*/ h('div.row', [ - h('h2.col-12', 'Core Developers'), - h('div.col-md-4', [ - h('img.bio-avatar', {'src': '/customize/images/aaron.jpg'}), - h('h3', "Aaron MacSween"), - setHTML(h('div#bio'), '

Aaron transitioned into distributed systems development from a background in jazz and live stage performance.

He appreciates the elegance of biological systems and functional programming, and focused on both as a student at the University of Toronto, where he studied cognitive and computer sciences.

He moved to Paris in 2015 to work as a research engineer at XWiki SAS, after having dedicated significant time to various cryptography-related software projects.

He spends his spare time experimenting with guitars, photography, science fiction, and spicy food.

') + h('div.cp-develop-about.col-12',[ + h('div.cp-icon-cent'), + h('h2.text-center', 'Core Developers') + ]), ]), - h('div.col-md-4', [ - h('img.bio-avatar', {'src': '/customize/images/caleb.jpg'}), + h('div.row.align-items-center', [ + h('div.col-12.col-sm-12.col-md-12.col-lg-6.cp-bio-avatar', [ + h('img.img-fluid', {'src': '/customize/images/CalebJames.jpg'}) + ]), + h('div.col-12.col-sm-12.col-md-12.col-lg-6.cp-profile-det', [ h('h3', "Caleb James Delisle"), - setHTML(h('div#bio'), '

Caleb is a cryptography developer, Machine Technology graduate of the Franklin County Technical School and lifelong tinkerer.

In 2011, he started the cjdns Open Source project to show that secure networking could be invisible and easily deployed.

After joining XWiki SAS in 2014, he started the CryptPad project with the intent of bringing the same transparent security to collaborative editing.

He\'s always trying to learn from more experienced colleagues and when someone passes through the Research Team office, his favorite words are "Pull up a chair!".

') + h('hr'), + setHTML(h('div#bioCaleb'), '

Caleb is a cryptography developer, Machine Technology graduate of the Franklin County Technical School and lifelong tinkerer.
In 2011, he started the cjdns Open Source project to show that secure networking could be invisible and easily deployed.
After joining XWiki SAS in 2014, he started the CryptPad project with the intent of bringing the same transparent security to collaborative editing.
He\'s always trying to learn from more experienced colleagues and when someone passes through the Research Team office, his favorite words are "Pull up a chair!".

'), + h('a.cp-soc-media', { href : 'https://twitter.com/cjdelisle'}, [ + h('i.fa.fa-twitter') + ]), + h('a.cp-soc-media', { href : 'https://github.com/cjdelisle'}, [ + h('i.fa.fa-github') + ]) + ]), + ]), + h('div.row.align-items-center',[ + h('div.col-12.col-sm-12.col-md-12.col-lg-6.push-lg-6.cp-bio-avatar.cp-bio-avatar-right', [ + h('img.img-fluid', {'src': '/customize/images/AaronMacSween.jpg'}) ]), - h('div.col-md-4', [ - h('img.bio-avatar', {'src': '/customize/images/yann.jpg'}), + h('div.col-12.col-sm-12.col-md-12.col-lg-6.pull-lg-6.cp-profile-det',[ + h('h3', "Aaron MacSween"), + h('hr'), + setHTML(h('div#bioAaron'), '

Aaron transitioned into distributed systems development from a background in jazz and live stage performance.
He appreciates the elegance of biological systems and functional programming, and focused on both as a student at the University of Toronto, where he studied cognitive and computer sciences.
He moved to Paris in 2015 to work as a research engineer at XWiki SAS, after having dedicated significant time to various cryptography-related software projects.
He spends his spare time experimenting with guitars, photography, science fiction, and spicy food.

'), + h('a.cp-soc-media', { href : 'https://twitter.com/fc00ansuz'}, [ + h('i.fa.fa-twitter') + ]), + h('a.cp-soc-media', { href : 'https://github.com/ansuz/'}, [ + h('i.fa.fa-github') + ]) + ]), + ]), + h('div.row.align-items-center', [ + h('div.col-12.col-sm-12.col-md-12.col-lg-6.cp-bio-avatar', [ + h('img.img-fluid', {'src': '/customize/images/YannFlory.jpg'}) + ]), + h('div.col-12.col-sm-12.col-md-12.col-lg-6.cp-profile-det', [ h('h3', "Yann Flory"), - setHTML(h('div#bio'), '

Yann is a mysterious person.

') + h('hr'), + setHTML(h('div#bioYann'), '

In 2015, Yann graduated with an engineering degree from Ecole Centrale de Lille majoring in Data Science. In his studies he worked on a project to detect defects in optical fiber using image processing technology.
Upon joining XWiki SAS, Yann developed a Wiki page recommendation system, a common API for accessing data server-side and client-side, and an integrated development environment for development of XWiki applications.
Yann is soft spoken but brutally efficient, he is known to say "It will take 5 minutes".

'), + h('a.cp-soc-media', { href : 'https://github.com/yflory/'}, [ + h('i.fa.fa-github') + ]) ]), ]), - h('h2', 'Key Contributors'), h('div.row', [ - h('div.col-md-4', [ - h('img.bio-avatar', {'src': '/customize/images/Pierre-new.jpg'}), + h('div.cp-develop-about.col-12.cp-contrib',[ + h('div.cp-icon-cent'), + h('h2.text-center', 'Key Contributors') + ]), + ]), + h('div.row.align-items-center', [ + h('div.col-12.col-sm-12.col-md-12.col-lg-6.cp-bio-avatar', [ + h('img.img-fluid', {'src': '/customize/images/Pierre-new.jpg'}) + ]), + h('div.col-12.col-sm-12.col-md-12.col-lg-6.cp-profile-det', [ h('h3', "Pierre Bondoerffer"), - setHTML(h('div#bio'), '

Resident CSS wizard and emoji extraordinaire, Pierre is passionate about anything related to technology. He loves to hack around computers and put parts together.

He is currently studying at 42, where he learns about algorithms, networking, kernel programming and graphics.

As a part of an internship, he joined XWiki SAS and worked on CryptPad to improve user experience. He also maintains the Spanish translation.

') + h('hr'), + setHTML(h('div#bioPierre'), '

Resident CSS wizard and emoji extraordinaire, Pierre is passionate about anything related to technology. He loves to hack around computers and put parts together.
He is currently studying at 42, where he learns about algorithms, networking, kernel programming and graphics.
As a part of an internship, he joined XWiki SAS and worked on CryptPad to improve user experience. He also maintains the Spanish translation.

'), + h('a.cp-soc-media', { href : 'https://twitter.com/cjdelisle'}, [ + h('i.fa.fa-twitter') + ]), + h('a.cp-soc-media', { href : 'https://github.com/cjdelisle'}, [ + h('i.fa.fa-github') + ]) + ]), + ]), + h('div.row.align-items-center',[ + h('div.col-12.col-sm-12.col-md-12.col-lg-6.push-lg-6.cp-bio-avatar.cp-bio-avatar-right', [ + h('img.img-fluid', {'src': '/customize/images/Catalin.jpg'}) ]), - h('div.col-md-4', [ - h('img.bio-avatar', {'src': '/customize/images/Catalin.jpg'}), + h('div.col-12.col-sm-12.col-md-12.col-lg-6.pull-lg-6.cp-profile-det',[ h('h3', "Catalin Scripcariu"), - setHTML(h('div#bio'), '

Catalin is a Maths majour and has worked in B2B sales for 12 years. Design was always his passion and 3 years ago he started to dedicate himself to web design and front-end.

At the beginning of 2017 he joined the XWiki family, where he worked both on the business and the community side of XWiki, including the research team and CryptPad.

') + h('hr'), + setHTML(h('div#bioCatalin'), '

Catalin is a Maths majour and has worked in B2B sales for 12 years. Design was always his passion and 3 years ago he started to dedicate himself to web design and front-end.
At the beginning of 2017 he joined the XWiki, where he worked both on the business and the community side of XWiki, including the research team and CryptPad.

'), + h('a.cp-soc-media', { href : 'https://twitter.com/catalinscr'}, [ + h('i.fa.fa-twitter') + ]), + h('a.cp-soc-media', { href : 'https://www.linkedin.com/in/catalinscripcariu/'}, [ + h('i.fa.fa-linkedin') + ]) ]), - h('div.col-md-4', [ - h('img.bio-avatar', {'src': '/customize/images/ludovic.jpg'}), + ]), + h('div.row.align-items-center.cp-margin-bot', [ + h('div.col-12.col-sm-12.col-md-12.col-lg-6.cp-bio-avatar', [ + h('img.img-fluid', {'src': '/customize/images/LudovicDuboist.jpg'}) + ]), + h('div.col-12.col-sm-12.col-md-12.col-lg-6.cp-profile-det', [ h('h3', "Ludovic Dubost"), - setHTML(h('div#bio'), '

A graduate of PolyTech (X90) and Telecom School in Paris, Ludovic Dubost started his career as a software architect for Netscape Communications Europe. He then became CTO of NetValue, one of the first French start-ups that went public. He left NetValue after the company was purchased by Nielsen/NetRatings and in 2004 launched XWiki, the next generation wiki.

Since the very beginning, Ludovic has been immensely helpful to the CryptPad project. He believed in the idea when there was nothing more than the collaborative pad and his help with sales strategy for the project.

') - ]) + h('hr'), + setHTML(h('div#bioLudovic'), '

A graduate of PolyTech (X90) and Telecom School in Paris, Ludovic Dubost started his career as a software architect for Netscape Communications Europe. He then became CTO of NetValue, one of the first French start-ups that went public. He left NetValue after the company was purchased by Nielsen/NetRatings and in 2004 launched XWiki, the next generation wiki.
Since the very beginning, Ludovic has been immensely helpful to the CryptPad project. He believed in the idea when there was nothing more than the collaborative pad and his help with sales strategy for the project.

'), + h('a.cp-soc-media', { href : 'https://twitter.com/ldubost'}, [ + h('i.fa.fa-twitter') + ]), + h('a.cp-soc-media', { href : 'https://github.com/ldubost'}, [ + h('i.fa.fa-github') + ]) + ]), ]), ]), infopageFooter() @@ -333,10 +400,18 @@ define([ Pages['/register/'] = Pages['/register/index.html'] = function () { return [h('div#cp-main', [ infopageTopbar(), + h('div.container-fluid.cp-register-wel',[ + h('div.container',[ + h('div.row',[ + h('div.col-12',[ + h('h1.text-center', Msg.register_header) + ]) + ]) + ]) + ]), h('div.container.cp-container', [ - h('div.row.align-items-center', [ + h('div.row.cp-register-det', [ h('div#data.hidden.col-md-6', [ - h('h1', Msg.register_header), setHTML(h('p.register-explanation'), Msg.register_explanation) ]), h('div#userForm.form-group.hidden.col-md-6', [ @@ -380,10 +455,18 @@ define([ 'for': 'accept-terms', }), Msg.register_acceptTerms),*/ ]), - h('button#register.btn.btn-primary', Msg.login_register) + h('button#register.btn.cp-login-register', Msg.login_register) ]) ]), + h('div.row.cp-register-test',[ + h('hr'), + h('div.col-12', [ + setHTML(h('p.test-details'), Msg.register_testimonial), + h('a.cp-test-source.pull-right', { href : 'http://boingboing.net/2016/09/26/cryptpad-a-freeopen-end-to.html'}, Msg.register_testimonial_name) + ]) + ]) ]), + infopageFooter(), ])]; }; @@ -411,8 +494,8 @@ define([ placeholder: Msg.login_password, }), h('div.extra', [ - h('button.btn.btn-primary.login.first', Msg.login_login), - h('button#register.btn.btn-success.register', Msg.login_register) + h('button.login.first.btn', Msg.login_login), + h('button#register.btn.register.cp-login-register', Msg.login_register) ]) ]) ]), diff --git a/customize.dist/source-branch.svg b/customize.dist/source-branch.svg new file mode 100644 index 000000000..b7aff2d83 --- /dev/null +++ b/customize.dist/source-branch.svg @@ -0,0 +1,17 @@ + + + + + + + + + + diff --git a/customize.dist/src/less/cryptpad.less b/customize.dist/src/less/cryptpad.less index ca1fab6c5..1c2c39f46 100644 --- a/customize.dist/src/less/cryptpad.less +++ b/customize.dist/src/less/cryptpad.less @@ -600,6 +600,7 @@ noscript { width: ~"calc(100% - 6px)"; height: 25px; line-height: 25px; + overflow: hidden; .usage { height: 100%; display: inline-block; diff --git a/customize.dist/src/less/footer.less b/customize.dist/src/less/footer.less index fdfc69d7a..97b5bda8c 100644 --- a/customize.dist/src/less/footer.less +++ b/customize.dist/src/less/footer.less @@ -1,7 +1,7 @@ @import "./variables.less"; @import (once) "../less2/include/colortheme.less"; -.cp footer { +footer { background: @category-bg; font-family: @colortheme_font; padding-top: 1em; diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less index a62800442..4ecafb27a 100644 --- a/customize.dist/src/less2/include/colortheme.less +++ b/customize.dist/src/less2/include/colortheme.less @@ -66,3 +66,5 @@ @cryptpad_color_blue: #4591C4; @cryptpad_color_grey: #999999; +@cryptpad_header_col: #1E1F1F; +@cryptpad_text_col: #3F4141; \ No newline at end of file diff --git a/customize.dist/src/less2/include/infopages.less b/customize.dist/src/less2/include/infopages.less index db5172c75..6d9b380ed 100644 --- a/customize.dist/src/less2/include/infopages.less +++ b/customize.dist/src/less2/include/infopages.less @@ -6,22 +6,18 @@ // Basic setup for info pages, this should be used at the global level .infopages_main () { background-color: @colortheme_info-background; - a { color: @cryptpad_color_blue; - &:visited { color: darken(@cryptpad_color_blue, 10%); } + &:visited { color: darken(@cryptpad_color_blue, 5%); } } a:hover { opacity: 1; } - border: 0; padding: 0; margin: 0; - font-size: 16px; font-family: @colortheme_font; - .cp-container { font-size: 16px; padding-top: @infopages_padding; @@ -41,24 +37,19 @@ margin-top: 1em; margin-bottom: 0.5em; } - img { &.left { float: left; } - max-width: 100%; } - .form-group { & > * { margin-top: 0.5em; } - display: flex; flex-direction: column; align-items: center; - .checkbox-container { width: 100%; display: flex; @@ -72,7 +63,6 @@ } } } - footer { background-color: @cryptpad_color_blue; .container { @@ -82,7 +72,7 @@ a { color: #fff; &:visited { - color: darken(#fff, 10%); + color: darken(#fff, 5%); }; } margin-bottom: 1em; @@ -130,12 +120,10 @@ z-index: 9001; position: fixed; top: 0; - display: flex; flex-direction: row; justify-content: space-between; align-items: center; - box-sizing: border-box; width: 100%; height: @infopages_infobar-height; @@ -144,24 +132,20 @@ vertical-align: middle; font-size: 1.25em; line-height: 1.25em; - cursor: default; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; - .navbar-nav { display: flex; align-items: center; } - a { font-weight: 500; padding: 0.6em; .infopages_link() } - .cp-logo { margin-right: 0.5em; } diff --git a/customize.dist/src/less2/pages/page-about.less b/customize.dist/src/less2/pages/page-about.less index afce3ac9e..d356fecd0 100644 --- a/customize.dist/src/less2/pages/page-about.less +++ b/customize.dist/src/less2/pages/page-about.less @@ -3,12 +3,8 @@ .infopages_main(); .infopages_topbar(); - -.bio-avatar { - border-radius: 50%; - margin: 1em 0; - max-width: 300px; - max-height: 300px; +#cp-main { + background: #fff; } .cp-about-intro { padding-top: 3em; @@ -21,7 +17,7 @@ color: #fff; font-family: "Open Sans"; h1 { - font-weight: bold; + font-weight: 700; } a { color: #fff; @@ -31,5 +27,89 @@ padding-top: 1em; } } - -} \ No newline at end of file +} +.cp-container { + .row { + background: #fff; + } + .cp-bio-avatar { + padding-right: 0; + @media (max-width: 991px) { + padding-right: 15px; + } + img { + @media (max-width: 991px) { + margin: 0 auto; + display: block; + } + } + } + .cp-bio-avatar-right { + padding-right: 15px; + padding-left: 0; + @media (max-width: 991px) { + padding-left: 15px; + } + } +} +.cp-develop-about { + .cp-icon-cent { + width: 6rem; + background: #fff; + border-radius: 50%; + height: 6rem; + box-shadow: 0 5px 15px rgba(69,145,196, 0.3); + margin: 0 auto; + background-image: url(/customize/code.svg); + background-repeat: no-repeat; + margin-top: 1em; + margin-bottom: 1.5em; + background-position: 50%; + background-size: 4rem; + } + h2 { + margin-top: 0; + font-weight: 600; + color: #1E1F1F; + margin-bottom: 1.5em; + } +} +.cp-profile-det { + padding-left: 30px; + h3 { + color: #1E1F1F; + font-weight: 700; + } + p { + color: #3F4141; + margin-bottom: 1em; + } + hr { + margin-left: 0; + width: 15rem; + border-top: 2px solid @cryptpad_color_blue; + } + margin-bottom: 1em; +} +.cp-soc-media { + font-size: 1.5em; + color: @cryptpad_color_blue; + padding-right: 1em; + display: inline-block; + &:hover { + transform: scale(1.1); + } + &:visited { + color: @cryptpad_color_blue; + } +} +.cp-contrib { + margin-top: 3em; + .cp-icon-cent { + background-image: url(/customize/source-branch.svg); + background-position: 60%; + } +} +.cp-margin-bot { + margin-bottom: 1.5em; +} diff --git a/customize.dist/src/less2/pages/page-index.less b/customize.dist/src/less2/pages/page-index.less index 84ec8bab6..90a765a4a 100644 --- a/customize.dist/src/less2/pages/page-index.less +++ b/customize.dist/src/less2/pages/page-index.less @@ -25,6 +25,9 @@ } } } +body { + font-family: "Open Sans", Helvetica; +} .cp-right { .cp-register-btn { padding: 0.5em 1em 0.7em 1em; @@ -39,7 +42,7 @@ &:hover { transform: scale(1.05); } - } + } } .cp-title { display: flex; @@ -75,7 +78,7 @@ a { color: #fff; &:visited { - color: rgba(255,255,255,.8); + color: rgba(255,255,255,.9); }; } .nav-link { diff --git a/customize.dist/src/less2/pages/page-login.less b/customize.dist/src/less2/pages/page-login.less index 8bfc79c5c..cbde08893 100644 --- a/customize.dist/src/less2/pages/page-login.less +++ b/customize.dist/src/less2/pages/page-login.less @@ -17,3 +17,62 @@ } } } +.cp-container { + #data { + background: #4591C4; + padding-top: 3em; + padding-bottom: 7em; + padding-left: 30px; + padding-right: 30px; + p { + color: #fff; + } + h2 { + font-weight: 700; + color: @cryptpad_header_col; + } + } + #userForm { + padding-top: 3em; + padding-bottom: 2em; + .form-control { + border-radius: 0; + color: @cryptpad_text_col; + margin-top: 1em; + &:focus { + border-color: @cryptpad_color_blue; + } + } + .checkbox-container { + color: @cryptpad_text_col; + } + } + .align-items-center { + box-shadow: 0 5px 15px rgba(69,145,196, 0.3); + background: #fff; + } + .extra { + margin-top: 1em; + .cp-login-register { + color: @cryptpad_color_blue; + background: #fff; + border: 2px solid @cryptpad_color_blue; + border-radius: 0; + &:hover { + transform: scale(1.05); + } + } + .login { + background: transparent; + color: @cryptpad_color_blue; + padding: 0; + &:hover { + transform: scale(1.05); + } + } + } +} +.cp-container { + padding-top: 0; + min-height: 66vh; +} \ No newline at end of file diff --git a/customize.dist/src/less2/pages/page-register.less b/customize.dist/src/less2/pages/page-register.less index a8bfb9183..82c02edcd 100644 --- a/customize.dist/src/less2/pages/page-register.less +++ b/customize.dist/src/less2/pages/page-register.less @@ -19,14 +19,112 @@ #register { margin-top: 16px; font-size: 1.25em; - min-width: 30%; + min-width: 30%; // conflict? + width: 30%; + @media (max-width: 500px) { + width: 45%; + } } } + padding-bottom: 3em; + min-height: 5vh; } - .alertify { // workaround for alertify making empty p p:empty { display: none; } } +.cp-register-wel { + padding-top: 6em; + padding-bottom: 20em; + background-image: url(/customize/bkregister.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + h1 { + font-weight: 700; + color: #fff; + text-shadow: 0 1px 5px rgba(0,0,0,.2); + } +} +.cp-register-det { + margin-top: -7em; + background: #fff; + box-shadow: 0 5px 15px rgba(69,145,196, 0.3); + #data { + background: #4591C4; /* fallback for old browsers */ + background: -webkit-linear-gradient(to right, #FF7C4F, #4592C4); /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to right, #FF7C4F, #4592C4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + padding-top: 3em; + padding-bottom: 7em; + padding-left: 30px; + padding-right: 30px; + p { + color: #fff; + li { + margin-bottom: 1em; + } + .fa { + font-size: 1.5em; + padding-right: 10px; + color: #000; + } + } + h3 { + font-weight: 700; + margin-bottom: 1em; + } + } + #userForm { + padding-top: 3em; + padding-bottom: 2em; + .form-control { + border-radius: 0; + color: @cryptpad_text_col; + margin-top: 1em; + &:focus { + border-color: @cryptpad_color_blue; + } + } + .checkbox-container { + color: @cryptpad_text_col; + } + } + .cp-login-register { + color: @cryptpad_color_blue; + background: #fff; + border: 2px solid @cryptpad_color_blue; + border-radius: 0; + &:hover { + transform: scale(1.05); + } + } +} +.cp-register-test { + margin-top: 3em; + hr { + width: 15rem; + border-top: 2px solid @cryptpad_color_blue; + margin-top: 0; + margin-bottom: 2em; + } + p { + margin-bottom: 0; + } + .cp-test-source { + font-style: italic; + } + .test-details { + padding-left: 4em; + background-image: url(/customize/testimonial.svg); + background-repeat: no-repeat; + background-position: left top; + background-size: 3em; + color: @cryptpad_text_col; + } + +} +#cp-main { + background: #fff; +} diff --git a/customize.dist/testimonial.svg b/customize.dist/testimonial.svg new file mode 100644 index 000000000..4c1b0074e --- /dev/null +++ b/customize.dist/testimonial.svg @@ -0,0 +1,19 @@ + + + + +testimonial + + + + + + + diff --git a/customize.dist/translations/messages.fr.js b/customize.dist/translations/messages.fr.js index a301a8f2f..ed955b373 100644 --- a/customize.dist/translations/messages.fr.js +++ b/customize.dist/translations/messages.fr.js @@ -265,8 +265,8 @@ define(function () { out.profile_fieldSaved = 'Nouvelle valeur enregistrée: {0}'; out.profile_inviteButton = "Inviter"; - out.profile_inviteButtonTitle = 'Creer un lien pour inviter cet utilisateur à se connecter avec vous.'; - out.profile_inviteExplanation = "Cliquer sur OK créera un lien vers un session de messagerie sécurisée uniquement accessible par {0}.

Le lien peut être copié et partagé de manièé de manière publique."; + out.profile_inviteButtonTitle = 'Créer un lien pour inviter cet utilisateur à se connecter avec vous.'; + out.profile_inviteExplanation = "Cliquer sur OK créera un lien vers une session de messagerie sécurisée uniquement accessible par {0}.

Le lien peut être copié et partagé de manière publique."; out.profile_viewMyProfile = "Voir mon profil"; // contacts/userlist @@ -413,7 +413,7 @@ define(function () { "
  • Vous pouvez importer les pads récents de ce navigateur pour les avoir dans votre compte utilisateur.
  • ", "
  • Si vous utilisez un ordinateur partagé, vous devez vous déconnecter avant de partir, fermer l'onglet n'est pas suffisant.
  • ", "" - ]; + ].join(''); // Settings out.settings_cat_account = "Compte"; @@ -487,8 +487,8 @@ define(function () { out.todo_title = "CryptTodo"; out.todo_newTodoNamePlaceholder = "Décrivez votre tâche..."; out.todo_newTodoNameTitle = "Ajouter cette tâche à votre liste"; - out.todo_markAsCompleteTitle = "Marquer tâche comme terminée"; - out.todo_markAsIncompleteTitle = "Marquer tâche comme non incomplète"; + out.todo_markAsCompleteTitle = "Marquer cette tâche comme terminée"; + out.todo_markAsIncompleteTitle = "Marquer cette tâche comme incomplète"; out.todo_removeTaskTitle = "Enlever cette tâche de votre liste"; // pad @@ -506,7 +506,7 @@ define(function () { //contact.html out.main_about_p2 = 'Si vous avez des questions ou commentaires, vous pouvez nous tweeter, ouvrir une issue sur GitHub, venir dire bonjour sur notre salle Matrix ou IRC (#cryptpad sur irc.freenode.net), ou bien encore nous envoyer un email.'; - out.main_info = "

    Collaborez avec confiance


    Développez vos idées en groupe avec des document partagés; la technologie Zero Knowledge sécurise vos données."; + out.main_info = "

    Collaborez avec confiance


    Développez vos idées en groupe avec des documents partagés; la technologie Zero Knowledge sécurise vos données."; out.main_catch_phrase = "Le Cloud Zero Knowledge"; out.main_howitworks = 'Comment ça fonctionne'; @@ -536,6 +536,7 @@ define(function () { out.main_whiteboardPad = 'Tableau blanc'; out.main_localPads = 'Pads Locaux'; out.main_yourCryptDrive = 'Votre CryptDrive'; + out.main_footerText = "Avec CryptPad, vous pouvez créer des documents collaboratifs rapidement pour prendre des notes à plusieurs."; out.footer_applications = "Applications"; out.footer_contact = "Contact"; @@ -589,7 +590,7 @@ define(function () { out.header_support = ' OpenPaaS-ng'; out.updated_0_header_logoTitle = 'Retourner vers votre CryptDrive'; out.header_logoTitle = out.updated_0_header_logoTitle; - out.header_homeTitle = "Aller sur la page d'acceuil"; + out.header_homeTitle = "Aller sur la page d'accueil"; // Initial states diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js index c89d524a0..acab6951d 100644 --- a/customize.dist/translations/messages.js +++ b/customize.dist/translations/messages.js @@ -404,13 +404,15 @@ define(function () { out.register_header = "Welcome to CryptPad"; out.register_explanation = [ - "

    Lets go over a couple things first

    ", - "