more consistent styles and improved SEO

customize.dist/main.css

@@ -452,8 +452,7 @@
   color: #558;
 }
 #cryptpadTopBar .right a:hover {
-  text-decoration: none;
+  text-decoration: underline;
-  color: #000;
 }
 html.cp,
 .cp body {
@@ -463,15 +462,6 @@ html.cp,
   font-family: Georgia,Cambria,serif;
   height: 100%;
 }
-.cp:not(.poll) {
-  /*#language-selector {
-        position: absolute;
-        top: @topbar-height;
-        right: 0px;
-        display: inline-block;
-        z-index: 2;
-    }*/
-}
 .cp {
   /* buttons */
   /*  Tables
@@ -580,6 +570,7 @@ html.cp,
   position: relative;
 }
 .cp .page .info-container {
+  color: #121212;
   width: 900px;
   max-width: 100%;
   margin: 0 auto;
@@ -715,16 +706,21 @@ html.cp,
 .cp #main {
   background: url('/customize/bg3.jpg') no-repeat center center;
   background-size: cover;
+  background-attachment: fixed;
+  background-position: center;
 }
 .cp #main_other {
   padding: 0 15vw;
 }
+.cp .category {
+  margin-top: 5px;
+}
 .cp #main,
 .cp #main_other {
   position: relative;
   left: 0;
   right: 0;
-  height: calc(100vh - 150px);
+  height: calc(100vh - 115px);
   min-height: 450px;
   margin: auto;
   z-index: 1;
@@ -762,6 +758,8 @@ html.cp,
   font-size: 20px;
   line-height: 1.5em;
 }
+.cp #main #data h1,
+.cp #main_other #data h1,
 .cp #main #data h2,
 .cp #main_other #data h2 {
   font-weight: normal;
@@ -916,12 +914,6 @@ html.cp,
 .cp .action:hover {
   color: #cccccc;
 }
-.cp .button {
-  padding: 4px 12px 4px 12px;
-  margin: 2px 0;
-  display: inline-block;
-  line-height: 1.5em;
-}
 .cp .panel {
   background-color: #cccccc;
 }

customize.dist/src/less/cryptpad.less

@@ -129,6 +129,7 @@ body.html {
     position: relative;
 
     .info-container {
+        color: #121212;
         width: 900px;
         max-width: 100%;
         margin: 0 auto;
@@ -274,19 +275,24 @@ body.html {
 #main {
     background: @main-bg;
     background-size: cover;
+    background-attachment: fixed;
+    background-position: center;
 }
 #main_other {
     padding: 0 @main-border-width;
 }
+
+.category {
+    margin-top: 5px;
+}
+
 #main, #main_other {
     position: relative;
     left: 0;
     right: 0;
-    //padding: 0;
+    height: ~"calc(100vh - 115px)";
-    height: ~"calc(100vh - 150px)";
     min-height: 450px;
     margin: auto;
-    //margin-top: 100px;
     z-index: 1;
 
     font-size: medium;
@@ -310,12 +316,13 @@ body.html {
             font-size: 20px;
             line-height: 1.5em;
         }
-        h2 {
+        h1, h2 {
             font-weight: normal;
             font-size: 48px;
             line-height: 1.2em;
             color: @main-color;
         }
+
         h5 {
             font-size: 1em;
             color: @main-color;

customize.dist/src/less/topbar.less

@@ -35,7 +35,7 @@
         line-height: 40px;
         &:hover {
             text-decoration: none;
-            color: #558;
+            color: @cp-purple;
         }
     }
 
@@ -48,11 +48,10 @@
         a {
             font-weight: 500;
             font-size: 0.75em;
-            color: #558;
+            color: @cp-purple;
 
             &:hover {
-                text-decoration: none;
+                text-decoration: underline;
-                color: #000;
             }
         }
     }

customize.dist/src/less/variables.less

@@ -20,6 +20,8 @@
 @cp-blue: #00ADEE;
 @cp-light-blue: lighten(@cp-blue, 20%);
 
+@cp-purple: #558;
+
 // alertify things
 
 @box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

customize.dist/translations/messages.js

@@ -279,7 +279,7 @@ define(function () {
 
     //out.main_p1 = 'CryptPad is the <strong>zero knowledge</strong> realtime collaborative editor.  Encryption carried out in your web browser protects the data from the server, the cloud, and the NSA.  The secret encryption key is stored in the URL <a href="https://en.wikipedia.org/wiki/Fragment_identifier">fragment identifier</a> which is never sent to the server but is available to javascript so by sharing the URL, you give authorization to others who want to participate.';
     //out.main_p1 = "Type quick documents with friends and colleagues.<br>With <strong>Zero Knowledge</strong> technology, the server doesn't know what you're doing.";
-    out.main_p1 = "<h2>Collaborate in Confidence</h2><br> Grow your ideas together with shared documents while <strong>Zero Knowledge</strong> technology secures your privacy; even from us.";
+    out.main_p1 = "<h1>Collaborate in Confidence</h1><br> Grow your ideas together with shared documents while <strong>Zero Knowledge</strong> technology secures your privacy; even from us.";
 
     out.main_p2 = 'This project uses the <a href="http://ckeditor.com/">CKEditor</a> Visual Editor, <a href="https://codemirror.net/">CodeMirror</a>, and the <a href="https://github.com/xwiki-contrib/chainpad">ChainPad</a> realtime engine.';
     out.main_howitworks = 'How It Works';