diff --git a/_data/deployment.yml b/_data/deployment.yml index f83be1f..328e313 100644 --- a/_data/deployment.yml +++ b/_data/deployment.yml @@ -1,3 +1,3 @@ # Deployment-specific variables to specify what features to surface. -has_internet: true -show_chat: false \ No newline at end of file +has_internet: false +show_chat: true \ No newline at end of file diff --git a/_data/home.yml b/_data/home.yml index ad33fe3..ecbd612 100644 --- a/_data/home.yml +++ b/_data/home.yml @@ -1,7 +1,7 @@ # This file is sitewide, for all languages. # To specify per-language data, use the _i18n folder's yml files. -page_logo: '/assets/images/butter-logo-feature-large.svg' +page_logo: '/assets/images/btr-logo.svg' app_tiles_image: '/assets/images/butter-collection-features-offline-essentials.svg' modal: diff --git a/_scss/helpers/utilities.scss b/_scss/helpers/utilities.scss index 272a8a2..21de577 100644 --- a/_scss/helpers/utilities.scss +++ b/_scss/helpers/utilities.scss @@ -64,11 +64,34 @@ body { border-radius: 50rem; transition: all .3s ease; text-decoration: none; - width: 100%; + width: fit-content; &:hover { background-color: lighten($gold, 5%); } margin-bottom: 10px; + .btn-split { + height: 60px; + display: inline-flex; + .btn-logo { + border-right: 1pt; + border-right-color: black; + border-right-style: solid; + height: 60px; + } + .btn-text { + text-align: left; + height:60px; + padding: 10px 20px; + .button-main-text { + font-size: 16px; + font-weight: 500; + } + .button-sub-text { + font-size: 11px; + font-weight: 400; + } + } + } } diff --git a/_scss/pages/home.scss b/_scss/pages/home.scss index 11b84d7..2e9ca33 100644 --- a/_scss/pages/home.scss +++ b/_scss/pages/home.scss @@ -3,6 +3,8 @@ // ------------------------- body { background-color: $gold; + background-image: url("/assets/images/btr-texture.png"); + background-size: 100%; min-height: 100vh; } @@ -84,13 +86,13 @@ a:active { margin-top: 175px; height: Min(50vw, 250px); text-align: center; + position:relative; + top: -90px; .topper-img { - position: relative; - top: -170px; + width: 40%; + height: auto; } .content-title { - position: relative; - top: -150px; margin-left: 15%; margin-right: 15%; font-size: 36px; @@ -182,6 +184,16 @@ a:active { } } +// ------------------------- +// Footer Styles +// ------------------------- + +.btn-android { + margin: 10px 20px 10px 20px; + height: 40px; + width: auto; +} + // ------------------------- // Footer Styles diff --git a/assets/images/btr-android.svg b/assets/images/btr-android.svg new file mode 100644 index 0000000..6a0cfe8 --- /dev/null +++ b/assets/images/btr-android.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/images/btr-apps.png b/assets/images/btr-apps.png new file mode 100644 index 0000000..472011c Binary files /dev/null and b/assets/images/btr-apps.png differ diff --git a/assets/images/btr-carrot.svg b/assets/images/btr-carrot.svg new file mode 100644 index 0000000..327754f --- /dev/null +++ b/assets/images/btr-carrot.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/btr-convene.png b/assets/images/btr-convene.png new file mode 100644 index 0000000..92fbb59 Binary files /dev/null and b/assets/images/btr-convene.png differ diff --git a/assets/images/btr-logo.svg b/assets/images/btr-logo.svg new file mode 100644 index 0000000..f14e0be --- /dev/null +++ b/assets/images/btr-logo.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/assets/images/btr-texture.png b/assets/images/btr-texture.png new file mode 100644 index 0000000..56378c6 Binary files /dev/null and b/assets/images/btr-texture.png differ diff --git a/index.html b/index.html index 57ab898..39e43ee 100644 --- a/index.html +++ b/index.html @@ -10,10 +10,20 @@ layout: default {% t page_logo_alt %}

{% t title %}

-
+

{% t apps_subtitle %}

{% t apps_text %}

- {% t fdroid_button_text %} + +
+ +
+ {% t fdroid_button_text %}
+ {% t fdroid_button_subtext %} +
+
+ @@ -30,10 +40,10 @@ layout: default

{% t chat_subtitle %}

{% t chat_text %}

- {% t chat_button_text %} + {% t chat_button_text %}
- {% t page_logo_alt %} + {% t page_logo_alt %}
{% t chat_secondary_cta %}