298 lines
7.7 KiB
HTML
Executable File
298 lines
7.7 KiB
HTML
Executable File
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>
|
|
Scribbler - a codding landing page template for codrops
|
|
</title>
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/railscasts.min.css">
|
|
|
|
<link rel="stylesheet" href="scribbler-global.css">
|
|
<link rel="stylesheet" href="scribbler-landing.css">
|
|
<link rel="author" href="humans.txt">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Navbar -->
|
|
<nav>
|
|
<div class="logo"></div>
|
|
|
|
<ul class="menu">
|
|
<div class="menu__item toggle">
|
|
<span></span>
|
|
</div>
|
|
|
|
<li class="menu__item">
|
|
<a href="doc.html" class="link link--dark">
|
|
<i class="fa fa-book"></i>
|
|
Documentation
|
|
</a>
|
|
</li>
|
|
|
|
<li class="menu__item">
|
|
<a href="https://github.com/EgoistDeveloper/codrops-scribbler" class="link link--dark">
|
|
<i class="fa fa-github"></i>
|
|
Github
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Hero -->
|
|
<div class="hero">
|
|
<h1 class="hero__title">
|
|
Scribbler
|
|
</h1>
|
|
|
|
<p class="hero__description">
|
|
Take your markdown notes in terminal
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Hero Terminal -->
|
|
<div class="hero__terminal">
|
|
<pre>
|
|
<!-- Place your demo code here -->
|
|
<code class="shell-session demo">
|
|
hyperyolo ~ $
|
|
</code>
|
|
</pre>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<!-- Installation -->
|
|
<div class="installation">
|
|
<h3 class="section__title">
|
|
Installation
|
|
</h3>
|
|
|
|
<div class="tab__container">
|
|
<!-- Tab Menu -->
|
|
<ul class="tab__menu">
|
|
<li class="tab active" data-tab="mac">mac</li>
|
|
<li class="tab" data-tab="linux">linux</li>
|
|
<li class="tab" data-tab="win">win</li>
|
|
</ul>
|
|
|
|
<!-- Commands -->
|
|
<pre class="nohighlight code">
|
|
<code class="tab__pane active mac">$ brew install scribbler</code>
|
|
<code class="tab__pane linux">$ apt-get install scribbler</code>
|
|
<code class="tab__pane win">$ gem install scribbler</code>
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Features -->
|
|
<div class="feature">
|
|
<!-- Feature -->
|
|
<div class="feature__item">
|
|
<h3 class="section__title">
|
|
Fast & Light
|
|
</h3>
|
|
|
|
<p>
|
|
Start writing your notes immediately in any terminal! No more time wasted on navigating and opening your text
|
|
editor.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Feature -->
|
|
<div class="feature__item">
|
|
<h3 class="section__title">
|
|
File Syncing
|
|
</h3>
|
|
|
|
<p>
|
|
Save your file in Dropbox then you can access to it from anywhere.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Feature -->
|
|
<div class="feature__item">
|
|
<h3 class="section__title">
|
|
Secure
|
|
</h3>
|
|
|
|
<p>
|
|
Encrypt your notes optionally. No one can get to your secrets!
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Feature -->
|
|
<div class="feature__item">
|
|
<h3 class="section__title">
|
|
Configuration
|
|
</h3>
|
|
|
|
<p>
|
|
Maintain all your settings in a single <span class="code code--inline">config.json</span> file.
|
|
Never need to redo the setting every single time jotting down a note.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Feature -->
|
|
<div class="feature__item">
|
|
<h3 class="section__title">
|
|
Highlightings
|
|
</h3>
|
|
|
|
<p>
|
|
For better readability, scribbler has a clean, beautiful color scheme allow you to scan files fast.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Feature -->
|
|
<div class="feature__item">
|
|
<h3 class="section__title">
|
|
Keybindings
|
|
</h3>
|
|
|
|
<p>
|
|
You can expect common keybindings for scribbler. Customize
|
|
<span class="code code--inline">bindings.json</span> for your own liking!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Keybindings -->
|
|
<div class="keybinding">
|
|
<ul class="keybinding__detail">
|
|
<h3 class="keybinding__title">
|
|
Default Keybindings
|
|
</h3>
|
|
|
|
<li>Quit without saving <span class="keybinding__label">Ctrl+C</span></li>
|
|
<li>Save <span class="keybinding__label">Cmd+S</span></li>
|
|
<li>Save and Quit <span class="keybinding__label">Ctrl+D</span></li>
|
|
<li>Undo <span class="keybinding__label">Cmd+Z</span></li>
|
|
</ul>
|
|
|
|
<!-- Keybinding Details -->
|
|
<ul class="keybinding__detail">
|
|
<h3 class="keybinding__title">
|
|
Markdown Keybindings
|
|
</h3>
|
|
|
|
<li><span class="keybinding__label">Ctrl+A</span> Insert Link Markdown</li>
|
|
<li><span class="keybinding__label">Ctrl+I</span> Insert Image Markdown</li>
|
|
<li><span class="keybinding__label">Ctrl+V</span> Insert YouTube Video</li>
|
|
<li><span class="keybinding__label">Ctrl+T</span> Insert Table</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Callout -->
|
|
<div class="callout">
|
|
<p>
|
|
Read our documentation for advanced keybindings and customization
|
|
</p>
|
|
|
|
<a href="doc.html" class="button--primary">
|
|
Documentation
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Changelog -->
|
|
<div class="changelog">
|
|
<div class="wrapper">
|
|
<h3 class="section__title">
|
|
Changelog
|
|
</h3>
|
|
|
|
<!-- Changelog Item -->
|
|
<div class="changelog__item">
|
|
<div class="changelog__meta">
|
|
<h4 class="changelog__title">
|
|
v0.7
|
|
</h4>
|
|
|
|
<small class="changelog__date">
|
|
10/12/2017
|
|
</small>
|
|
</div>
|
|
|
|
<div class="changelog__detail">
|
|
<ul>
|
|
<li>Improving the writing workflow with better key bindings</li>
|
|
<li>Design updates</li>
|
|
<li>SSL Verification for web hooks</li>
|
|
<li>Render Emoji</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Changelog Item -->
|
|
<div class="changelog__item">
|
|
<div class="changelog__meta">
|
|
<h4 class="changelog__title">
|
|
v0.6
|
|
</h4>
|
|
|
|
<small class="changelog__date">
|
|
7/30/2017
|
|
</small>
|
|
</div>
|
|
|
|
<div class="changelog__detail">
|
|
<ul>
|
|
<li>Adding Unicode support</li>
|
|
<li>Basic text highlighting</li>
|
|
<li>Fresh Design</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Changelog Item -->
|
|
<div class="changelog__item">
|
|
<div class="changelog__meta">
|
|
<h4 class="changelog__title">
|
|
v0.5
|
|
</h4>
|
|
|
|
<small class="changelog__date">
|
|
5/10/2017
|
|
</small>
|
|
</div>
|
|
|
|
<div class="changelog__detail">
|
|
<ul>
|
|
<li>Save default md file in new folders</li>
|
|
<li>Ability to quick search on existing notes</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="changelog__callout">
|
|
<a href="#" class="button--secondary">
|
|
Checkout Full Log
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
Scribbler is a free HTML template created exclusively for
|
|
<a href="https://tympanus.net/codrops/" target="_blank" class="link link--light">
|
|
Codrops
|
|
</a>.
|
|
</footer>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
|
|
|
|
<script>
|
|
hljs.initHighlightingOnLoad();
|
|
</script>
|
|
|
|
<script src="scribbler.js"></script>
|
|
</body>
|
|
|
|
</html> |