From 25905d13fabeead18ed4ca3eba7edb5c4e3151de Mon Sep 17 00:00:00 2001
From: Caleb James DeLisle <cjd@cjdns.fr>
Date: Mon, 3 Jul 2017 20:40:19 +0200
Subject: [PATCH] wip

---
 customize.dist/pages.js                 | 38 ++++++----
 customize.dist/src/less/cryptpad.less   |  4 +
 customize.dist/src/less/page-index.less | 97 +++++++++++++++++++++++++
 3 files changed, 124 insertions(+), 15 deletions(-)
 create mode 100644 customize.dist/src/less/page-index.less

diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 8967a2975..4258f34ca 100644
--- a/customize.dist/pages.js
+++ b/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#data.hidden.title', [
-                            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('div#main-container.container', [
+                        h('div.row', [
+                            h('div#data.hidden.title.col-xs-6', [
+                                h('h1', 'CryptPad'),
+                                h('p', Msg.main_catch_phrase)
                             ]),
-                            h('p', [
-                                h('button#loggedInLogout.btn.btn-secondary', Msg.logoutButton)
+                            /*userForm(),*/
+                            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 () {
diff --git a/customize.dist/src/less/cryptpad.less b/customize.dist/src/less/cryptpad.less
index 2094ab624..c1a9b9c59 100644
--- a/customize.dist/src/less/cryptpad.less
+++ b/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 {
diff --git a/customize.dist/src/less/page-index.less b/customize.dist/src/less/page-index.less
new file mode 100644
index 000000000..6918c1073
--- /dev/null
+++ b/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;
+}
\ No newline at end of file