Test new home page
This commit is contained in:
yflory
parent
a9063e0459
commit
6652e9d6d9
|
|
@ -14,20 +14,37 @@
|
|||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<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: 0; border: 0; left: 0; transform: scale(-1, 1);" 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>
|
||||
<body class="html">
|
||||
<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 class="right">
|
||||
<a href="/about.html">About</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/privacy.html">Privacy</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/terms.html">ToS</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/contact.html">Contact</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<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: 80px; border: 0; left: 0; transform: scale(-1, 1);" 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/ -->
|
||||
|
||||
|
||||
|
||||
<span id="language-selector" class="dropdown-bar"></span>
|
||||
|
||||
<div id="main">
|
||||
<center>
|
||||
<a href="/"><img class="imgcenter cryptofist" src="/customize/cryptofist_small.png" /></a>
|
||||
</center>
|
||||
|
||||
|
||||
<center>
|
||||
<noscript>
|
||||
<p>
|
||||
|
|
@ -42,6 +59,7 @@
|
|||
|
||||
|
||||
|
||||
<div id="main_other">
|
||||
<center>
|
||||
<h1>About</h1>
|
||||
</center>
|
||||
|
|
@ -50,10 +68,9 @@
|
|||
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
BIN
customize.dist/bg.jpg
Normal file
BIN
customize.dist/bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
73
customize.dist/contact.html
Normal file
73
customize.dist/contact.html
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="cp">
|
||||
<head>
|
||||
<title data-localization="main_title">Cryptpad: Zero Knowledge, Collaborative Real Time Editing</title>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<link rel="stylesheet" type="text/css" href="/customize/main.css" />
|
||||
<link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
|
||||
<link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
|
||||
<script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
|
||||
<script src="/bower_components/requirejs/require.js"></script>
|
||||
<script>
|
||||
require.config({
|
||||
waitSeconds: 60,
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="html">
|
||||
<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 class="right">
|
||||
<a href="/about.html">About</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/privacy.html">Privacy</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/terms.html">ToS</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/contact.html">Contact</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<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: 80px; border: 0; left: 0; transform: scale(-1, 1);" 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/ -->
|
||||
|
||||
|
||||
|
||||
<span id="language-selector" class="dropdown-bar"></span>
|
||||
<center>
|
||||
<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>
|
||||
</noscript>
|
||||
</center>
|
||||
|
||||
|
||||
|
||||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="contact_title">Contact</h1>
|
||||
</center>
|
||||
|
||||
<p data-localization="main_about_p2"><!-- Contact us--></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -14,20 +14,37 @@
|
|||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<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: 0; border: 0; left: 0; transform: scale(-1, 1);" 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>
|
||||
<body class="html">
|
||||
<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 class="right">
|
||||
<a href="/about.html">About</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/privacy.html">Privacy</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/terms.html">ToS</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/contact.html">Contact</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<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: 80px; border: 0; left: 0; transform: scale(-1, 1);" 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/ -->
|
||||
|
||||
|
||||
|
||||
<span id="language-selector" class="dropdown-bar"></span>
|
||||
|
||||
<div id="main">
|
||||
<center>
|
||||
<a href="/"><img class="imgcenter cryptofist" src="/customize/cryptofist_small.png" /></a>
|
||||
</center>
|
||||
|
||||
|
||||
<center>
|
||||
<noscript>
|
||||
<p>
|
||||
|
|
@ -42,50 +59,41 @@
|
|||
|
||||
|
||||
|
||||
<center>
|
||||
<h1 data-localization="main_slogan"></h1>
|
||||
</center>
|
||||
<div id="main">
|
||||
<div id="data">
|
||||
<p class="left" data-localization="main_p1"><!-- Zero Knowledge collaborative realtime editor. Protected from the NSA. --></p>
|
||||
|
||||
<p data-localization="main_p1"><!-- Zero Knowledge collaborative realtime editor. Protected from the NSA. --></p>
|
||||
|
||||
<center>
|
||||
<h5 id="tryit" data-localization="tryIt"></h5>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
(<a href="/file" target="_blank" data-localization="main_openFileManager">Open in a new tab</a>)
|
||||
|
||||
<iframe src="/file/#iframe" id="fileManagerIframe"></iframe>
|
||||
<br />
|
||||
-->
|
||||
<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>
|
||||
|
||||
<div id="buttons" class="buttons">
|
||||
<a id="create-pad" class="button create" href="/pad/" data-localization="button_newpad"></a>
|
||||
<a id="create-code" class="button create" href="/code/" data-localization="button_newcode"></a>
|
||||
<a id="create-poll" class="button create" href="/poll/" data-localization="button_newpoll"></a>
|
||||
<a id="create-pad" class="button create" href="/pad/" data-localization="button_newpad"></a><br/>
|
||||
<a id="create-code" class="button create" href="/code/" data-localization="button_newcode"></a><br/>
|
||||
<a id="create-poll" class="button create" href="/poll/" data-localization="button_newpoll"></a><br/>
|
||||
<a id="create-slide" class="button create" href="/slide/" data-localization="button_newslide"></a>
|
||||
</div>
|
||||
|
||||
</center>
|
||||
</div>
|
||||
|
||||
<p data-localization="main_about_p1"><!-- Privacy policy, terms of service --></p>
|
||||
<p data-localization="main_about_p2"><!-- Contact us--></p>
|
||||
<div id="userForm">
|
||||
<center>
|
||||
<h1>Join Us!</h1>
|
||||
</center>
|
||||
<label for="name" data-localization="form_username"></label><br>
|
||||
<input type="text" id="name" data-localization-placeholder="login_username" autofocus><br>
|
||||
|
||||
<label for="password" data-localization="form_password"></label><br>
|
||||
<input type="password" id="password" data-localization-placeholder="login_password"><br>
|
||||
|
||||
<input type="checkbox" checked="checked"><label for="rememberme" data-localization="login_remember"></label><br>
|
||||
<br>
|
||||
<button class="create button half first">Log in</button> <button class="create button half">Register</button><br>
|
||||
<button class="create button">Continue without logging in</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
*/
|
||||
.alertify-logs > * {
|
||||
padding: 12px 48px;
|
||||
color: #fafafa;
|
||||
color: #111;
|
||||
font-weight: bold;
|
||||
font-size: large;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
.alertify-logs > *.success {
|
||||
background: #46E981;
|
||||
color: #302B28;
|
||||
color: #ddd;
|
||||
}
|
||||
.alertify {
|
||||
position: fixed;
|
||||
|
|
@ -79,8 +79,8 @@
|
|||
}
|
||||
.alertify .dialog input:not(.form-control),
|
||||
.alertify .alert input:not(.form-control) {
|
||||
background-color: #302B28;
|
||||
color: #fafafa;
|
||||
background-color: #ddd;
|
||||
color: #111;
|
||||
border: 0px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 15px;
|
||||
|
|
@ -112,8 +112,8 @@
|
|||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: #fafafa;
|
||||
border: 1px solid #302B28;
|
||||
color: #111;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover,
|
||||
|
|
@ -124,7 +124,7 @@
|
|||
}
|
||||
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus,
|
||||
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus {
|
||||
border: 1px dotted #302B28;
|
||||
border: 1px dotted #ddd;
|
||||
}
|
||||
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button)::-moz-focus-inner,
|
||||
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button)::-moz-focus-inner {
|
||||
|
|
@ -210,7 +210,7 @@
|
|||
height: 2.5em;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
background: #302B28;
|
||||
background: #ddd;
|
||||
border-top: 1px solid #444;
|
||||
}
|
||||
.top-bar a,
|
||||
|
|
@ -226,7 +226,7 @@
|
|||
display: block;
|
||||
margin-left: 10px;
|
||||
padding-top: 3px;
|
||||
color: #fafafa;
|
||||
color: #111;
|
||||
}
|
||||
.top-bar img,
|
||||
.bottom-bar img {
|
||||
|
|
@ -305,7 +305,7 @@
|
|||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
background: #302B28;
|
||||
background: #ddd;
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
|
@ -399,17 +399,65 @@
|
|||
font-size: 16px;
|
||||
white-space: normal;
|
||||
}
|
||||
#cryptpadTopBar {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 80px;
|
||||
color: #000;
|
||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
font-size: 40px;
|
||||
}
|
||||
#cryptpadTopBar > span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
}
|
||||
#cryptpadTopBar .cryptpad-logo {
|
||||
height: 70px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#cryptpadTopBar .slogan {
|
||||
font-size: 20px;
|
||||
color: #000;
|
||||
line-height: 70px;
|
||||
}
|
||||
#cryptpadTopBar .gotoMain {
|
||||
color: #000;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
}
|
||||
#cryptpadTopBar .right {
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
margin: 0px 5px;
|
||||
background: #2E9AFE;
|
||||
}
|
||||
#cryptpadTopBar .right a {
|
||||
text-align: center;
|
||||
min-width: 100px;
|
||||
font-weight: bold;
|
||||
height: 70px;
|
||||
padding: 0 10px;
|
||||
line-height: 70px;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
}
|
||||
html.cp,
|
||||
.cp body {
|
||||
font-size: .875em;
|
||||
background-color: #302B28;
|
||||
color: #fafafa;
|
||||
background-color: #ddd;
|
||||
color: #111;
|
||||
font-family: Georgia,Cambria,serif;
|
||||
height: 100;
|
||||
height: 100%;
|
||||
}
|
||||
.cp:not(.poll) #language-selector {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
top: 80px;
|
||||
right: 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -423,10 +471,11 @@ html.cp,
|
|||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
.cp a.github-corner > svg {
|
||||
fill: #00ADEE;
|
||||
color: #302B28;
|
||||
color: #ddd;
|
||||
}
|
||||
.cp .lato {
|
||||
font-family: lato, Helvetica, sans-serif;
|
||||
|
|
@ -438,7 +487,7 @@ html.cp,
|
|||
.cp h4,
|
||||
.cp h5,
|
||||
.cp h6 {
|
||||
color: #fafafa;
|
||||
color: #111;
|
||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
-webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
|
||||
-moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
|
||||
|
|
@ -484,11 +533,11 @@ html.cp,
|
|||
}
|
||||
.cp a {
|
||||
cursor: pointer;
|
||||
color: #46E981;
|
||||
color: #3333ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.cp a:hover {
|
||||
color: #a1f4bf;
|
||||
color: #0000cc;
|
||||
}
|
||||
.cp img {
|
||||
height: auto;
|
||||
|
|
@ -511,28 +560,115 @@ html.cp,
|
|||
font-family: lato, Helvetica, sans-serif;
|
||||
font-size: 1.02em;
|
||||
}
|
||||
.cp #main {
|
||||
.cp .page {
|
||||
width: 70vw;
|
||||
height: 90vh;
|
||||
margin-left: 15vw;
|
||||
background: blue;
|
||||
}
|
||||
.cp .page.first {
|
||||
margin-top: calc(100vh - 80px);
|
||||
}
|
||||
.cp .page2 {
|
||||
width: 70vw;
|
||||
height: 100vh;
|
||||
background: red;
|
||||
}
|
||||
.cp #main {
|
||||
background-image: url('/customize/bg.jpg');
|
||||
background-size: cover;
|
||||
}
|
||||
.cp #main,
|
||||
.cp #main_other {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0 15vw;
|
||||
height: calc(100vh - 80px);
|
||||
margin: auto;
|
||||
font-size: medium;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.cp #main #data,
|
||||
.cp #main_other #data {
|
||||
color: #000;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: calc(100% - 450px - 30vw);
|
||||
background-color: rgba(34, 177, 221, 0.8);
|
||||
}
|
||||
.cp #main #data p,
|
||||
.cp #main_other #data p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.cp #main #data h5,
|
||||
.cp #main_other #data h5 {
|
||||
color: #000;
|
||||
}
|
||||
.cp #main #userForm,
|
||||
.cp #main_other #userForm {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 15vw;
|
||||
margin-left: 50px;
|
||||
display: inline-block;
|
||||
width: 400px;
|
||||
height: 350px;
|
||||
background-color: rgba(34, 177, 221, 0.8);
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
font-family: lato, Helvetica, sans-serif;
|
||||
color: #000;
|
||||
}
|
||||
.cp #main #userForm h1,
|
||||
.cp #main_other #userForm h1 {
|
||||
color: black;
|
||||
}
|
||||
.cp #main #userForm [type="text"],
|
||||
.cp #main_other #userForm [type="text"],
|
||||
.cp #main #userForm [type="password"],
|
||||
.cp #main_other #userForm [type="password"] {
|
||||
width: calc(100% - 10px);
|
||||
height: 1.5em;
|
||||
border-radius: 0;
|
||||
}
|
||||
.cp #main #userForm [type="checkbox"],
|
||||
.cp #main_other #userForm [type="checkbox"] {
|
||||
vertical-align: sub;
|
||||
margin: 0;
|
||||
margin-top: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.cp #main #userForm button,
|
||||
.cp #main_other #userForm button {
|
||||
width: 100%;
|
||||
margin: 2px 0px;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
}
|
||||
.cp #main #userForm button.half,
|
||||
.cp #main_other #userForm button.half {
|
||||
width: calc(50% - 2px);
|
||||
}
|
||||
.cp #main .buttons,
|
||||
.cp #main_other .buttons {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.cp #fileManagerIframe {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.cp .buttons {
|
||||
margin-bottom: 50px;
|
||||
margin-top: 20px;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
.cp .create,
|
||||
.cp .action {
|
||||
display: inline-block;
|
||||
border: 2px solid #46E981;
|
||||
background-color: #302B28;
|
||||
color: #46E981;
|
||||
border: 0;
|
||||
background-color: #3333ff;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: large;
|
||||
margin-right: 5px;
|
||||
|
|
@ -540,13 +676,11 @@ html.cp,
|
|||
}
|
||||
.cp .create:hover,
|
||||
.cp .action:hover {
|
||||
border: 2px solid #a1f4bf;
|
||||
color: #46E981;
|
||||
color: #cccccc;
|
||||
}
|
||||
.cp .button {
|
||||
padding: 4px 12px 4px 12px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
margin: 2px 0;
|
||||
display: inline-block;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
|
@ -577,7 +711,7 @@ html.cp,
|
|||
cursor: pointer;
|
||||
}
|
||||
.cp tbody tr:nth-child(odd) {
|
||||
background-color: #685d56;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.cp tbody tr th:first-of-type {
|
||||
border-left: 0px;
|
||||
|
|
@ -588,7 +722,7 @@ html.cp,
|
|||
}
|
||||
.cp tbody tr th,
|
||||
.cp tbody tr td {
|
||||
color: #fafafa;
|
||||
color: #111;
|
||||
}
|
||||
.cp tbody tr th.remove,
|
||||
.cp tbody tr td.remove {
|
||||
|
|
@ -659,7 +793,7 @@ html.cp,
|
|||
.cp form.realtime table tr td div.text-cell input[disabled],
|
||||
.cp div.realtime table tr td div.text-cell input[disabled] {
|
||||
background-color: transparent;
|
||||
color: #fafafa;
|
||||
color: #111;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cp form.realtime table tr td.checkbox-cell,
|
||||
|
|
@ -694,7 +828,7 @@ html.cp,
|
|||
.cp div.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"]:not(.editable) ~ .cover {
|
||||
font-weight: bold;
|
||||
background-color: #FF0073;
|
||||
color: #302B28;
|
||||
color: #ddd;
|
||||
display: block;
|
||||
}
|
||||
.cp form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"]:not(.editable) ~ .cover:after,
|
||||
|
|
@ -724,13 +858,13 @@ html.cp,
|
|||
.cp form.realtime table input[type="text"],
|
||||
.cp div.realtime table input[type="text"] {
|
||||
height: auto;
|
||||
border: 1px solid #302B28;
|
||||
border: 1px solid #ddd;
|
||||
width: 80%;
|
||||
}
|
||||
.cp form.realtime table thead td,
|
||||
.cp div.realtime table thead td {
|
||||
padding: 0px 5px;
|
||||
background: #4c443f;
|
||||
background: #f7f7f7;
|
||||
border-radius: 20px 20px 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -747,7 +881,7 @@ html.cp,
|
|||
}
|
||||
.cp form.realtime table tbody .text-cell,
|
||||
.cp div.realtime table tbody .text-cell {
|
||||
background: #4c443f;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.cp form.realtime table tbody .text-cell input[type="text"],
|
||||
.cp div.realtime table tbody .text-cell input[type="text"] {
|
||||
|
|
@ -780,7 +914,7 @@ html.cp,
|
|||
.cp form.realtime table thead tr th input[type="text"][disabled],
|
||||
.cp div.realtime table thead tr th input[type="text"][disabled] {
|
||||
background-color: transparent;
|
||||
color: #fafafa;
|
||||
color: #111;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cp form.realtime table thead tr th .remove,
|
||||
|
|
@ -843,7 +977,7 @@ html.cp,
|
|||
width: 100%;
|
||||
height: 100vh;
|
||||
display: none;
|
||||
background-color: #302B28;
|
||||
background-color: #ddd;
|
||||
}
|
||||
.cp div.modal #content,
|
||||
.cp div#modal #content {
|
||||
|
|
@ -934,7 +1068,7 @@ html.cp,
|
|||
width: 80%;
|
||||
height: 80%;
|
||||
margin: auto;
|
||||
border: 1px solid #685d56;
|
||||
border: 1px solid #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.cp div.modal.shown,
|
||||
|
|
@ -950,7 +1084,7 @@ html.cp,
|
|||
.cp div#modal table input {
|
||||
height: 100%;
|
||||
width: 90%;
|
||||
border: 3px solid #302B28;
|
||||
border: 3px solid #ddd;
|
||||
}
|
||||
.cp div.modal table tfoot tr td,
|
||||
.cp div#modal table tfoot tr td {
|
||||
|
|
|
|||
|
|
@ -33,7 +33,8 @@ define([
|
|||
var displayCreateButtons = function () {
|
||||
var $parent = $('#buttons');
|
||||
Config.availablePadTypes.forEach(function (el) {
|
||||
$('#create-' + el).detach().appendTo($parent).attr('target', '_blank').show();
|
||||
$('#create-' + el)//.detach().appendTo($parent)
|
||||
.attr('target', '_blank').show();
|
||||
});
|
||||
};
|
||||
|
||||
|
|
@ -165,7 +166,7 @@ define([
|
|||
|
||||
Cryptpad.styleAlerts();
|
||||
|
||||
refreshTable();
|
||||
//refreshTable();
|
||||
if (Cryptpad.store && Cryptpad.store.change) {
|
||||
Cryptpad.store.change(function (data) {
|
||||
if (data.key === 'CryptPad_RECENTPADS') {
|
||||
|
|
|
|||
|
|
@ -14,20 +14,37 @@
|
|||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<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: 0; border: 0; left: 0; transform: scale(-1, 1);" 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>
|
||||
<body class="html">
|
||||
<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 class="right">
|
||||
<a href="/about.html">About</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/privacy.html">Privacy</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/terms.html">ToS</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/contact.html">Contact</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<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: 80px; border: 0; left: 0; transform: scale(-1, 1);" 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/ -->
|
||||
|
||||
|
||||
|
||||
<span id="language-selector" class="dropdown-bar"></span>
|
||||
|
||||
<div id="main">
|
||||
<center>
|
||||
<a href="/"><img class="imgcenter cryptofist" src="/customize/cryptofist_small.png" /></a>
|
||||
</center>
|
||||
|
||||
|
||||
<center>
|
||||
<noscript>
|
||||
<p>
|
||||
|
|
@ -42,6 +59,7 @@
|
|||
|
||||
|
||||
|
||||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="policy_title"></h1>
|
||||
</center>
|
||||
|
|
@ -68,11 +86,10 @@
|
|||
<p data-localization="policy_choices_ads"></p>
|
||||
|
||||
<br />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
|
|
@ -24,9 +24,11 @@ var template = read('./template.html');
|
|||
var fragments = {};
|
||||
[ 'index',
|
||||
'fork',
|
||||
'topbar',
|
||||
'terms',
|
||||
'privacy',
|
||||
'about',
|
||||
'contact',
|
||||
'logo',
|
||||
'noscript',
|
||||
].forEach(function (name) {
|
||||
|
|
@ -34,8 +36,9 @@ var fragments = {};
|
|||
});
|
||||
|
||||
// build static pages
|
||||
['index', 'privacy', 'terms', 'about',].forEach(function (page) {
|
||||
['index', 'privacy', 'terms', 'about', 'contact',].forEach(function (page) {
|
||||
var source = swap(template, {
|
||||
topbar: fragments.topbar,
|
||||
fork: fragments.fork,
|
||||
main: fragments[page],
|
||||
logo: fragments.logo,
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<div id="main_other">
|
||||
<center>
|
||||
<h1>About</h1>
|
||||
</center>
|
||||
|
|
@ -6,5 +7,5 @@
|
|||
|
||||
<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>
|
||||
|
||||
|
|
|
|||
8
customize.dist/src/fragments/contact.html
Normal file
8
customize.dist/src/fragments/contact.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="contact_title">Contact</h1>
|
||||
</center>
|
||||
|
||||
<p data-localization="main_about_p2"><!-- Contact us--></p>
|
||||
</div>
|
||||
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
<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: 0; border: 0; left: 0; transform: scale(-1, 1);" 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>
|
||||
<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: 80px; border: 0; left: 0; transform: scale(-1, 1);" 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,42 +1,34 @@
|
|||
<center>
|
||||
<h1 data-localization="main_slogan"></h1>
|
||||
</center>
|
||||
<div id="main">
|
||||
<div id="data">
|
||||
<p class="left" data-localization="main_p1"><!-- Zero Knowledge collaborative realtime editor. Protected from the NSA. --></p>
|
||||
|
||||
<p data-localization="main_p1"><!-- Zero Knowledge collaborative realtime editor. Protected from the NSA. --></p>
|
||||
|
||||
<center>
|
||||
<h5 id="tryit" data-localization="tryIt"></h5>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
(<a href="/file" target="_blank" data-localization="main_openFileManager">Open in a new tab</a>)
|
||||
|
||||
<iframe src="/file/#iframe" id="fileManagerIframe"></iframe>
|
||||
<br />
|
||||
-->
|
||||
<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>
|
||||
|
||||
<div id="buttons" class="buttons">
|
||||
<a id="create-pad" class="button create" href="/pad/" data-localization="button_newpad"></a>
|
||||
<a id="create-code" class="button create" href="/code/" data-localization="button_newcode"></a>
|
||||
<a id="create-poll" class="button create" href="/poll/" data-localization="button_newpoll"></a>
|
||||
<a id="create-pad" class="button create" href="/pad/" data-localization="button_newpad"></a><br/>
|
||||
<a id="create-code" class="button create" href="/code/" data-localization="button_newcode"></a><br/>
|
||||
<a id="create-poll" class="button create" href="/poll/" data-localization="button_newpoll"></a><br/>
|
||||
<a id="create-slide" class="button create" href="/slide/" data-localization="button_newslide"></a>
|
||||
</div>
|
||||
|
||||
</center>
|
||||
</div>
|
||||
|
||||
<div id="userForm">
|
||||
<center>
|
||||
<h1>Join Us!</h1>
|
||||
</center>
|
||||
<label for="name" data-localization="form_username"></label><br>
|
||||
<input type="text" id="name" data-localization-placeholder="login_username" autofocus><br>
|
||||
|
||||
<label for="password" data-localization="form_password"></label><br>
|
||||
<input type="password" id="password" data-localization-placeholder="login_password"><br>
|
||||
|
||||
<input type="checkbox" checked="checked"><label for="rememberme" data-localization="login_remember"></label><br>
|
||||
<br>
|
||||
<button class="create button half first">Log in</button> <button class="create button half">Register</button><br>
|
||||
<button class="create button">Continue without logging in</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<p data-localization="main_about_p1"><!-- Privacy policy, terms of service --></p>
|
||||
<p data-localization="main_about_p2"><!-- Contact us--></p>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="policy_title"></h1>
|
||||
</center>
|
||||
|
|
@ -24,6 +25,6 @@
|
|||
<p data-localization="policy_choices_ads"></p>
|
||||
|
||||
<br />
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="tos_title"></h1>
|
||||
</center>
|
||||
|
|
@ -7,4 +8,5 @@
|
|||
<p data-localization="tos_e2ee"></p>
|
||||
<p data-localization="tos_logs"></p>
|
||||
<p data-localization="tos_3rdparties"></p>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
22
customize.dist/src/fragments/topbar.html
Normal file
22
customize.dist/src/fragments/topbar.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<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 class="right">
|
||||
<a href="/about.html">About</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/privacy.html">Privacy</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/terms.html">ToS</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/contact.html">Contact</a>
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -5,6 +5,7 @@
|
|||
@import "./bar.less";
|
||||
@import "./loading.less";
|
||||
@import "./dropdown.less";
|
||||
@import "./topbar.less";
|
||||
|
||||
html.cp, .cp body {
|
||||
font-size: .875em;
|
||||
|
|
@ -12,13 +13,13 @@ html.cp, .cp body {
|
|||
color: @fore;
|
||||
|
||||
font-family: Georgia,Cambria,serif;
|
||||
height: 100;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.cp:not(.poll) {
|
||||
#language-selector {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
top: 80px;
|
||||
right: 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -30,6 +31,7 @@ body {
|
|||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a.github-corner > svg {
|
||||
|
|
@ -97,11 +99,11 @@ h6 {
|
|||
|
||||
a {
|
||||
cursor: pointer;
|
||||
color: @cp-green;
|
||||
color: @cp-darkblue;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: @cp-accent;
|
||||
color: @cp-accent2;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -123,12 +125,111 @@ p, pre, td, a, table, tr {
|
|||
.lato;
|
||||
}
|
||||
|
||||
body.html {
|
||||
}
|
||||
.page {
|
||||
width: 70vw;
|
||||
height: 90vh;
|
||||
margin-left: 15vw;
|
||||
background: blue;
|
||||
&.first {
|
||||
margin-top: ~"calc(100vh - 80px)";
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
width: 70vw;
|
||||
height: 100vh;
|
||||
background: red;
|
||||
}
|
||||
|
||||
#main {
|
||||
width: 70vw;
|
||||
background-image: url('/customize/bg.jpg');
|
||||
background-size: cover;
|
||||
}
|
||||
#main, #main_other {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0 @main-border-width;
|
||||
height: ~"calc(100vh - 80px)";
|
||||
margin: auto;
|
||||
//margin-top: 100px;
|
||||
|
||||
font-size: medium;
|
||||
padding-bottom: 1em;
|
||||
//padding-bottom: 1em;
|
||||
|
||||
// Vertical positioning (middle)
|
||||
//margin-top: 50vh;
|
||||
//transform: translateY( ~"calc(40px - 50%)" ); //"
|
||||
|
||||
|
||||
#data {
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
h5 {
|
||||
color: @topbar-color;
|
||||
}
|
||||
color: @topbar-color;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: ~"calc(100% - 450px - 30vw)";
|
||||
background-color: rgba(34, 177, 221, 0.8);
|
||||
}
|
||||
|
||||
#userForm {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: @main-border-width;
|
||||
margin-left: 50px;
|
||||
display: inline-block;
|
||||
width: 400px;
|
||||
height: 350px;
|
||||
background-color: rgba(34, 177, 221, 0.8);
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
font-family: lato, Helvetica, sans-serif;
|
||||
color: @topbar-color;
|
||||
|
||||
h1 {
|
||||
color: black;
|
||||
}
|
||||
|
||||
[type="text"], [type="password"] {
|
||||
width: ~"calc(100% - 10px)";
|
||||
height: 1.5em;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
[type="checkbox"] {
|
||||
vertical-align: sub;
|
||||
margin: 0;
|
||||
margin-top: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
margin: 2px 0px;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
&.half {
|
||||
width: ~"calc(50% - 2px)";
|
||||
&.first {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.buttons {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
#fileManagerIframe {
|
||||
|
|
@ -139,27 +240,22 @@ p, pre, td, a, table, tr {
|
|||
|
||||
/* buttons */
|
||||
|
||||
// home page button container
|
||||
.buttons {
|
||||
margin-bottom: 50px;
|
||||
margin-top: 20px;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
|
||||
.create, .action {
|
||||
display: inline-block;
|
||||
@thick: 2px;
|
||||
border: @thick solid @cp-green;
|
||||
background-color: @base;
|
||||
color: @cp-green;
|
||||
//border: @thick solid @cp-darkblue;
|
||||
border: 0;
|
||||
background-color: @cp-darkblue;
|
||||
color: @topbar-button-color;
|
||||
|
||||
font-weight: bold;
|
||||
font-size: large;
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
&:hover {
|
||||
border: @thick solid @cp-accent;
|
||||
color: @cp-green;
|
||||
color: darken(@topbar-button-color, 20%);
|
||||
//border: @thick solid @cp-accent2;
|
||||
//color: @cp-darkblue;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -168,8 +264,9 @@ p, pre, td, a, table, tr {
|
|||
@vpad: 2 * 2px;
|
||||
padding: @vpad @hpad @vpad @hpad;
|
||||
|
||||
margin-top: 2 * 6px;
|
||||
margin-bottom: 2 * 6px;
|
||||
//margin-top: 2 * 6px;
|
||||
//margin-bottom: 2 * 6px;
|
||||
margin: 2px 0;
|
||||
display: inline-block;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
|
|
|||
55
customize.dist/src/less/topbar.less
Normal file
55
customize.dist/src/less/topbar.less
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
@import "./variables.less";
|
||||
|
||||
#cryptpadTopBar {
|
||||
background: @topbar-back;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 80px;
|
||||
color: @topbar-color;
|
||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
font-size: 40px;
|
||||
|
||||
&> span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
}
|
||||
.cryptpad-logo {
|
||||
height: 70px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.slogan {
|
||||
font-size: 20px;
|
||||
color: @topbar-color;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
.gotoMain {
|
||||
color: @topbar-color;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
margin: 0px 5px;
|
||||
background: @topbar-button-bg;
|
||||
|
||||
a {
|
||||
text-align: center;
|
||||
min-width: 100px;
|
||||
font-weight: bold;
|
||||
height: 70px;
|
||||
padding: 0 10px;
|
||||
line-height: 70px;
|
||||
display: inline-block;
|
||||
color: @topbar-button-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
@base: #302B28;
|
||||
@base: #ddd;
|
||||
@light-base: lighten(@base, 20%);
|
||||
@less-light-base: lighten(@base, 10%);
|
||||
@fore: #fafafa;
|
||||
@fore: #111;
|
||||
|
||||
@cp-green: #46E981;
|
||||
@cp-accent: lighten(@cp-green, 20%);
|
||||
|
|
@ -51,3 +51,11 @@
|
|||
@toolbar-gradient-start: #f5f5f5;
|
||||
@toolbar-gradient-end: #DDDDDD;
|
||||
|
||||
@topbar-back: #fff;
|
||||
@topbar-color: #000;
|
||||
@topbar-button-bg: #2E9AFE;
|
||||
@topbar-button-color: #fff;
|
||||
|
||||
@main-border-width: 15vw;
|
||||
@cp-darkblue: #3333ff;
|
||||
@cp-accent2: darken(@cp-darkblue, 20%);
|
||||
|
|
|
|||
|
|
@ -14,18 +14,15 @@
|
|||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<body class="html">
|
||||
{{topbar}}
|
||||
|
||||
{{fork}}
|
||||
|
||||
<span id="language-selector" class="dropdown-bar"></span>
|
||||
|
||||
<div id="main">
|
||||
{{logo}}
|
||||
|
||||
{{noscript}}
|
||||
|
||||
{{main}}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,20 +14,37 @@
|
|||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<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: 0; border: 0; left: 0; transform: scale(-1, 1);" 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>
|
||||
<body class="html">
|
||||
<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 class="right">
|
||||
<a href="/about.html">About</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/privacy.html">Privacy</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/terms.html">ToS</a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<a href="/contact.html">Contact</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<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: 80px; border: 0; left: 0; transform: scale(-1, 1);" 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/ -->
|
||||
|
||||
|
||||
|
||||
<span id="language-selector" class="dropdown-bar"></span>
|
||||
|
||||
<div id="main">
|
||||
<center>
|
||||
<a href="/"><img class="imgcenter cryptofist" src="/customize/cryptofist_small.png" /></a>
|
||||
</center>
|
||||
|
||||
|
||||
<center>
|
||||
<noscript>
|
||||
<p>
|
||||
|
|
@ -42,6 +59,7 @@
|
|||
|
||||
|
||||
|
||||
<div id="main_other">
|
||||
<center>
|
||||
<h1 data-localization="tos_title"></h1>
|
||||
</center>
|
||||
|
|
@ -51,9 +69,9 @@
|
|||
<p data-localization="tos_e2ee"></p>
|
||||
<p data-localization="tos_logs"></p>
|
||||
<p data-localization="tos_3rdparties"></p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
|
|
@ -298,6 +298,9 @@ define(function () {
|
|||
out.button_newpoll = 'NEW POLL';
|
||||
out.button_newslide = 'NEW PRESENTATION';
|
||||
|
||||
out.form_username = "Username";
|
||||
out.form_password = "Password";
|
||||
|
||||
// privacy.html
|
||||
|
||||
out.policy_title = 'Cryptpad Privacy Policy';
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ Fs.exists(__dirname + "/customize", function (e) {
|
|||
// FIXME I think this is a regression caused by a recent PR
|
||||
// correct this hack without breaking the contributor's intended behaviour.
|
||||
|
||||
var mainPages = config.mainPages || ['index', 'privacy', 'terms', 'about'];
|
||||
var mainPages = config.mainPages || ['index', 'privacy', 'terms', 'about', 'contact'];
|
||||
var mainPagePattern = new RegExp('^\/(' + mainPages.join('|') + ').html$');
|
||||
app.get(mainPagePattern, Express.static(__dirname + '/customize.dist'));
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user