diff --git a/_sass/_colors.scss b/_sass/_colors.scss index b7d8b95..8edecf0 100644 --- a/_sass/_colors.scss +++ b/_sass/_colors.scss @@ -1,4 +1,5 @@ $mainColor: #00b894; $lightGrayColor: #b2bec3; $grayColor: #636e72; -$blackColor: #2d3436; \ No newline at end of file +$blackColor: #2d3436; +$greenDark: #00372c; \ No newline at end of file diff --git a/_sass/_homepage.scss b/_sass/_homepage.scss index b072ec7..01e2570 100644 --- a/_sass/_homepage.scss +++ b/_sass/_homepage.scss @@ -5,8 +5,12 @@ font-weight: 400; margin: 120px 0 160px 0; - @media screen and (max-width: $screen-tablet) { - margin: 60px 0 90px 0; + @media screen and (max-width: $screen-desktop) { + margin: 80px 0 100px 0; + } + + @media screen and (max-width: $screen-phone) { + margin: 35px 0 70px 0; font-size: 2.5em; } } @@ -33,19 +37,19 @@ } .hiw { - background-image: url("/assets/images/background.svg"); - background-position: center top; - background-size: cover; - background-repeat:no-repeat; - padding: 90px 10px 40px 10px; + background-image: url("/assets/images/background_up.svg"), url("/assets/images/background_down.svg"); + background-position: center top, center bottom; + background-size: cover, cover; + background-repeat:no-repeat, no-repeat; + padding: 80px 0px 40px 0px; color: white; @media screen and (max-width: $screen-tablet) { padding: 70px 15px 40px 15px; } - h2 { - font-weight: 700; + .teaser-text { + font-size:1.4em; } .text-example { @@ -122,11 +126,4 @@ font-size: 1.3em; } } -} - -#particles-js { - position: absolute; - width: 100%; - height: 700px; - z-index: -100; } \ No newline at end of file diff --git a/_sass/main.scss b/_sass/main.scss index c4b4e1f..ef7ae15 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -1,8 +1,7 @@ @import '_sizes'; @import '_colors'; +@import '_default'; @import '_header'; @import '_homepage'; - -body { - font-family: 'Raleway', sans-serif; -} \ No newline at end of file +@import '_syntax'; +@import '_install'; \ No newline at end of file diff --git a/assets/images/background.svg b/assets/images/background.svg index 126aae3..79ae13b 100644 --- a/assets/images/background.svg +++ b/assets/images/background.svg @@ -1,7 +1,79 @@ - - - - - + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/index.html b/index.html index 8f6be79..7c4cecc 100644 --- a/index.html +++ b/index.html @@ -1,307 +1,256 @@ - +--- +title: Home +layout: default +hideTitle: True +avoidContainer: True +showParticles: True +--- - - - - - - espanso - Cross-platform Text Expander written in Rust - - - - - - - - - - -
- - + Get Started on MacOS +

Also available for Windows and Linux

+ -
-

Cross-platform Text Expander written in Rust

- - Get Started on MacOS -

Also available for Windows and Linux

+
+

How it works

+

espanso detects when you type a keyword

+

Today is :date

+

and replaces it while you're typing.

+
+ +
+

Features

+
+
+ +

Smarter typing

+

Avoid typing the same sentences + over and over using the incredible + power of a full blown text expander.

+ +

Best Regards,
John Smith

+
+
+ +

Shell support

+

With the full power of the shell + at your fingertips, copy-pasting + becomes obsolete.

+ +

Hey John,
My IP is 192.168.1.23

+
+
+ +

Custom scripts

+

Execute custom scripts as you + type and boost your productivity + for any kind of workflow.

+ +

Hello world

+
+
+
+
+ +

Emoji support

+

Emojis are now part of our + lives, and with espanso, + using them is a breeze.

+ +

This is so funny 😂

+
+
+ +

Date support

+

espanso supports a wide range of date formats and expansions.

+ +

Today is 06/12/2019

+
+
+ +

Code snippets

+

Bring your favourite code snippets + in every application.

+ +

+
+
+

And also

+
+
+ +

System-wide + integration

+

espanso works with most + applications, so you can boost + your productivity everywhere.

+
+
+ +

File based + configuration

+

espanso follows a Unix-like + configuration philosophy, + using simple files.

+
+
+ +

Open-source + license

+

espanso is open-source, + licensed under the + GPL-3 license.

+
+
+ +

Cross-platform + support

+

espanso supports Windows, + Linux and macOS.

+
-
-

How it works

-

espanso detects when you type a keyword

-

Today is :date

-

and replaces it while you're typing.

-
+

Do you want to know more?

+ Visit Documentation +
-
-

Features

-
-
- -

Smarter typing

-

Avoid typing the same sentences - over and over using the incredible - power of a full blown text expander.

- -

Best Regards,
John Smith

-
-
- -

Shell support

-

With the full power of the shell - at your fingertips, copy-pasting - becomes obsolete.

- -

Hey John,
My IP is 192.168.1.23

-
-
- -

Custom scripts

-

Execute custom scripts as you - type and boost your productivity - for any kind of workflow.

- -

Hello world

-
-
-
-
- -

Emoji support

-

Emojis are now part of our - lives, and with espanso, - using them is a breeze.

- -

This is so funny 😂

-
-
- -

Date support

-

espanso supports a wide range of date formats and expansions.

- -

Today is 06/12/2019

-
-
- -

Code snippets

-

Bring your favourite code snippets - in every application.

- -

-
-
-

And also

-
-
- -

System-wide - integration

-

espanso works with most - applications, so you can boost - your productivity everywhere.

-
-
- -

File based - configuration

-

espanso follows a Unix-like - configuration philosophy, - using simple files.

-
-
- -

Open-source - license

-

espanso is open-source, - licensed under the - GPL-3 license.

-
-
- -

Cross-platform - support

-

espanso supports Windows, - Linux and macOS.

-
-
+ -

Do you want to know more?

- Visit Documentation -
+ - - - - + 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 :date') + .pause(400) + .options({speed: 1, deleteSpeed: 7}) + .delete(5) + .type('09/12/2019') + .pause(1500) + .options({speed: 50, deleteSpeed: 7}) + .go(); + } - - - \ No newline at end of file + jumboText(); + hiw(); + features(); + \ No newline at end of file