diff --git a/_data/deployment.yml b/_data/deployment.yml new file mode 100644 index 0000000..f83be1f --- /dev/null +++ b/_data/deployment.yml @@ -0,0 +1,3 @@ +# Deployment-specific variables to specify what features to surface. +has_internet: true +show_chat: false \ No newline at end of file diff --git a/_data/deployments/butterbox/deployment.yml b/_data/deployments/butterbox/deployment.yml new file mode 100644 index 0000000..328e313 --- /dev/null +++ b/_data/deployments/butterbox/deployment.yml @@ -0,0 +1,3 @@ +# Deployment-specific variables to specify what features to surface. +has_internet: false +show_chat: true \ No newline at end of file diff --git a/_data/deployments/web/deployment.yml b/_data/deployments/web/deployment.yml new file mode 100644 index 0000000..f83be1f --- /dev/null +++ b/_data/deployments/web/deployment.yml @@ -0,0 +1,3 @@ +# Deployment-specific variables to specify what features to surface. +has_internet: true +show_chat: false \ No newline at end of file diff --git a/_data/en/home.yml b/_data/en/home.yml index 7ca7486..dd7c98e 100644 --- a/_data/en/home.yml +++ b/_data/en/home.yml @@ -1,13 +1,20 @@ 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' +text: + show_chat: | + This Butter Box offers an Android app store and chat rooms.
+ Download the Butter app to discover and download free, ad-free
+ apps or to spread the love and share apps offline. Or, create a
+ chat room which hangs on to messages while you're gone and
+ delivers them whenever your device reconnects to the Butter Box. + dont_show_chat: | + 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. +fdroid_apps_caption: Just a few of the apps available via Butter. +fdroid_button_text: 'Download Android App' +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/es/home.yml b/_data/es/home.yml index 745e2d0..8bd6531 100644 --- a/_data/es/home.yml +++ b/_data/es/home.yml @@ -1,9 +1,14 @@ site_name: 'Mantequilla' page_logo: ['/assets/images/butter-logo-feature-large.svg', 'Butter App Feature Logo'] -title: 'Para hacer tu vida sin Internet más fácil.
Obtén herramientas que ayudan.' -text: | +title: 'Para hacer tu vida sin Internet más fácil. Obtén herramientas que ayudan.' +text: + show_chat: | + Este Caja de Mantequilla presenta una colección de aplicaciones de Android y salas de chat. Descarga la aplicación Mantequilla para descubrir y descargar aplicaciones gratuitas y sin publicidad o compartir cuando no tienes conexión. O, crea una sala de chat que conserva mensajes cuando no estás aquí y los entrega cuando se vuelve a conectar a la Caja de Mantequilla. + dont_show_chat: | Mantequilla presenta una colección de aplicaciones para ayudarte cuando no tienes acceso a Internet. Úsala para descubrir y descargar aplicaciones gratuitas y sin publicidad o compartir cuando no tienes conexión. -button_text: 'DESCARGA LA APLICACIÓN ANDROID' +fdroid_apps_caption: Unas aplicaciónes disponible de Mantequilla +fdroid_button_text: 'DESCARGA LA APLICACIÓN ANDROID' +chat_button_text: Crea una sala de chat image: ['/assets/images/butter-collection-features-offline-essentials.svg', 'Butter App features collection'] diff --git a/_data/home.yml b/_data/home.yml index 7ca7486..dd7c98e 100644 --- a/_data/home.yml +++ b/_data/home.yml @@ -1,13 +1,20 @@ 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' +text: + show_chat: | + This Butter Box offers an Android app store and chat rooms.
+ Download the Butter app to discover and download free, ad-free
+ apps or to spread the love and share apps offline. Or, create a
+ chat room which hangs on to messages while you're gone and
+ delivers them whenever your device reconnects to the Butter Box. + dont_show_chat: | + 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. +fdroid_apps_caption: Just a few of the apps available via Butter. +fdroid_button_text: 'Download Android App' +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/_layouts/basic.html b/_layouts/basic.html index 6c56600..24da5d6 100644 --- a/_layouts/basic.html +++ b/_layouts/basic.html @@ -21,23 +21,23 @@ - - - - - + {% if site.data.deployment.has_internet %} + + + + {% endif %} 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 a066aef..f6c826e 100644 --- a/_scss/pages/home.scss +++ b/_scss/pages/home.scss @@ -3,6 +3,7 @@ // ------------------------- body { 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 margin-bottom: 30px; .content-title { font-size: 42px; @@ -115,7 +117,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..4cbaf94 100644 --- a/index.html +++ b/index.html @@ -8,12 +8,23 @@ layout: default
{{ page_data.page_logo[1] }} -

{{ page_data.title }}

-

{{ page_data.text }}

- {{ page_data.button_text | upcase }} +

{{ page_data.title }}

+

+ {% if site.data.deployment.show_chat %} + {{ page_data.text.show_chat }} + {% else %} + {{ page_data.text.dont_show_chat }} + {% endif %} +

{{ page_data.image[1] }} +

{{ page_data.fdroid_apps_caption }}

+ {{ page_data.fdroid_button_text | upcase }} + {% if site.data.deployment.show_chat %} + {{ page_data.chat_button_text | upcase }} + {% endif %} +

{{ page_data.chat_text }}