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