diff --git a/_includes/donate.html b/_includes/donate.html new file mode 100644 index 0000000..4ec936f --- /dev/null +++ b/_includes/donate.html @@ -0,0 +1,16 @@ + diff --git a/_includes/footer.html b/_includes/footer.html index e69de29..23ef2fb 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -0,0 +1,13 @@ +
+
+

Contributing

+

espanso is open source and hosted on GitHub.

+ +Star +

If you find a bug or have an idea for a new feature, + please open an issue on GitHub.

+
+
+

Designed and created by Federico Terzi. Copyright © Federico Terzi 2019

+
+
\ No newline at end of file diff --git a/_includes/navigation.html b/_includes/navigation.html index 84ecc9d..7c394f1 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -13,7 +13,7 @@ {% endfor %}
  • - Donate + Donate
    • diff --git a/_layouts/default.html b/_layouts/default.html index a10f638..5421180 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -58,11 +58,14 @@ If you want to see more interesting projects, visit my website: https://federico {% endunless %} + {% include donate.html %} + {% include footer.html %} + {% if page.showParticles %} diff --git a/_sass/_colors.scss b/_sass/_colors.scss index 8edecf0..973f11a 100644 --- a/_sass/_colors.scss +++ b/_sass/_colors.scss @@ -2,4 +2,7 @@ $mainColor: #00b894; $lightGrayColor: #b2bec3; $grayColor: #636e72; $blackColor: #2d3436; -$greenDark: #00372c; \ No newline at end of file +$veryBlackColor: #202426; +$greenDark: #00372c; +$yellowColor: #fdcb6e; +$orangeColor: #e17055; \ No newline at end of file diff --git a/_sass/_default.scss b/_sass/_default.scss index d546a00..7d22818 100644 --- a/_sass/_default.scss +++ b/_sass/_default.scss @@ -1,7 +1,12 @@ body { + margin: 0; font-family: 'Raleway', sans-serif; } +html { + margin: 0; +} + h1, h2, h3, h4 { font-weight: 700; } diff --git a/_sass/_donate.scss b/_sass/_donate.scss new file mode 100644 index 0000000..37d5005 --- /dev/null +++ b/_sass/_donate.scss @@ -0,0 +1,34 @@ +.donate { + margin-top: 60px; + img { + height: 150px; + display: block; + margin-left: auto; + + @media screen and (max-width: $screen-tablet) { + margin-right: auto; + } + } + + @media screen and (max-width: $screen-tablet) { + text-align: center; + } + + .bigger { + font-size: 1.2em; + } + + .btn { + font-weight: 700; + font-size: 1.2em; + background-color: $orangeColor; + color: white !important; + padding: 10px 25px 10px 25px; + border-radius: 40px; + border: 0; + + @media screen and (max-width: $screen-tablet) { + font-size: 1.3em; + } + } +} \ No newline at end of file diff --git a/_sass/_footer.scss b/_sass/_footer.scss new file mode 100644 index 0000000..9d26379 --- /dev/null +++ b/_sass/_footer.scss @@ -0,0 +1,25 @@ +.footer-section { + color: white; + text-align: center; + + .contrib-box { + background-image: url("/assets/images/footerback.svg"); + background-position: center top; + background-size: cover; + margin: 60px 0 0 0; + padding: 50px 0 10px 0; + } + + .copy-box { + padding: 15px 0 0 0; + background-color: $veryBlackColor; + height: 100%; + p { + line-height: 1em; + } + } + + a { + color: $lightGrayColor; + } +} \ No newline at end of file diff --git a/_sass/_homepage.scss b/_sass/_homepage.scss index 01e2570..5e4723b 100644 --- a/_sass/_homepage.scss +++ b/_sass/_homepage.scss @@ -30,8 +30,10 @@ } .btn-subtitle { + display: block; font-size: 1em; margin: 10px; + text-decoration: none; color: $grayColor; } } diff --git a/_sass/_install.scss b/_sass/_install.scss index 98b7edf..ff66af2 100644 --- a/_sass/_install.scss +++ b/_sass/_install.scss @@ -1,6 +1,6 @@ .install { @media screen and (min-width: $screen-laptop) { - margin-top: 80px; + margin-top: 30px; } img { diff --git a/_sass/main.scss b/_sass/main.scss index ef7ae15..b017b81 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -4,4 +4,6 @@ @import '_header'; @import '_homepage'; @import '_syntax'; -@import '_install'; \ No newline at end of file +@import '_install'; +@import '_donate'; +@import '_footer'; \ No newline at end of file diff --git a/assets/images/footerback.svg b/assets/images/footerback.svg new file mode 100644 index 0000000..f59add8 --- /dev/null +++ b/assets/images/footerback.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/profile.png b/assets/images/profile.png new file mode 100644 index 0000000..e071997 Binary files /dev/null and b/assets/images/profile.png differ diff --git a/index.html b/index.html index 7c4cecc..212ebf5 100644 --- a/index.html +++ b/index.html @@ -9,8 +9,8 @@ showParticles: True

    Cross-platform Text Expander written in Rust

    - Get Started on MacOS -

    Also available for Windows and Linux

    + Get Started on MacOS +

    Also available for Windows and Linux

    @@ -119,7 +119,40 @@ showParticles: True