Add a features comparison page
parent
2995782079
commit
166a9e71cf
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="cp">
|
||||
<!-- If this file is not called customize.dist/src/template.html, it is generated -->
|
||||
<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"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
|
||||
<script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
|
||||
</head>
|
||||
<body class="html">
|
||||
<noscript>
|
||||
<p><strong>OOPS</strong> In order to do encryption in your browser, Javascript is really <strong>really</strong> required.</p>
|
||||
<p><strong>OUPS</strong> Afin de pouvoir réaliser le chiffrement dans votre navigateur, Javascript est <strong>vraiment</strong> nécessaire.</p>
|
||||
</noscript>
|
||||
</html>
|
@ -0,0 +1,52 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme-all.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
|
||||
@features_th-bg: #555;
|
||||
@features_th-fg: #fff;
|
||||
@features_tr-bg-alt: #ddd;
|
||||
@features_notes: #333;
|
||||
@features_yes: #c4ffca;
|
||||
@features_no: #ffc4bc;
|
||||
@features_part: #faffd3;
|
||||
|
||||
table#cp-features-table {
|
||||
width: 100%;
|
||||
th {
|
||||
background-color: @features_th-bg;
|
||||
color: @features_th-fg;
|
||||
padding: 10px;
|
||||
border: 1px solid @features_th-bg;
|
||||
}
|
||||
tbody {
|
||||
td {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
padding: 5px;
|
||||
border: 1px solid @features_th-bg;
|
||||
}
|
||||
tr:nth-child(odd) {
|
||||
background-color: @features_tr-bg-alt;
|
||||
}
|
||||
}
|
||||
td:nth-child(4) {
|
||||
color: @features_notes;
|
||||
font-size: 14px;
|
||||
font-style: italic;
|
||||
}
|
||||
td:first-child {
|
||||
font-weight: bold;
|
||||
}
|
||||
.yes, .no, .part {
|
||||
text-align: center;
|
||||
}
|
||||
.yes { background-color: @features_yes; }
|
||||
.no { background-color: @features_no; }
|
||||
.part { background-color: @features_part; }
|
||||
.left {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue