From 4129d7b2d47318c7756d0a7a49ad4b8cae4ce2f0 Mon Sep 17 00:00:00 2001 From: benweet Date: Tue, 26 Aug 2014 09:02:55 +0100 Subject: [PATCH] Landing page (part 3) --- public/index.html | 246 +++++++++++++++++++++++------- public/res/extensions/comments.js | 2 +- public/res/img/code-block.png | Bin 0 -> 7030 bytes public/res/img/comments.png | Bin 0 -> 36523 bytes public/res/img/conflict.png | Bin 0 -> 42603 bytes public/res/img/diagram.png | Bin 0 -> 17451 bytes public/res/img/math.png | Bin 0 -> 8244 bytes public/res/img/publish.png | Bin 0 -> 37480 bytes public/res/styles/main.less | 4 +- 9 files changed, 192 insertions(+), 60 deletions(-) create mode 100644 public/res/img/code-block.png create mode 100644 public/res/img/comments.png create mode 100644 public/res/img/conflict.png create mode 100644 public/res/img/diagram.png create mode 100644 public/res/img/math.png create mode 100644 public/res/img/publish.png diff --git a/public/index.html b/public/index.html index 2bd4f9eb..acd68a2d 100644 --- a/public/index.html +++ b/public/index.html @@ -19,7 +19,7 @@ font-weight: 300; } - .navbar { + .navbar-fixed { position: fixed; } @@ -81,15 +81,6 @@ font-size: 22px; } - .logo a { - color: #555; - } - - .logo i::before { - margin-right: 8px; - margin-left: 0; - } - .transition { -webkit-transition: all ease-in-out 1.5s; transition: all ease-out 1.5s; @@ -114,14 +105,23 @@ line-height: 1.25; } - img.modal-content { - margin: 70px auto; + .img { + margin: 20px auto; display: block; } .social { font-size: 26px; - margin-right: 20px; + margin: 0 16px 5px; + } + + .social i::before { + margin-right: 10px; + margin-left: -5px; + } + + .social a { + color: #555; } .container { @@ -145,6 +145,10 @@ height: 240px; } + hr { + margin: 1em 0; + } + @@ -169,14 +173,14 @@
- +
@@ -210,12 +214,15 @@
- +
+
+
-

Rich editor

+

Rich markdown editor

-

StackEdit’s markdown syntax highlighting is unique. The refined text formatting of the editor helps you +

StackEdit’s markdown syntax highlighting is unique. The refined text formatting of the editor + helps you visualize the final rendering of your documents.


@@ -227,6 +234,8 @@
+
+
@@ -235,11 +244,15 @@

Live preview with Scroll Sync

-

StackEdit’s Scroll Sync extension binds accurately the scrollbars of the preview panel and the - editor panel to ensure that you always keep an eye on the output while writing.

+

StackEdit’s Scroll Sync extension binds accurately the scrollbars of the editor panel and the + preview panel to ensure that you always keep an eye on the output while writing.

- +
+
+ +
+
@@ -252,20 +265,18 @@

Fully customizable

StackEdit has an infinite combinations of settings. Theme, layout, shortcuts can be - personalized. For the rest, StackEdit lets you create your own extension…

-
-
-
-
-
+ personalized. For the rest, StackEdit gives you the freedom to make your own extension…

+
+
+
- @@ -308,28 +379,89 @@ -