web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve the homepage with new images and translations

Browse Source
This commit is contained in:
yflory
2017-02-03 16:03:36 +01:00
parent 46b48df966
commit 02439e0f61
19 changed files with 147 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
customize.dist/src/fragments/index.html
View File

@@ -31,58 +31,50 @@
</div>
<div class="page category first" id="knowmore">
<center>
<h1>How it works</h1>
<h1 data-localization="main_howitworks"></h1>
</center>
</div>
<div class="page">
<div class="info-container">
<div class="left image">
<img src="customize/images/zk.png" alt="Zero Knowledge" />
<img src="customize/images/zeroknowledge_small.png" alt="Zero Knowledge" />
</div>
<div class="right">
<h2>Zero Knowledge</h2>
<p>
You don't have to trust that we <em>won't</em> look at your pads, with CryptPad's revolutionary Zero Knowledge Technology we <em>can't</em>. Learn more about how we protect your Privacy and Security.
</p>
<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>Jot it down</h2>
<p>
The greatest projects come from the smallest ideas. Take down the moments of inspiration and unexpected ideas because you never know which one might be a breakthrough.
</p>
<h2 data-localization="main_jotItDown"></h2>
<p data-localization="main_jotItDown_p"></p>
</div>
<div class="right image">
<img src="customize/images/realtime.png" alt="User account" />
<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/hash.png" alt="User account" />
<img src="customize/images/key_small.png" alt="User account" />
</div>
<div class="right">
<h2>Share the link, share the pad</h2>
<p>
Grow your ideas together: conduct efficient meetings, collaborate on TODO lists and make quick presentations with all your friends and all your devices.
</p>
<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>Get organized</h2>
<p>
With CryptPad Drive, you can keep your sights on what's important. Folders allow you to keep track of your projects and have a global vision of where things are going.
</p>
<h2 data-localization="main_organize"></h2>
<p data-localization="main_organize_p"></p>
</div>
<div class="right image">
<img src="customize/images/useraccount.png" alt="User account" />
<img src="customize/images/organize.png" alt="User account" />
</div>
</div>
</div>
@@ -96,23 +88,19 @@
<div class="app-row">
<div class="app">
<center>
<h2>Rich Text editor</h2>
<h2 data-localization="main_richText"></h2>
<img src="customize/images/pad.png" alt="Rich Text application" />
</center>
<p>
Edit rich text documents collaboratively with our realtime Zero Knowledge <a href="http://ckeditor.com" target="_blank">CkEditor</a> application.
</p>
<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>Code editor</h2>
<h2 data-localization="main_code"></h2>
<img src="customize/images/code.png" alt="Code application" />
</center>
<p>
Edit code from your software collaboratively with our realtime Zero Knowledge <a href="https://www.codemirror.net" target="_blank">CodeMirror</a> application.
</p>
<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>
@@ -121,23 +109,19 @@
--><div class="app-row"><!--
--><div class="app">
<center>
<h2>Slide editor</h2>
<h2 data-localization="main_slide"></h2>
<img src="customize/images/slide.png" alt="Slide applcation" />
</center>
<p>
Create your presentations using the Markdown syntax with our CryptSlide application, and display them in your browser.
</p>
<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>Polls</h2>
<h2 data-localization="main_poll"></h2>
<img src="customize/images/poll.png" alt="Poll application" />
</center>
<p>
Plan your meeting or your event, or vote for the best solution regarding your problem using our poll application.
</p>
<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>

4
customize.dist/src/less/cryptpad.less
View File

@@ -446,7 +446,7 @@ body.html {
left: 0;
}
}
#userForm, #data {
#userForm, #loggedIn, #data {
@media screen and (max-width: @media-not-big) {
transform: initial;
position: relative;
@@ -457,7 +457,7 @@ body.html {
box-sizing: border-box;
}
}
#userForm {
#userForm, #loggedIn {
@media screen and (max-width: @media-not-big) {
border: 1px solid #888;
}

18
customize.dist/src/less/toolbar.less
View File

@@ -39,6 +39,21 @@
float: right;
}
button {
&#shareButton {
color: #fff;
background: #5cb85c;
border-color: #5cb85c;
&:hover {
background: #449d44;
border: 1px solid #419641;
}
span {
color: #fff;
}
}
}
.cryptpad-lag {
box-sizing: content-box;
height: 16px;
@@ -273,6 +288,9 @@
button {
margin: 2px 4px 2px 0px;
}
.dropdown-bar-content {
margin-top: -1px;
}
}
.cryptpad-toolbar-rightside {
text-align: right;