diff --git a/_data/en/home.yml b/_data/en/home.yml index 7ca7486..47bb11d 100644 --- a/_data/en/home.yml +++ b/_data/en/home.yml @@ -2,12 +2,12 @@ site_name: 'Butter' page_logo: ['/assets/images/butter-logo-feature-large.svg', 'Butter App Feature Logo'] title: 'Life without internet made smoother.
Get access to tools that help.' text: | - Butter features a collection of apps to make life without
the internet a little smoother. - Use it to discover and download
free, ad-free apps or to spread the love and share offline. -button_text: 'Download Android App' + This Butter Box offers an Android app store and chat rooms. You can use the app store to discover and download free, ad-free apps or to spread the love and share apps offline. The chat rooms hang on to messages while you're gone and deliver them whenever a device reconnects to the Butter Box. +fdroid_apps_caption: Just a few of the apps available via Butter. +fdroid_button_text: 'Download Android App Store' +chat_button_text: 'Start a chat room instantly' image: ['/assets/images/butter-collection-features-offline-essentials.svg', 'Butter App features collection'] - modal_data: title: 'Butter: Free, ad-free apps to help you offline' logo: ['/assets/images/butter-app-icon-large.svg', 'Butter App Logo'] diff --git a/_data/home.yml b/_data/home.yml index 7ca7486..47bb11d 100644 --- a/_data/home.yml +++ b/_data/home.yml @@ -2,12 +2,12 @@ site_name: 'Butter' page_logo: ['/assets/images/butter-logo-feature-large.svg', 'Butter App Feature Logo'] title: 'Life without internet made smoother.
Get access to tools that help.' text: | - Butter features a collection of apps to make life without
the internet a little smoother. - Use it to discover and download
free, ad-free apps or to spread the love and share offline. -button_text: 'Download Android App' + This Butter Box offers an Android app store and chat rooms. You can use the app store to discover and download free, ad-free apps or to spread the love and share apps offline. The chat rooms hang on to messages while you're gone and deliver them whenever a device reconnects to the Butter Box. +fdroid_apps_caption: Just a few of the apps available via Butter. +fdroid_button_text: 'Download Android App Store' +chat_button_text: 'Start a chat room instantly' image: ['/assets/images/butter-collection-features-offline-essentials.svg', 'Butter App features collection'] - modal_data: title: 'Butter: Free, ad-free apps to help you offline' logo: ['/assets/images/butter-app-icon-large.svg', 'Butter App Logo'] diff --git a/_scss/helpers/utilities.scss b/_scss/helpers/utilities.scss index abe66fd..714b02e 100644 --- a/_scss/helpers/utilities.scss +++ b/_scss/helpers/utilities.scss @@ -64,6 +64,7 @@ body { &:hover { background-color: lighten($royal-blue, 5%); } + margin-bottom: 10px; } @@ -77,6 +78,13 @@ body { } } +.caption { + color: $dark-gray; + font-family: $text-font-family; + font-size: 16px; + margin-top: 8px; +} + .text-black { color: $black; } @@ -94,6 +102,9 @@ body { .mb-2 { margin-bottom: 24px; } +.mt-2 { + margin-top: 24px; +} // Arrows classes diff --git a/_scss/pages/home.scss b/_scss/pages/home.scss index f99af7b..cc7ee82 100644 --- a/_scss/pages/home.scss +++ b/_scss/pages/home.scss @@ -3,6 +3,7 @@ // ------------------------- .main-area { background-color: $gold; + min-height: 100vh; } // ------------------------- @@ -92,6 +93,7 @@ a:active { .content-area { &-wrapper { margin-top: 30px; + min-height: calc(100vh - 202px); // take up space above the footer .content-title { font-size: 42px; font-weight: 800; @@ -114,7 +116,7 @@ a:active { img { display: block; margin: 0 auto; - max-width: 100%; + max-width: 70%; } } } diff --git a/index.html b/index.html index da23f75..a40dbbf 100644 --- a/index.html +++ b/index.html @@ -8,12 +8,15 @@ layout: default
{{ page_data.page_logo[1] }} -

{{ page_data.title }}

+

{{ page_data.title }}

{{ page_data.text }}

- {{ page_data.button_text | upcase }}
{{ page_data.image[1] }} +

{{ page_data.fdroid_apps_caption }}

+ {{ page_data.fdroid_button_text | upcase }} + {{ page_data.chat_button_text | upcase }} +

{{ page_data.chat_text }}