256 lines
7.1 KiB
HTML
256 lines
7.1 KiB
HTML
---
|
|
title: Home
|
|
layout: default
|
|
hideTitle: True
|
|
avoidContainer: True
|
|
showParticles: True
|
|
---
|
|
|
|
<div class="jumbotron text-center">
|
|
<h1 class="display-4" id="jumbo-text">Cross-platform Text Expander written in Rust</h1>
|
|
|
|
<a class="btn btn-lg" href="#" role="button">Get Started on MacOS</a>
|
|
<p class="btn-subtitle">Also available for Windows and Linux</p>
|
|
</div>
|
|
|
|
<div class="container-fluid hiw text-center">
|
|
<h2>How it works</h2>
|
|
<p class="mt-5 mb-4 teaser-text">espanso detects when you type a <b>keyword</b></p>
|
|
<p class="text-example" id="text-example-1">Today is <b>:date</b></p>
|
|
<p class="mt-4 mb-5 teaser-text">and <b>replaces</b> it while you're typing.</p>
|
|
</div>
|
|
|
|
<div class="container features text-center">
|
|
<h2>Features</h2>
|
|
<div class="row mt-4">
|
|
<div class="col-md-4 feature-col">
|
|
<img src="assets/images/bolt.svg" />
|
|
<h3>Smarter typing</h3>
|
|
<p class="description">Avoid typing the same sentences
|
|
over and over using the incredible
|
|
power of a full blown text expander.</p>
|
|
|
|
<p class="feature-example" id="feature-1">Best Regards,<br>John Smith</p>
|
|
</div>
|
|
<div class="col-md-4 feature-col">
|
|
<img src="assets/images/chevron-right.svg" />
|
|
<h3>Shell support</h3>
|
|
<p class="description">With the full power of the shell
|
|
at your fingertips, copy-pasting
|
|
becomes obsolete.</p>
|
|
|
|
<p class="feature-example" id="feature-2">Hey John, <br>My IP is 192.168.1.23</p>
|
|
</div>
|
|
<div class="col-md-4 feature-col">
|
|
<img src="assets/images/new.svg" />
|
|
<h3>Custom scripts</h3>
|
|
<p class="description">Execute custom scripts as you
|
|
type and boost your productivity
|
|
for any kind of workflow.</p>
|
|
|
|
<p class="feature-example" id="feature-3">Hello world</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 feature-col">
|
|
<img src="assets/images/happy-face.svg" />
|
|
<h3>Emoji support</h3>
|
|
<p class="description">Emojis are now part of our
|
|
lives, and with espanso,
|
|
using them is a breeze.</p>
|
|
|
|
<p class="feature-example" id="feature-4">This is so funny 😂</p>
|
|
</div>
|
|
<div class="col-md-4 feature-col">
|
|
<img src="assets/images/calendar-event.svg" />
|
|
<h3>Date support</h3>
|
|
<p class="description">espanso supports a wide range of date formats and expansions.</p>
|
|
|
|
<p class="feature-example" id="feature-5">Today is 06/12/2019</p>
|
|
</div>
|
|
<div class="col-md-4 feature-col">
|
|
<img src="assets/images/code-alt.svg" />
|
|
<h3>Code snippets</h3>
|
|
<p class="description">Bring your favourite code snippets
|
|
in every application.</p>
|
|
|
|
<p class="feature-example" id="feature-6"><a href="#anchor" ></a></p>
|
|
</div>
|
|
</div>
|
|
<h4 class="mt-5 mb-5">And also</h4>
|
|
<div class="row">
|
|
<div class="col-md-3 extra-feature-col">
|
|
<img src="assets/images/apps.svg" />
|
|
<h4>System-wide
|
|
integration</h4>
|
|
<p class="description">espanso works with most
|
|
applications, so you can boost
|
|
your productivity everywhere.</p>
|
|
</div>
|
|
<div class="col-md-3 extra-feature-col">
|
|
<img src="assets/images/file.svg" />
|
|
<h4>File based
|
|
configuration</h4>
|
|
<p class="description">espanso follows a Unix-like
|
|
configuration philosophy,
|
|
using simple files.</p>
|
|
</div>
|
|
<div class="col-md-3 extra-feature-col">
|
|
<img src="assets/images/code-alt.svg" />
|
|
<h4>Open-source
|
|
license</h4>
|
|
<p class="description">espanso is open-source,
|
|
licensed under the
|
|
GPL-3 license.</p>
|
|
</div>
|
|
<div class="col-md-3 extra-feature-col">
|
|
<img src="assets/images/component.svg" />
|
|
<h4>Cross-platform
|
|
support</h4>
|
|
<p class="description">espanso supports Windows,
|
|
Linux and macOS.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="mt-4 mb-3">Do you want to know more?</p>
|
|
<a class="btn btn-lg" href="#" role="button">Visit Documentation</a>
|
|
</div>
|
|
|
|
<script src="/assets/js/typeit.min.js"></script>
|
|
|
|
<script>
|
|
function jumboText() {
|
|
document.getElementById("jumbo-text").innerText = "";
|
|
new TypeIt('#jumbo-text', {
|
|
speed: 50,
|
|
startDelay: 900
|
|
})
|
|
.type(':espanso')
|
|
.pause(500)
|
|
.options({speed: 1, deleteSpeed: 7})
|
|
.delete(8)
|
|
.type('Cross-platform Text Expander written in Rust')
|
|
.go();
|
|
}
|
|
|
|
function hiw() {
|
|
document.getElementById("text-example-1").innerText = "";
|
|
new TypeIt('#text-example-1', {
|
|
speed: 50,
|
|
startDelay: 900,
|
|
loop: true,
|
|
waitUntilVisible: true,
|
|
})
|
|
.pause(1000)
|
|
.type('Today is <b>:date</b>')
|
|
.pause(400)
|
|
.options({speed: 1, deleteSpeed: 7})
|
|
.delete(5)
|
|
.type('<b>09/12/2019</b>')
|
|
.pause(1500)
|
|
.options({speed: 50, deleteSpeed: 7})
|
|
.go();
|
|
}
|
|
|
|
function features() {
|
|
document.getElementById("feature-1").innerText = "";
|
|
new TypeIt('#feature-1', {
|
|
speed: 50,
|
|
startDelay: 900,
|
|
loop: true,
|
|
waitUntilVisible: true,
|
|
})
|
|
.type('<b>:reg</b>')
|
|
.pause(400)
|
|
.options({speed: 1, deleteSpeed: 7})
|
|
.delete(4)
|
|
.type('Best Regards,<br>John Smith')
|
|
.pause(1500)
|
|
.options({speed: 50, deleteSpeed: 7})
|
|
.go();
|
|
|
|
document.getElementById("feature-2").innerText = "";
|
|
new TypeIt('#feature-2', {
|
|
speed: 50,
|
|
startDelay: 900,
|
|
loop: true,
|
|
waitUntilVisible: true,
|
|
})
|
|
.type('Hey John,<br>My IP is <b>:ip</b>')
|
|
.pause(400)
|
|
.options({speed: 1, deleteSpeed: 7})
|
|
.delete(3)
|
|
.type('192.168.1.23')
|
|
.pause(1500)
|
|
.options({speed: 50, deleteSpeed: 7})
|
|
.go();
|
|
|
|
document.getElementById("feature-3").innerText = "";
|
|
new TypeIt('#feature-3', {
|
|
speed: 50,
|
|
startDelay: 900,
|
|
loop: true,
|
|
waitUntilVisible: true,
|
|
})
|
|
.type('<b>:pyscript</b>')
|
|
.pause(400)
|
|
.options({speed: 1, deleteSpeed: 7})
|
|
.delete(9)
|
|
.type('Hello world')
|
|
.pause(1500)
|
|
.options({speed: 50, deleteSpeed: 7})
|
|
.go();
|
|
|
|
document.getElementById("feature-4").innerText = "";
|
|
new TypeIt('#feature-4', {
|
|
speed: 50,
|
|
startDelay: 900,
|
|
loop: true,
|
|
waitUntilVisible: true,
|
|
})
|
|
.type('This is so funny <b>:lol</b>')
|
|
.pause(400)
|
|
.options({speed: 1, deleteSpeed: 7})
|
|
.delete(4)
|
|
.type('😂')
|
|
.pause(1500)
|
|
.options({speed: 50, deleteSpeed: 7})
|
|
.go();
|
|
|
|
document.getElementById("feature-5").innerText = "";
|
|
new TypeIt('#feature-5', {
|
|
speed: 50,
|
|
startDelay: 900,
|
|
loop: true,
|
|
waitUntilVisible: true,
|
|
})
|
|
.type('Today is <b>:date</b>')
|
|
.pause(400)
|
|
.options({speed: 1, deleteSpeed: 7})
|
|
.delete(5)
|
|
.type('06/12/2019')
|
|
.pause(1500)
|
|
.options({speed: 50, deleteSpeed: 7})
|
|
.go();
|
|
|
|
document.getElementById("feature-6").innerText = "";
|
|
new TypeIt('#feature-6', {
|
|
speed: 50,
|
|
startDelay: 900,
|
|
loop: true,
|
|
waitUntilVisible: true,
|
|
})
|
|
.type('<b>:link</b>')
|
|
.pause(400)
|
|
.options({speed: 1, deleteSpeed: 7})
|
|
.delete(5)
|
|
.type('<a href="#anchor" ></a>')
|
|
.pause(1500)
|
|
.options({speed: 50, deleteSpeed: 7})
|
|
.go();
|
|
}
|
|
|
|
jumboText();
|
|
hiw();
|
|
features();
|
|
</script> |