Add NeoPass announcement banner to homepage

This commit is contained in:
Emi Matchu 2024-03-13 12:20:38 -07:00
parent 3bf07b02da
commit b388486676
4 changed files with 32 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

View file

@ -1,3 +1,4 @@
@import "partials/clean/constants"
@import "partials/campaign-progress" @import "partials/campaign-progress"
body.outfits-new body.outfits-new
@ -6,6 +7,23 @@ body.outfits-new
#pet-not-found #pet-not-found
display: none display: none
.neopass-announcement
border: 1px solid #7bd5ce
color: #3b6c68
padding: .5em
display: grid
grid-template-areas: "thumbnail content"
grid-template-columns: auto 1fr
column-gap: .5em
margin-bottom: 1em
p
font-family: $main-font
margin-bottom: .5em
p:last-of-type
margin-bottom: 0
#outfit-forms #outfit-forms
+clearfix +clearfix
+module +module

View file

@ -4,6 +4,20 @@
%p#pet-not-found.alert= t 'pets.load.not_found' %p#pet-not-found.alert= t 'pets.load.not_found'
%section.neopass-announcement
= image_tag "about/neopass-thumbnail.png", width: 70, height: 70,
srcset: {"about/neopass-thumbnail@2x.png": "2x"},
class: "neopass-thumbnail"
.neopass-content
%p
%strong
Big news: we're adding NeoPass and other integrations to DTI over the
coming months!
%p
We're hoping it will help new users, and can be part of a more sustainable future for the site.
%br
= link_to "Here's what's coming and why.", about_neopass_path
#outfit-forms #outfit-forms
- localized_cache :action_suffix => 'outfit_forms_intro' do - localized_cache :action_suffix => 'outfit_forms_intro' do
#pet-preview #pet-preview