wip

customize.dist/pages.js

@@ -240,29 +240,37 @@ define([
 
     Pages['/'] = Pages['/index.html'] = function () {
         return [
-            h('div#main', [
+            h('div#main.page-index', [
                 h('div.mainOverlay'),
                 h('div#align-container', [
-                    h('div#main-container', [
+                    h('div#main-container.container', [
-                        h('div#data.hidden.title', [
+                        h('div.row', [
-                            h('h1', 'CryptPad'),
+                            h('div#data.hidden.title.col-xs-6', [
-                            h('p', Msg.main_catch_phrase)
+                                h('h1', 'CryptPad'),
-                        ]),
+                                h('p', Msg.main_catch_phrase)
-                        userForm(),
-                        h('div#loggedIn.hidden', [
-                            h('p#loggedInHello'),
-                            h('p', [
-                                h('button.btn.btn-primary.gotodrive', Msg.login_accessDrive),
                             ]),
-                            h('p', [
+                            /*userForm(),*/
-                                h('button#loggedInLogout.btn.btn-secondary', Msg.logoutButton)
+                            h('div.col-xs-6', [
+                                "Make a pad, no login needed",
+                                h('div.bs-callout.bs-callout-pad', [
+                                    h('h4', 'Rich Text Pad'),
+                                    "Collaborate in Real time on notes and ideas."
+                                ]),
+                                h('div.bs-callout.bs-callout-code', [
+                                    h('h4', 'Markdown/code Pad'),
+                                    "Edit Markdown with realtime visual rendering."
+                                ]),
+                                h('div.bs-callout.bs-callout-slide', [
+                                    h('h4', 'Markdown Presentation'),
+                                    "Make quick presentations with Markdown slides."
+                                ]),
                             ])
                         ])
                     ])
                 ]),
             ])
-        ]
+        ];
-        .concat(tryIt());
+        //.concat(tryIt());
     };
 
     var loadingScreen = function () {

customize.dist/src/less/cryptpad.less

@@ -8,6 +8,10 @@
 @import "./topbar.less";
 @import "./footer.less";
 
+div#main.page-index {
+    @import "./page-index.less";
+}
+
 @toolbar-green: #5cb85c;
 
 html.cp, .cp body {

customize.dist/src/less/page-index.less

@@ -0,0 +1,97 @@
+@import (once) "./variables.less";
+div#data.title {
+    margin-top: 8rem;
+    h1 {
+        //font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif;
+        font-family: "Raleway";
+        font-size: 65px;
+    }
+    p {
+        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+        font-style: italic;
+    }
+}
+
+
+.bs-callout {
+    padding: 20px;
+    margin: 20px 0;
+    border: 1px solid #eee;
+    border-left-width: 5px;
+    border-radius: 3px;
+    background:white;
+}
+.bs-callout h4 {
+    margin-top: 0;
+    margin-bottom: 5px;
+}
+.bs-callout p:last-child {
+    margin-bottom: 0;
+}
+.bs-callout code {
+    border-radius: 3px;
+}
+.bs-callout+.bs-callout {
+    margin-top: -5px;
+}
+.bs-callout-default {
+    border-left-color: #777;
+}
+.bs-callout-default h4 {
+    color: #777;
+}
+
+
+.bs-callout-pad {
+    border-left-color: @toolbar-pad-bg;
+}
+.bs-callout-pad h4 {
+    color: @toolbar-pad-bg;
+}
+
+.bs-callout-code {
+    border-left-color: @toolbar-code-bg;
+}
+.bs-callout-code h4 {
+    color: @toolbar-code-bg;
+}
+
+.bs-callout-pad {
+    border-left-color: @toolbar-pad-bg;
+}
+.bs-callout-pad h4 {
+    color: @toolbar-pad-bg;
+}
+
+.bs-callout-slide {
+    border-left-color: @toolbar-slide-bg;
+}
+.bs-callout-slide h4 {
+    color: @toolbar-slide-bg;
+}
+
+
+.bs-callout-success {
+    border-left-color: #5cb85c;
+}
+.bs-callout-success h4 {
+    color: #5cb85c;
+}
+.bs-callout-danger {
+    border-left-color: #d9534f;
+}
+.bs-callout-danger h4 {
+    color: #d9534f;
+}
+.bs-callout-warning {
+    border-left-color: #f0ad4e;
+}
+.bs-callout-warning h4 {
+    color: #f0ad4e;
+}
+.bs-callout-info {
+    border-left-color: #5bc0de;
+}
+.bs-callout-info h4 {
+    color: #5bc0de;
+}