clientside templating
ansuz
8 years ago
parent
503e9de07c
commit
48f9745619
@ -0,0 +1,125 @@
|
||||
define([
|
||||
'jquery',
|
||||
'/common/hyperscript.js',
|
||||
'/common/cryptpad-common.js',
|
||||
'/customize/pages.js',
|
||||
|
||||
'css!/customize/main.css',
|
||||
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
|
||||
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
|
||||
], function ($, h, Cryptpad, Pages) {
|
||||
$(function () {
|
||||
var Messages = Cryptpad.Messages;
|
||||
var $body = $('body');
|
||||
|
||||
var rightLink = function (ref, loc, txt) {
|
||||
return h('span.link.right', [
|
||||
h('a', { href: ref, 'data-localization': loc}, txt)
|
||||
])
|
||||
};
|
||||
|
||||
var $topbar = $(h('div#cryptpadTopBar', [
|
||||
h('span', [
|
||||
h('a.gotoMain', {href: '/'}, [
|
||||
h('img.cryptpad-logo', {
|
||||
src: '/customize/cryptofist_mini.png',
|
||||
alt: '',
|
||||
}),
|
||||
'CryptPad'
|
||||
])
|
||||
]),
|
||||
h('span#user-menu.right.dropdown-bar'),
|
||||
h('span#language-selector.right.dropdown-bar'),
|
||||
|
||||
rightLink('/about.html', 'about', 'About'),
|
||||
rightLink('/privacy.html', 'privacy', 'Privacy'),
|
||||
rightLink('/terms.html', 'terms', 'ToS'),
|
||||
rightLink('/contact.html', 'contact', 'Contact'),
|
||||
rightLink('https://blog.cryptpad.fr/', 'blog', 'Blog'),
|
||||
h('span.link.right', [
|
||||
h('button#upgrade.upgrade.btn.buttonSuccess', {
|
||||
style: { display: 'none' }
|
||||
})
|
||||
])
|
||||
]
|
||||
))
|
||||
|
||||
var $main = $(h('div#mainBlock.hidden',
|
||||
typeof(Pages[location.pathname]) === 'function'?
|
||||
Pages[location.pathname](): [h('div#container')]
|
||||
));
|
||||
|
||||
var footerCol = function (title, L, literal) {
|
||||
return h('div.col', [
|
||||
h('ul.list-unstyled', [
|
||||
h('li.title', {
|
||||
'data-localization': title,
|
||||
}, title? Messages[title]: literal )
|
||||
].concat(L.map(function (l) {
|
||||
return h('li', [ l ]);
|
||||
}))
|
||||
)
|
||||
])
|
||||
};
|
||||
|
||||
var footLink = function (ref, loc, text) {
|
||||
var attrs = {
|
||||
href: ref,
|
||||
};
|
||||
if (!/^\//.test(ref)) {
|
||||
attrs.target = '_blank';
|
||||
attrs.rel = 'noopener noreferrer';
|
||||
}
|
||||
if (loc) {
|
||||
attrs['data-localization'] = loc;
|
||||
text = Messages[loc];
|
||||
}
|
||||
return h('a', attrs, text);
|
||||
};
|
||||
|
||||
var $footer = $(h('footer', [
|
||||
h('div.container', [
|
||||
h('div.row', [
|
||||
footerCol(null, [
|
||||
footLink('/about.html', 'about'),
|
||||
footLink('/terms.html', 'terms'),
|
||||
footLink('/privacy.html', 'privacy'),
|
||||
], 'CryptPad'),
|
||||
footerCol('footer_applications', [
|
||||
footLink('/drive/', 'main_drive'),
|
||||
footLink('/pad/', 'main_richText'),
|
||||
footLink('/code/', 'main_code'),
|
||||
footLink('/slide/', 'main_slide'),
|
||||
footLink('/poll/', 'main_poll'),
|
||||
footLink('/whiteboard/', null, Messages.type.whiteboard)
|
||||
]),
|
||||
footerCol('footer_aboutUs', [
|
||||
footLink('https://blog.cryptpad.fr', 'blog'),
|
||||
footLink('https://labs.xwiki.com', null, 'XWiki Labs'),
|
||||
footLink('http://www.xwiki.com', null, 'XWiki SAS'),
|
||||
footLink('https://www.open-paas.org', null, 'OpenPaaS')
|
||||
]),
|
||||
footerCol('footer_contact', [
|
||||
footLink('https://riot.im/app/#/room/#cryptpad:matrix.org', null, 'Chat'),
|
||||
footLink('https://twitter.com/cryptpad', null, 'Twitter'),
|
||||
footLink('https://github.com/xwiki-labs/cryptpad', null, 'GitHub'),
|
||||
footLink('/contact.html', null, 'Email')
|
||||
])
|
||||
])
|
||||
]),
|
||||
h('div.version-footer', "CryptPad v1.10.0 (Kraken)")
|
||||
]));
|
||||
|
||||
$body.append($topbar).append($main).append($footer);
|
||||
|
||||
if (/^\/settings\//.test(location.pathname)) {
|
||||
require([ '/settings/main.js', ], function () {});
|
||||
} else if (/^\/user\//.test(location.pathname)) {
|
||||
// do nothing. bogus app.
|
||||
require([ '/user/main.js'], function () {});
|
||||
} else {
|
||||
setTimeout(function () {
|
||||
require([ '/customize/main.js', ], function () {});
|
||||
});
|
||||
}
|
||||
})});
|
||||
@ -0,0 +1,285 @@
|
||||
define([
|
||||
'/common/hyperscript.js',
|
||||
'/common/cryptpad-common.js',
|
||||
], function (h, Cryptpad) {
|
||||
var Pages = {};
|
||||
var Msg = Cryptpad.Messages;
|
||||
|
||||
Pages['/about.html'] = function () {
|
||||
var p2 = h('p');
|
||||
p2.innerHTML = Msg.main_p2;
|
||||
|
||||
var hiw = h('p');
|
||||
hiw.innerHTML = Msg.main_howitworks_p1;
|
||||
return h('div#main_other', [
|
||||
h('center', [
|
||||
h('h1', Msg.about)
|
||||
]),
|
||||
p2,
|
||||
h('h2', Msg.main_howitworks),
|
||||
hiw
|
||||
]);
|
||||
};
|
||||
|
||||
Pages['/privacy.html'] = function () {
|
||||
var vpn = h('p');
|
||||
vpn.innerHTML = Msg.policy_choices_vpn;
|
||||
return h('div#main_other', [
|
||||
h('center', h('h1', Msg.policy_title)),
|
||||
h('h2', Msg.policy_whatweknow),
|
||||
h('p', Msg.policywhatweknow_p1),
|
||||
|
||||
h('h2', Msg.policy_howweuse),
|
||||
h('p', Msg.policy_howweuse_p1),
|
||||
h('p', Msg.policy_howweuse_p2),
|
||||
|
||||
h('h2', Msg.policy_whatwetell),
|
||||
h('p', Msg.policy_whatwetell_p1),
|
||||
|
||||
h('h2', Msg.policy_links),
|
||||
h('p', Msg.policy_links_p1),
|
||||
|
||||
h('h2', Msg.policy_ads),
|
||||
h('p', Msg.policy_ads_p1),
|
||||
|
||||
h('h2', Msg.policy_choices),
|
||||
h('p', Msg.policy_choices_open),
|
||||
vpn,
|
||||
|
||||
h('br')
|
||||
]);
|
||||
};
|
||||
|
||||
Pages['/terms.html'] = function () {
|
||||
return h('div#main_other', [
|
||||
h('center', h('h1', Msg.tos_title)),
|
||||
h('p', Msg.tos_legal),
|
||||
h('p', Msg.tos_availability),
|
||||
h('p', Msg.tos_e2ee),
|
||||
h('p', Msg.tos_logs),
|
||||
h('p', Msg.tos_3rdparties),
|
||||
]);
|
||||
};
|
||||
|
||||
Pages['/contact.html'] = function () {
|
||||
var about = h('p');
|
||||
about.innerHTML = Msg.main_about_p2;
|
||||
return h('div#main_other', [
|
||||
h('center', h('h1', Msg.contact)),
|
||||
about
|
||||
])
|
||||
};
|
||||
|
||||
var userForm = function () {
|
||||
return h('div#userForm.form-group.hidden', [
|
||||
h('input#name.form-control', {
|
||||
name: 'name',
|
||||
type: 'text',
|
||||
placeholder: Msg.login_username
|
||||
}),
|
||||
h('input#password.form-control', {
|
||||
name: 'password',
|
||||
type: 'password',
|
||||
placeholder: Msg.login_password
|
||||
}),
|
||||
h('div', {
|
||||
style: { display: 'none' }
|
||||
}, [
|
||||
h('span.remember.form-check', [
|
||||
h('label.form-check-label', {
|
||||
'for': 'rememberme',
|
||||
placeholder: Msg.login_remember,
|
||||
}, [
|
||||
h('input#rememberme.form-check-input', {
|
||||
type: 'checkbox',
|
||||
checked: true
|
||||
})
|
||||
])
|
||||
])
|
||||
]),
|
||||
h('button.btn.btn-secondary.login.half.first', Msg.login_login),
|
||||
h('button.btn.btn-success.register.half.first', Msg.login_register),
|
||||
h('p.separator', Msg.login_orNoLogin),
|
||||
h('p#buttons.buttons'),
|
||||
h('p.driveLink', [
|
||||
h('a.gotodrive', {
|
||||
href: '/drive/'
|
||||
}, Msg.login_nologin)
|
||||
])
|
||||
]);
|
||||
};
|
||||
|
||||
var indexContent = function () {
|
||||
var mainZK = h('p');
|
||||
mainZK.innerHTML = Msg.main_zeroKnowledge_p;
|
||||
return [
|
||||
h('div.page.category.first#knowmore', [
|
||||
h('center', [
|
||||
h('h1', Msg.main_howitworks)
|
||||
])
|
||||
]),
|
||||
h('div.page', [
|
||||
h('div.info-container', [
|
||||
h('div.left.image', [
|
||||
h('img', {
|
||||
src: '/customize/images/zeroknowledge_small.png',
|
||||
alt: 'Zero Knowledge'
|
||||
})
|
||||
]),
|
||||
h('div.right', [
|
||||
h('h2', Msg.main_zeroKnowledge),
|
||||
mainZK
|
||||
])
|
||||
])
|
||||
]),
|
||||
h('div.page.even', [
|
||||
h('div.info-container', [
|
||||
h('div.left', [
|
||||
h('h2', Msg.main_writeItDown),
|
||||
h('p', Msg.main_writeItDown_p)
|
||||
]),
|
||||
h('div.right.image', [
|
||||
h('img', {
|
||||
alt: "User account",
|
||||
src: '/customize/images/realtime_small.png',
|
||||
})
|
||||
])
|
||||
])
|
||||
]),
|
||||
h('div.page', [
|
||||
h('div.info-container', [
|
||||
h('div.left.image', [
|
||||
h('img', {
|
||||
src: '/customize/images/key_small.png',
|
||||
alt: 'User account'
|
||||
})
|
||||
]),
|
||||
h('div.right', [
|
||||
h('h2', Msg.main_share),
|
||||
h('p', Msg.main_share_p)
|
||||
])
|
||||
])
|
||||
]),
|
||||
h('div.page.even', [
|
||||
h('div.info-container', [
|
||||
h('div.left', [
|
||||
h('h2', Msg.main_organize),
|
||||
h('p', Msg.main_organize_p)
|
||||
]),
|
||||
h('div.right.image', [
|
||||
h('img', {
|
||||
src: '/customize/images/organize.png',
|
||||
alt: 'User account'
|
||||
})
|
||||
])
|
||||
])
|
||||
])
|
||||
];
|
||||
};
|
||||
|
||||
var appButton = function (alt, h2, img, p, url, btn, id) {
|
||||
var P = h('p');
|
||||
P.innerHTML = p;
|
||||
|
||||
return h('div.app', [
|
||||
h('center', [
|
||||
h('h2', h2),
|
||||
h('img', {
|
||||
alt: 'Rich Text application',
|
||||
src: img,
|
||||
})
|
||||
]),
|
||||
P,
|
||||
h('p.buttons', [
|
||||
h('a#' + id, {
|
||||
href: url,
|
||||
}, [
|
||||
h('button.btn.btn-secondary', btn),
|
||||
])
|
||||
])
|
||||
]);
|
||||
};
|
||||
|
||||
var tryIt = function () {
|
||||
return [
|
||||
h('div.class.category#tryit', [
|
||||
h('center', [
|
||||
h('h1', Msg.tryIt)
|
||||
])
|
||||
]),
|
||||
h('div.page', [
|
||||
h('div.app-container', [
|
||||
h('div.app-row', [
|
||||
appButton("Rich Text application",
|
||||
Msg.main_richText,
|
||||
'/customize/images/pad.png',
|
||||
Msg.main_richText_p,
|
||||
'/pad/',
|
||||
Msg.button_newpad,
|
||||
'create-pad'),
|
||||
appButton('Code application',
|
||||
Msg.main_code,
|
||||
'/customize/images/code.png',
|
||||
Msg.main_code_p,
|
||||
'/code/',
|
||||
Msg.button_newcode,
|
||||
'create-code'),
|
||||
appButton('Slide application',
|
||||
Msg.main_slide,
|
||||
'/customize/images/slide.png',
|
||||
Msg.main_slide_p,
|
||||
'/slide/',
|
||||
Msg.button_newslide,
|
||||
'create-slide'),
|
||||
appButton('Poll application',
|
||||
Msg.main_poll,
|
||||
'/customize/images/poll.png',
|
||||
Msg.main_poll_p,
|
||||
'/poll/',
|
||||
Msg.button_newpoll,
|
||||
'create-poll')
|
||||
])
|
||||
])
|
||||
])
|
||||
]
|
||||
};
|
||||
|
||||
Pages['/'] = Pages['/index.html'] = function () {
|
||||
var slogan = h('p.left');
|
||||
slogan.innerHTML = Msg.main_info;
|
||||
return [
|
||||
h('div#main', [
|
||||
h('div.mainOverlay'),
|
||||
h('div#align-container', [
|
||||
h('div#main-container', [
|
||||
h('div#data.hidden', [
|
||||
slogan
|
||||
]),
|
||||
userForm(),
|
||||
h('div#loggedIn.hidden', [
|
||||
h('p#loggedInHello'),
|
||||
h('p', [
|
||||
h('button.btn.btn-primary.gotodrive', Msg.login_accessDrive),
|
||||
]),
|
||||
h('p', [
|
||||
h('button#loggedInLogout.btn.btn-secondary', Msg.logoutButton)
|
||||
])
|
||||
])
|
||||
])
|
||||
]),
|
||||
])
|
||||
]
|
||||
.concat(indexContent())
|
||||
.concat(tryIt());
|
||||
};
|
||||
|
||||
Pages['/settings/'] = Pages['/settings/index.html'] = function () {
|
||||
return h('div#container');
|
||||
};
|
||||
|
||||
Pages['/user/'] = Pages['/user/index.html'] = function () {
|
||||
return h('div#container');
|
||||
};
|
||||
|
||||
return Pages;
|
||||
});
|
||||
@ -1,85 +0,0 @@
|
||||
var Fs = require("fs");
|
||||
|
||||
// read a file
|
||||
var read = function (path) {
|
||||
return Fs.readFileSync(path, 'utf-8');
|
||||
};
|
||||
|
||||
// write a file
|
||||
var write = function (path, src) {
|
||||
return Fs.writeFileSync(path, src);
|
||||
};
|
||||
|
||||
// basic templating
|
||||
var swap = function (src, dict) {
|
||||
return src.replace(/\{\{(.*?)\}\}/g, function (a, b) {
|
||||
return dict[b] || b;
|
||||
});
|
||||
};
|
||||
|
||||
// read the template file
|
||||
var template = read('./template.html');
|
||||
|
||||
// read page fragments
|
||||
var fragments = {};
|
||||
[ 'index',
|
||||
'fork',
|
||||
'topbar',
|
||||
'terms',
|
||||
'privacy',
|
||||
'about',
|
||||
'contact',
|
||||
'logo',
|
||||
'noscript',
|
||||
'footer',
|
||||
'empty',
|
||||
'script',
|
||||
'appscript'
|
||||
].forEach(function (name) {
|
||||
fragments[name] = read('./fragments/' + name + '.html');
|
||||
});
|
||||
|
||||
// build static pages
|
||||
['index', 'privacy', 'terms', 'about', 'contact'].forEach(function (page) {
|
||||
var source = swap(template, {
|
||||
topbar: fragments.topbar,
|
||||
fork: fragments.fork,
|
||||
main: swap(fragments[page] || fragments.empty, {
|
||||
topbar: fragments.topbar,
|
||||
fork: fragments.fork,
|
||||
logo: fragments.logo,
|
||||
noscript: fragments.noscript,
|
||||
footer: fragments.footer,
|
||||
}),
|
||||
logo: fragments.logo,
|
||||
noscript: fragments.noscript,
|
||||
footer: fragments.footer,
|
||||
script: fragments.script
|
||||
});
|
||||
write('../' + page + '.html', source);
|
||||
});
|
||||
|
||||
// build static pages
|
||||
[
|
||||
'../www/settings/index',
|
||||
'../www/user/index'
|
||||
].forEach(function (page) {
|
||||
var source = swap(template, {
|
||||
topbar: fragments.topbar,
|
||||
fork: fragments.fork,
|
||||
main: swap(fragments[page] || fragments.empty, {
|
||||
topbar: fragments.topbar,
|
||||
fork: fragments.fork,
|
||||
logo: fragments.logo,
|
||||
noscript: fragments.noscript,
|
||||
footer: fragments.footer,
|
||||
}),
|
||||
logo: fragments.logo,
|
||||
noscript: fragments.noscript,
|
||||
footer: fragments.footer,
|
||||
script: fragments.appscript
|
||||
});
|
||||
write('../' + page + '.html', source);
|
||||
});
|
||||
|
||||
|
||||
@ -1,11 +0,0 @@
|
||||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="about">About</h1>
|
||||
</center>
|
||||
|
||||
<p data-localization="main_p2"><!-- CkEditor, CodeMirror, Chainpad --></p>
|
||||
|
||||
<h2 id="howitworks" data-localization="main_howitworks"></h2>
|
||||
<p data-localization="main_howitworks_p1"><!-- Operational transform, Nakamoto blockchain, server kept unaware of the content--></p>
|
||||
</div>
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
<link rel="stylesheet" type="text/css" href="main.css" />
|
||||
<script data-bootload="main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
|
||||
@ -1,8 +0,0 @@
|
||||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="contact">Contact</h1>
|
||||
</center>
|
||||
|
||||
<p data-localization="main_about_p2"><!-- Contact us--></p>
|
||||
</div>
|
||||
|
||||
@ -1 +0,0 @@
|
||||
<div id="container"></div>
|
||||
@ -1,43 +0,0 @@
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<ul class="list-unstyled">
|
||||
<li class="title">CryptPad</li>
|
||||
<li><a href="/about.html" data-localization="about"></a></li>
|
||||
<li><a href="/terms.html" data-localization="terms"></a></li>
|
||||
<li><a href="/privacy.html" data-localization="privacy"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul class="list-unstyled">
|
||||
<li class="title" data-localization="footer_applications"><li>
|
||||
<li><a href="/pad/" data-localization="main_richText"></a></li>
|
||||
<li><a href="/code/" data-localization="main_code"></a></li>
|
||||
<li><a href="/slide/" data-localization="main_slide"></a></li>
|
||||
<li><a href="/poll/" data-localization="main_poll"></a></li>
|
||||
<li><a href="/drive/" data-localization="main_drive"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul class="list-unstyled">
|
||||
<li class="title" data-localization="footer_aboutUs"><li>
|
||||
<li><a href="https://blog.cryptpad.fr" target="_blank" data-localization="blog" rel="noopener noreferrer">Blog</a></li>
|
||||
<li><a href="https://labs.xwiki.com" target="_blank" rel="noopener noreferrer">XWiki Labs</a></li>
|
||||
<li><a href="http://www.xwiki.com" target="_blank" rel="noopener noreferrer">XWiki SAS</a></li>
|
||||
<li><a href="https://www.open-paas.org/" target="_blank" rel="noopener noreferrer">OpenPaaS</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul class="list-unstyled">
|
||||
<li class="title" data-localization="footer_contact"><li>
|
||||
<li><a href="https://riot.im/app/#/room/#cryptpad:matrix.org" target="_blank" rel="noopener noreferrer">Chat</a></li>
|
||||
<li><a href="https://twitter.com/cryptpad" target="_blank" rel="noopener noreferrer">Twitter</a></li>
|
||||
<li><a href="https://github.com/xwiki-labs/cryptpad" target="_blank" rel="noopener noreferrer">GitHub</a></li>
|
||||
<li><a href="/contact.html">Email</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="version-footer">CryptPad v1.9.0 (Jackelope)</div>
|
||||
</footer>
|
||||
@ -1,3 +0,0 @@
|
||||
<a data-localization-title="github_ribbon" href="https://github.com/xwiki-labs/cryptpad" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="position: absolute; top: 50px; border: 0; left: 0; transform: scale(-1, 1);z-index:2;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
|
||||
<!-- Thanks! http://tholman.com/github-corners/ -->
|
||||
|
||||
@ -1,127 +0,0 @@
|
||||
{{fork}}
|
||||
|
||||
<div id="main">
|
||||
<div class="mainOverlay"></div>
|
||||
<div id="align-container">
|
||||
<div id="main-container">
|
||||
<div id="data" class="hidden">
|
||||
<p class="left" data-localization="main_info"><!-- Collaborate in Confidence. --></p>
|
||||
</div>
|
||||
|
||||
<div id="userForm" class="form-group hidden">
|
||||
<input type="text" id="name" name="name" class="form-control" data-localization-placeholder="login_username">
|
||||
<input type="password" id="password" name="password" class="form-control" data-localization-placeholder="login_password">
|
||||
<div style="display: none;"><span class="remember form-check"><label for="rememberme" class="form-check-label" data-localization-append="login_remember"><input type="checkbox" id="rememberme" class="form-check-input" checked="checked"></label></span><br></div>
|
||||
<button class="btn btn-secondary login half first" data-localization="login_login"></button> <button class="btn btn-success register half" data-localization="login_register"></button>
|
||||
<p class="separator" data-localization="login_orNoLogin"></p>
|
||||
<p id="buttons" class="buttons"></p>
|
||||
<p class="driveLink"><a class="gotodrive" href="/drive/" data-localization="login_nologin"></a></p>
|
||||
</div>
|
||||
<div id="loggedIn" class="hidden">
|
||||
<p id="loggedInHello"></p>
|
||||
<p><button class="btn btn-primary gotodrive" data-localization="login_accessDrive"></button></p>
|
||||
<p><button id="loggedInLogOut" class="btn btn-secondary" data-localization="logoutButton"></button></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page category first" id="knowmore">
|
||||
<center>
|
||||
<h1 data-localization="main_howitworks"></h1>
|
||||
</center>
|
||||
</div>
|
||||
<div class="page">
|
||||
<div class="info-container">
|
||||
<div class="left image">
|
||||
<img src="customize/images/zeroknowledge_small.png" alt="Zero Knowledge" />
|
||||
</div>
|
||||
<div class="right">
|
||||
<h2 data-localization="main_zeroKnowledge"></h2>
|
||||
<p data-localization="main_zeroKnowledge_p"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page even">
|
||||
<div class="info-container">
|
||||
<div class="left">
|
||||
<h2 data-localization="main_writeItDown"></h2>
|
||||
<p data-localization="main_writeItDown_p"></p>
|
||||
</div>
|
||||
<div class="right image">
|
||||
<img src="customize/images/realtime_small.png" alt="User account" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page">
|
||||
<div class="info-container">
|
||||
<div class="left image">
|
||||
<img src="customize/images/key_small.png" alt="User account" />
|
||||
</div>
|
||||
<div class="right">
|
||||
<h2 data-localization="main_share"></h2>
|
||||
<p data-localization="main_share_p"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page even">
|
||||
<div class="info-container">
|
||||
<div class="left">
|
||||
<h2 data-localization="main_organize"></h2>
|
||||
<p data-localization="main_organize_p"></p>
|
||||
</div>
|
||||
<div class="right image">
|
||||
<img src="customize/images/organize.png" alt="User account" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page category" id="tryit">
|
||||
<center>
|
||||
<h1 data-localization="tryIt">Try it out!</h1>
|
||||
</center>
|
||||
</div>
|
||||
<div class="page">
|
||||
<div class="app-container">
|
||||
<div class="app-row">
|
||||
<div class="app">
|
||||
<center>
|
||||
<h2 data-localization="main_richText"></h2>
|
||||
<img src="customize/images/pad.png" alt="Rich Text application" />
|
||||
</center>
|
||||
<p data-localization="main_richText_p"></p>
|
||||
<p class="buttons">
|
||||
<a id="create-pad" href="/pad/"><button class="btn btn-secondary" data-localization="button_newpad"></button></a>
|
||||
</p>
|
||||
</div><div class="app">
|
||||
<center>
|
||||
<h2 data-localization="main_code"></h2>
|
||||
<img src="customize/images/code.png" alt="Code application" />
|
||||
</center>
|
||||
<p data-localization="main_code_p"></p>
|
||||
<p class="buttons">
|
||||
<a id="create-code" href="/code/"><button class="btn btn-secondary" data-localization="button_newcode"></button></a>
|
||||
</p>
|
||||
</div><!--
|
||||
--></div><!--
|
||||
--><div class="app-row"><!--
|
||||
--><div class="app">
|
||||
<center>
|
||||
<h2 data-localization="main_slide"></h2>
|
||||
<img src="customize/images/slide.png" alt="Slide applcation" />
|
||||
</center>
|
||||
<p data-localization="main_slide_p"></p>
|
||||
<p class="buttons">
|
||||
<a id="create-slide" href="/slide/"><button class="btn btn-secondary" data-localization="button_newslide"></button></a>
|
||||
</p>
|
||||
</div><div class="app">
|
||||
<center>
|
||||
<h2 data-localization="main_poll"></h2>
|
||||
<img src="customize/images/poll.png" alt="Poll application" />
|
||||
</center>
|
||||
<p data-localization="main_poll_p"></p>
|
||||
<p class="buttons">
|
||||
<a id="create-poll" href="/poll/"><button class="btn btn-secondary" data-localization="button_newpoll"></button></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,3 +0,0 @@
|
||||
<center>
|
||||
<a href="/"><img class="imgcenter cryptofist" src="/customize/cryptofist_small.png" /></a>
|
||||
</center>
|
||||
@ -1,14 +0,0 @@
|
||||
<noscript>
|
||||
<div id="noscriptContainer">
|
||||
<div class="mainOverlay"></div>
|
||||
<div id="noscript">
|
||||
<p>
|
||||
<strong>OOPS</strong> In order to do encryption in your browser, Javascript is really <strong>really</strong> required.
|
||||
</p>
|
||||
<hr>
|
||||
<p>
|
||||
<strong>OUPS</strong> Afin de pouvoir réaliser le chiffrement dans votre navigateur, Javascript est <strong>vraiment</strong> nécessaire.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</noscript>
|
||||
@ -1,29 +0,0 @@
|
||||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="policy_title"></h1>
|
||||
</center>
|
||||
|
||||
<h2 data-localization="policy_whatweknow"></h2>
|
||||
<p data-localization="policy_whatweknow_p1"><!-- HTTP headers, IP address--></p>
|
||||
|
||||
<h2 data-localization="policy_howweuse"></h2>
|
||||
<p data-localization="policy_howweuse_p1"><!-- Referrer : promoting--></p>
|
||||
<p data-localization="policy_howweuse_p2"><!-- Browser : prioritizing new features--></p>
|
||||
|
||||
<h2 data-localization="policy_whatwetell"></h2>
|
||||
<p data-localization="policy_whatwetell_p1"></p>
|
||||
|
||||
<h2 data-localization="policy_links"></h2>
|
||||
<p data-localization="policy_links_p1"></p>
|
||||
|
||||
<h2 data-localization="policy_ads"></h2>
|
||||
<p data-localization="policy_ads_p1"></p>
|
||||
|
||||
<h2 data-localization="policy_choices"></h2>
|
||||
<p data-localization="policy_choices_open"></p>
|
||||
<p data-localization="policy_choices_vpn"></p>
|
||||
|
||||
<br />
|
||||
</div>
|
||||
|
||||
|
||||
@ -1 +0,0 @@
|
||||
<script data-bootload="/customize/main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
|
||||
@ -1,14 +0,0 @@
|
||||
<!--<table class="recent scroll" style="display:none">
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<th data-localization="table_type"></th>
|
||||
<th data-localization="table_link"></th>
|
||||
<th data-localization="table_created"></th>
|
||||
<th data-localization="table_last"></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>-->
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="tos_title"></h1>
|
||||
</center>
|
||||
|
||||
<p data-localization="tos_legal"></p>
|
||||
<p data-localization="tos_availability"></p>
|
||||
<p data-localization="tos_e2ee"></p>
|
||||
<p data-localization="tos_logs"></p>
|
||||
<p data-localization="tos_3rdparties"></p>
|
||||
</div>
|
||||
|
||||
@ -1,30 +0,0 @@
|
||||
<div id="cryptpadTopBar">
|
||||
<span>
|
||||
<a class="gotoMain" href="/">
|
||||
<img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<!--<span class="slogan" data-localization="main_slogan"></span>-->
|
||||
|
||||
<span id="user-menu" class="right dropdown-bar"></span>
|
||||
<span id="language-selector" class="right dropdown-bar"></span>
|
||||
<span class="link right">
|
||||
<a href="/about.html" data-localization="about">About</a>
|
||||
</span>
|
||||
<span class="link right">
|
||||
<a href="/privacy.html" data-localization="privacy">Privacy</a>
|
||||
</span>
|
||||
<span class="link right">
|
||||
<a href="/terms.html" data-localization="terms">ToS</a>
|
||||
</span>
|
||||
<span class="link right">
|
||||
<a href="/contact.html" data-localization="contact">Contact</a>
|
||||
</span>
|
||||
<span class="link right">
|
||||
<a href="https://blog.cryptpad.fr/" data-localization="blog">Blog</a>
|
||||
</span>
|
||||
<span class="link right">
|
||||
<button id="upgrade" class="upgrade btn buttonSuccess" style="display: none;"></button>
|
||||
</span>
|
||||
</div>
|
||||
@ -0,0 +1,64 @@
|
||||
/*@flow*/
|
||||
/*:: const define = () => {}; */
|
||||
define([
|
||||
'/api/config',
|
||||
'/bower_components/less/dist/less.js'
|
||||
], function (Config, Less) { /*::});module.exports = (function() {
|
||||
const Config = (undefined:any);
|
||||
const Less = (undefined:any);
|
||||
*/
|
||||
|
||||
var module = { exports: {} };
|
||||
var key = Config.requireConf.urlArgs;
|
||||
var localStorage = window.localStorage || {};
|
||||
|
||||
var fixURL = function (url) {
|
||||
var mark = (url.indexOf('?') !== -1) ? '&' : '?';
|
||||
return url + mark + key;
|
||||
};
|
||||
|
||||
var doXHR = Less.FileManager.prototype.doXHR;
|
||||
Less.FileManager.prototype.doXHR = function (url, type, callback, errback) {
|
||||
url = fixURL(url);
|
||||
//console.log("xhr: " + url);
|
||||
return doXHR(url, type, callback, errback);
|
||||
};
|
||||
|
||||
var inject = function (cssText, url) {
|
||||
var curStyle = document.createElement('style');
|
||||
curStyle.setAttribute('data-original-src', url);
|
||||
curStyle.type = 'text/css';
|
||||
curStyle.appendChild(document.createTextNode(cssText));
|
||||
if (!document.head) { throw new Error(); }
|
||||
document.head.appendChild(curStyle);
|
||||
};
|
||||
|
||||
var checkCache = function () {
|
||||
if (localStorage['LESS_CACHE'] === key) { return; }
|
||||
Object.keys(localStorage).forEach(function (k) {
|
||||
if (k.indexOf('LESS_CACHE|') !== 0) { return; }
|
||||
delete localStorage[k];
|
||||
});
|
||||
localStorage['LESS_CACHE'] = key;
|
||||
};
|
||||
|
||||
var load = module.exports.load = function (url /*:string*/, cb /*:()=>void*/) {
|
||||
checkCache();
|
||||
if (localStorage['LESS_CACHE|' + key + '|' + url]) {
|
||||
inject(localStorage['LESS_CACHE|' + key + '|' + url], url);
|
||||
cb();
|
||||
return;
|
||||
}
|
||||
Less.render('@import (multiple) "' + url + '";', {}, function(err, css) {
|
||||
if (err) {
|
||||
console.log(err);
|
||||
return;
|
||||
}
|
||||
localStorage['LESS_CACHE|' + key + '|' + url] = css.css;
|
||||
inject(css.css, url);
|
||||
cb();
|
||||
}, window.less);
|
||||
};
|
||||
|
||||
return module.exports;
|
||||
})/*::()*/;
|
||||
@ -0,0 +1,12 @@
|
||||
define([
|
||||
'/common/LessLoader.js'
|
||||
], function (LessLoader) {
|
||||
var api = {};
|
||||
api.normalize = function(name, normalize) {
|
||||
return normalize(name);
|
||||
};
|
||||
api.load = function(cssId, req, load, config) {
|
||||
LessLoader.load(cssId, load);
|
||||
};
|
||||
return api;
|
||||
});
|
||||
Loading…
Reference in New Issue