Merge branch 'sandpaper-static' into 4.15-candidate

master
ansuz 3 years ago
commit 0a9419c248

@ -212,9 +212,9 @@ define([
h('span.logo-font', 'CryptPad')
]),
footLink('https://cryptpad.org', null, 'Website', 'link'),
footLink('https://opencollective.com/cryptpad/contribute/', 'footer_donate') // XXX DB: add OpenCollective icon
footLink('https://opencollective.com/cryptpad/contribute/', 'footer_donate', null, 'money') // XXX DB: add OpenCollective icon
]),
h('.div.cp-footer-center', [
h('div.cp-footer-center', [
h('div.cp-footer-language', [
h('i.fa.fa-language', {'aria-hidden': 'true'}),
languageSelector()
@ -254,17 +254,16 @@ define([
]);
}
/*
var button = h('button.navbar-toggler', {
'type':'button',
/*'data-toggle':'collapse',
'data-target':'#menuCollapse',
'aria-controls': 'menuCollapse',
'aria-expanded':'false',
'aria-label':'Toggle navigation'
}, h('i.fa.fa-bars ')); */
// XXX button to collapse navbar on small screens
// var button = h('button.navbar-toggler', {
// 'type':'button',
// 'data-toggle':'collapse',
// 'data-target':'#menuCollapse',
// 'aria-controls': 'menuCollapse',
// 'aria-expanded':'false',
// 'aria-label':'Toggle navigation'
// }, h('i.fa.fa-bars '));
// // XXX button to collapse navbar on small screens
// $(button).click(function () {
// if ($('#menuCollapse').is(':visible')) {
// return void $('#menuCollapse').slideUp();
@ -273,7 +272,7 @@ define([
// });
return h('nav.navbar.navbar-expand-lg',
// XXX add link back to index.html on footer logo
// XXX DB add link back to index.html on other pages
// h('a.navbar-brand', { href: '/index.html'}, [
// h('img', {
// src: '/customize/CryptPad_logo.svg?',
@ -281,14 +280,15 @@ define([
// alt: ''
// }), 'CryptPad'
// ]),
//button, XXX collapse button
h('div', [
// button, // XXX collapse button
// add .collapse.navbar-collapse.justify-content-end#menuCollapse to div below to enable collapse button
[
// XXX remove about page
// h('a.nav-item.nav-link', { href: '/what-is-cryptpad.html'}, Msg.about),
h('a.nav-item.nav-link', { href: '/features.html'}, Pages.areSubscriptionsAllowed()? Msg.pricing: Msg.features),
h('a.nav-item.nav-link', { href: 'https://docs.cryptpad.fr'},
[h('i.fa.fa-book', {'aria-hidden':'true'}),Msg.docs_link]),
].concat(rightLinks))
].concat(rightLinks)
);
};

@ -116,6 +116,9 @@ define([
var fastLink = k => pageLink(Pages.customURLs[k], k);
// XXX DB
Msg.terms = "Terms of Service";
// XXX DB: this may be wrong, pasted over form pages.js
var imprintLink = fastLink('imprint');
var privacyLink = fastLink('privacy');
@ -191,9 +194,9 @@ define([
h('i.fa.fa-map-pin', {'aria-hidden': 'true'}),
'Encrypted data is hosted in: France (OVH)' // XXX Use instance location
]),
termsLink, // XXX DB: insert link to ToS if available
privacyLink, // XXX DB: insert link to privacy policy if available
imprintLink // XXX DB: insert link to imprint if available
termsLink,
privacyLink,
imprintLink
]),
h('div.col-md-6', [
h('div.cp-app-grid', [
@ -207,8 +210,8 @@ define([
]),
h('a.cp-app-drive', {'href': '/drive/'}, [ // XXX check this is correct
h('i.fa.fa-hdd-o', {'aria-hidden': 'true'}),
'Drive: 1GB' // XXX Use instance default storage
]) // XXX DB TODO: add drive link
'Drive: 1GB' // XXX DB TODO: Use instance default storage
])
])
]),
notice

@ -5,6 +5,7 @@ define([
'/customize/pages.js',
'/api/config',
], function (h, UI, Msg, Pages, Config) {
Msg.login_instance = "Connect to your account on {0}"; // XXX insert instance name
return function () {
document.title = Msg.login_login;
return [h('div#cp-main', [
@ -14,6 +15,7 @@ define([
h('div.row', [
h('div.col-md-3'),
h('div#userForm.form-group.hidden.col-md-6', [
h('div.cp-login-instance',Msg.login_instance),
h('input.form-control#name', {
name: 'name',
type: 'text',
@ -33,11 +35,11 @@ define([
UI.createCheckbox('import-recent', Msg.register_importRecent),
]),
h('div.extra', [
h('button.login', Msg.login_login),
(Config.restrictRegistration?
undefined:
h('button#register.cp-secondary', Msg.login_register)
)
),
h('button.login', Msg.login_login)
])
]),
h('div.col-md-3')

@ -27,8 +27,8 @@ define([
h('div.row.cp-page-title', h('h1', Msg.register_header)),
//h('div.row.cp-register-det', content),
].concat(content)),
]),
Pages.infopageFooter(),
]),
];
};
@ -45,6 +45,8 @@ define([
termsCheck = h('div.checkbox-container', tos);
}
Msg.register_instance = "Creating a new account on {0}"; // XXX DB
return frame([
h('div.row.cp-register-det', [
h('div#data.hidden.col-md-6', [
@ -52,13 +54,13 @@ define([
Pages.setHTML(h('div.cp-register-notes'), Msg.register_notes)
]),
h('div.cp-reg-form.col-md-6', [
h('img.img-fluid', {
src: '/customize/images/swallow-the-key.png?' + urlArgs
}),
h('div#userForm.form-group.hidden', [
h('div.cp-register-instance', [
Msg.register_instance, , h('br'),
h('a', {
href: '/features.html'
}, Msg.register_whyRegister),
}, Msg.register_whyRegister)
]),
h('input.form-control#username', {
type: 'text',
autocomplete: 'off',

@ -266,6 +266,7 @@
@cp_static-footer-border: @cryptpad_color_grey_600;
@cp_static-topbar-fg: @cryptpad_color_brand_300;
@cp_static-card-bg: @cryptpad_color_grey_800;
@cp_static-danger: @cryptpad_color_red_fade;
@cp_static-img-invert-filter: hue-rotate(200grad) invert();
// Limit

@ -265,6 +265,7 @@
@cp_static-footer-border: @cryptpad_color_white;
@cp_static-topbar-fg: @cryptpad_color_brand;
@cp_static-card-bg: @cryptpad_color_white;
@cp_static-danger: fade(@cryptpad_color_red, 30%);
@cp_static-img-invert-filter: none;
// Limit

@ -112,7 +112,7 @@ body.html {
border: none;
padding: 10px 20px;
margin-right: 10px;
border-radius: 0px;
border-radius: @infopages-radius;
cursor: pointer;
&:hover, &:focus {
background-color: contrast(@cp_buttons-primary-text, darken(@cp_buttons-primary, 10%), lighten(@cp_buttons-primary, 10%));
@ -125,9 +125,9 @@ body.html {
}
.form-group {
& > * {
margin-top: 0.5em;
}
// & > * {
// margin-bottom: 0.5em;
// }
display: flex;
flex-direction: column;
align-items: center;
@ -145,7 +145,6 @@ body.html {
}
}
footer {
background-color: @cp_static-footer;
padding: 10px;
align-self: normal; // override align-items:center from parent in index.html
@ -153,15 +152,13 @@ body.html {
display: flex;
align-items: center;
justify-content: space-between;
// .container {
// margin-bottom: 20px;
// a {
// color: @cp_static-link;
// &:visited {
// color: @cp_static-link;
// }
// }
// }
flex-direction: row;
@media screen and (max-width: 830px) {
flex-direction: column;
div {
margin-bottom: 10px;
}
}
.cp-footer-left, .cp-footer-right {
display: flex;
flex-direction: row;
@ -267,7 +264,7 @@ body.html {
}
.nav-link {
padding: 0.5em 0.7em;
margin-left: 10px;
margin: 5px;
color: @cp_static-link;
display: inline-block;
&:hover {
@ -294,26 +291,5 @@ body.html {
color: @cp_static-topbar-fg;
}
}
@media (max-width: 1000px) {
#menuCollapse {
text-align: right;
/* @media (min-width: 576px) {
top: 100%;
background: rgba(255,255,255,0.8);
position: absolute;
right: 0px;
padding: 0 20px;
z-index: 1;
}
*/
}
.navbar-nav a {
text-align: right !important;
}
.cp-register-btn {
margin-right: 13px;
text-align: center;
}
}
}

@ -22,10 +22,11 @@
.cp-shadow();
border: none;
background-color: @cp_static-card-bg;
border-radius: 0px;;
border-radius: @infopages-radius;
.title-card {
background-color: @cryptpad_color_brand;
padding: 20px;
border-radius: @infopages-radius @infopages-radius 0 0 ;
}
.card-body, .title-card {
display: flex;

@ -10,11 +10,7 @@
flex-direction: column;
justify-content: space-between;
align-items: center;
.container {
@media only screen and (max-device-width : 576px) {
margin-top: 6em;
}
}
& > .cp-container {
flex: 1;
display: flex;

@ -23,11 +23,16 @@
.cp-shadow();
background-color: @cp_static-card-bg;
padding: 10px;
margin: 0 10px 10px 10px;
border-radius: @infopages-radius-L;
.cp-login-instance {
margin-bottom: 10px;
}
.form-control {
border-radius: 0;
border-radius: @infopages-radius;
color: @cryptpad_text_col;
background-color: @cp_forms-bg;
margin-bottom: 5px;
margin-bottom: 10px;
&:focus {
border-color: @cryptpad_color_brand;
}
@ -43,14 +48,8 @@
}
.extra {
margin-top: 1em;
#register {
border-color: @cryptpad_color_brand;
background: @cryptpad_color_white;
color: @cryptpad_color_brand;
padding: 10px;
border-radius: 0;
margin: 0px;
button.login {
margin-right: 0px;
}
}
}

@ -13,13 +13,9 @@
.cp-container {
.form-group {
.checkbox-container {
&:nth-of-type(1) {
margin-top: 2em;
}
&:last-of-type {
margin-bottom: 1em;
}
.cp-register-instance {
text-align: center;
margin-bottom: 10px;
}
#register {
&.btn {
@ -85,12 +81,13 @@
position: relative;
z-index: 2;
margin-bottom: 100px;
border-radius: @infopages-radius-L;
.cp-shadow();
.form-control {
border-radius: 0;
border-radius: @infopages-radius;
color: @cryptpad_text_col;
background-color: @cp_forms-bg;
margin-top: 5px;
margin-bottom: 10px;
&:focus {
border-color: @cryptpad_color_brand;
}
@ -100,7 +97,7 @@
color: @cryptpad_text_col;
}
button#register {
margin: 0px;
margin-top: 10px;
}
}
@ -119,7 +116,7 @@
content: "\f071";
}
.red {
color: @cryptpad_color_red;
background-color: @cp_static-danger;
}
}
}

Loading…
Cancel
Save