diff --git a/doc.html b/doc.html index 9c8c96b..8527f6e 100755 --- a/doc.html +++ b/doc.html @@ -1,42 +1,84 @@ -
Take your markdown notes in terminal
+ + + + + + + + Scribbler - a codding landing page template for codrops + + + + + + + + + + + + + + + + + + + + + + + + + Documentation + + + + + + + Github + + + + + + + + + Scribbler + + + + Take your markdown notes in terminal + + + + + + - hyperyolo ~ $ + + hyperyolo ~ $ + - - - - Installation - - - mac - linux - win - - + + + + + + + Installation + + + + + + mac + linux + win + + + + $ brew install scribbler $ apt-get install scribbler $ gem install scribbler - - - - - Fast & Light - Start writing your notes immediately in any terminal! No more time wasted on navigating and opening your text editor. - - - File Syncing - Save your file in Dropbox then you can access to it from anywhere. - - - Secure - Encrypt your notes optionally. No one can get to your secrets! - - - Configuration - Maintain all your settings in a single config.json file. Never need to redo the setting every single time jotting down a note. - - - Highlightings - For better readability, scribbler has a clean, beautiful color scheme allow you to scan files fast. - - - Keybindings - You can expect common keybindings for scribbler. Customize bindings.json for your own liking! - - - - - Default Keybindings - Quit without saving Ctrl+C - Save Cmd+S - Save and Quit Ctrl+D - Undo Cmd+Z - - - Markdown Keybindings - Ctrl+A Insert Link Markdown - Ctrl+I Insert Image Markdown - Ctrl+V Insert YouTube Video - Ctrl+T Insert Table - - - - Read our documentation for advanced keybindings and customization - Documentation - - - Changelog - - - v0.7 - 10/12/2017 - - - - Improving the writing workflow with better key bindings - Design updates - SSL Verification for web hooks - Render Emoji - - - - - - v0.6 - 7/30/2017 - - - - Adding Unicode support - Basic text highlighting - Fresh Design - - - - - - v0.5 - 5/10/2017 - - - - Save default md file in new folders - Ability to quick search on existing notes - - - - - Checkout Full Log - + + + + + + + Fast & Light + + + + Start writing your notes immediately in any terminal! No more time wasted on navigating and opening your text + editor. + + + + + + + File Syncing + + + + Save your file in Dropbox then you can access to it from anywhere. + + + + + + + Secure + + + + Encrypt your notes optionally. No one can get to your secrets! + + + + + + + Configuration + + + + Maintain all your settings in a single config.json file. + Never need to redo the setting every single time jotting down a note. + + + + + + + Highlightings + + + + For better readability, scribbler has a clean, beautiful color scheme allow you to scan files fast. + + + + + + + Keybindings + + + + You can expect common keybindings for scribbler. Customize + bindings.json for your own liking! + - - - - - + + + + + + Default Keybindings + + + Quit without saving Ctrl+C + Save Cmd+S + Save and Quit Ctrl+D + Undo Cmd+Z + + + + + + Markdown Keybindings + + + Ctrl+A Insert Link Markdown + Ctrl+I Insert Image Markdown + Ctrl+V Insert YouTube Video + Ctrl+T Insert Table + + + + + + + Read our documentation for advanced keybindings and customization + + + + Documentation + + + + + + + + + Changelog + + + + + + + v0.7 + + + + 10/12/2017 + + + + + + Improving the writing workflow with better key bindings + Design updates + SSL Verification for web hooks + Render Emoji + + + + + + + + + v0.6 + + + + 7/30/2017 + + + + + + Adding Unicode support + Basic text highlighting + Fresh Design + + + + + + + + + v0.5 + + + + 5/10/2017 + + + + + + Save default md file in new folders + Ability to quick search on existing notes + + + + + + + Checkout Full Log + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/scribbler-doc.css b/scribbler-doc.css index a3f8c96..1d92136 100755 --- a/scribbler-doc.css +++ b/scribbler-doc.css @@ -1,13 +1,16 @@ -html, body { +html, +body { display: flex; flex-direction: column; min-height: 100vh; + background-color: var(--bg-body-color); } /* layout */ .header { border-bottom: 1px solid var(--code-bg-color); grid-template-columns: 1fr 150px 60% 1fr; + z-index: 2; } .wrapper { @@ -44,12 +47,13 @@ html, body { bottom: 0; width: 28%; background-color: var(--bg-color); - z-index: -1; + z-index: 1; } .doc__nav { flex-basis: 20%; font-weight: 200; + z-index: 2; } .doc__nav ul { @@ -58,6 +62,10 @@ html, body { line-height: 1.8; } +.doc__nav ul li{ + color: var(--primary-color-light); +} + .doc__nav ul.fixed { position: fixed; top: 2rem; @@ -93,22 +101,27 @@ html, body { .wrapper { flex-direction: column; } + .doc__content { padding-left: 0; } + .doc__nav ul { border-bottom: 1px solid var(--code-bg-color); padding-bottom: 0.5rem; } + .doc__nav ul.fixed { /* nutralized the fixed menu for mobile*/ position: relative; top: 0; } + .doc__nav li { display: inline-block; padding-right: 1rem; } + .doc__nav .selected:after { display: none; } diff --git a/scribbler-global.css b/scribbler-global.css index f7dca94..8cbd165 100755 --- a/scribbler-global.css +++ b/scribbler-global.css @@ -8,25 +8,44 @@ --white-color: #FAFBFC; --light-gray-color: #C6CBD1; --medium-gray-color: #959DA5; - --dark-gray-color: #444D56; + --dark-gray-color: #444D56; --bg-color: #F8F8FA; --code-bg-color: #F0E8E8; } +@media (prefers-color-scheme: dark) { + :root { + --primary-color: #acbfc5; + --primary-color-light: #b9b0b0; + --accent-color: #FE6A6B; + --accent-color-light: #FFE4E4; + --accent-color-dark: #B94B4C; + --white-color: #FAFBFC; + --light-gray-color: #C6CBD1; + --medium-gray-color: #959DA5; + --dark-gray-color: #444D56; + --bg-color: #2a2f32; + --bg-body-color: #1e1e1e; + --code-bg-color: #304554; + } +} + /* normalized */ -html, body { +html, +body { padding: 0; margin: 0; font-family: 'Nunito Sans', sans-serif; - background-color: white; + background-color: var(--bg-body-color); } p { font-weight: 300; - color: #4A4A4A; + color: var(--primary-color-light); } -a, a:hover { +a, +a:hover { text-decoration: none; color: var(--primary-color); } @@ -53,7 +72,7 @@ hr { position: relative; } -.tab__container > ul { +.tab__container>ul { position: absolute; list-style: none; margin: 0; @@ -72,6 +91,7 @@ hr { padding: 0.3rem 0.5rem; font-weight: 200; cursor: pointer; + color: var(--primary-color-light); } .tab.active { @@ -91,7 +111,7 @@ hr { /* code */ .code { border-radius: 3px; - font-family: Space Mono, SFMono-Regular, Menlo,Monaco, Consolas, Liberation Mono, Courier New, monospace; + font-family: Space Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; background: var(--bg-color); border: 1px solid var(--code-bg-color); color: var(--primary-color-light); @@ -209,7 +229,7 @@ nav { bottom: -6px; } -.toggle.open span{ +.toggle.open span { background-color: transparent; } @@ -241,9 +261,11 @@ table { width: 100%; transition: color .3s ease-out; margin-bottom: 2rem; + color: var(--primary-color-light); } -table td, table th { +table td, +table th { border: 1px solid var(--code-bg-color); padding: 0.8rem; font-weight: 300; @@ -251,8 +273,8 @@ table td, table th { table th { text-align: left; - background-color: white; - border-color: white; + background-color: var(--bg-color); + border-color: var(--code-bg-color); border-bottom-color: var(--code-bg-color); } @@ -266,7 +288,7 @@ table td:first-child { grid-template-columns: 70px auto; } - .menu__item{ + .menu__item { display: none; } @@ -299,15 +321,17 @@ table td:first-child { text-align: center; background-color: var(--primary-color); padding: 2rem; - color: white; + color: var(--primary-color); + background-color: var(--bg-body-color); } @keyframes fadeUp { 0% { opacity: 0; - transform: translate3d(0,30px,0); + transform: translate3d(0, 30px, 0); } + 100% { - transform: translate3d(0,0,0); + transform: translate3d(0, 0, 0); } } \ No newline at end of file diff --git a/scribbler-landing.css b/scribbler-landing.css index fc10a90..11eb0c9 100755 --- a/scribbler-landing.css +++ b/scribbler-landing.css @@ -87,6 +87,10 @@ nav { margin-left: -1px; } +.keybinding__detail li { + color: var(--primary-color-light); +} + .keybinding__detail:first-child .keybinding__title { position: absolute; right: 0.5rem; @@ -130,6 +134,7 @@ nav { .changelog { background-color: var(--bg-color); padding: 2rem 0; + color: var(--primary-color-light); } .changelog__item { @@ -159,21 +164,28 @@ nav { .hero__terminal { width: 70%; } - .tab__container > ul { + + .tab__container>ul { right: auto; left: 0; padding-left: 0; } + .tab__container .code { margin-top: 2rem; } - .feature, .keybinding, .changelog__item { + + .feature, + .keybinding, + .changelog__item { flex-direction: column; } + .feature__item { max-width: 100%; margin: 0; } + .keybinding { font-size: 0.8rem; }
+ Take your markdown notes in terminal +
- hyperyolo ~ $ + + hyperyolo ~ $ +
hyperyolo ~ $
+ hyperyolo ~ $ +
+
$ brew install scribbler $ apt-get install scribbler $ gem install scribbler
$ brew install scribbler
$ apt-get install scribbler
$ gem install scribbler
Start writing your notes immediately in any terminal! No more time wasted on navigating and opening your text editor.
Save your file in Dropbox then you can access to it from anywhere.
Encrypt your notes optionally. No one can get to your secrets!
Maintain all your settings in a single config.json file. Never need to redo the setting every single time jotting down a note.
For better readability, scribbler has a clean, beautiful color scheme allow you to scan files fast.
You can expect common keybindings for scribbler. Customize bindings.json for your own liking!
Read our documentation for advanced keybindings and customization
+ Start writing your notes immediately in any terminal! No more time wasted on navigating and opening your text + editor. +
+ Save your file in Dropbox then you can access to it from anywhere. +
+ Encrypt your notes optionally. No one can get to your secrets! +
+ Maintain all your settings in a single config.json file. + Never need to redo the setting every single time jotting down a note. +
+ For better readability, scribbler has a clean, beautiful color scheme allow you to scan files fast. +
+ You can expect common keybindings for scribbler. Customize + bindings.json for your own liking! +
+ Read our documentation for advanced keybindings and customization +