Add NeoPass announcement banner to homepage
This commit is contained in:
parent
3bf07b02da
commit
b388486676
4 changed files with 32 additions and 0 deletions
BIN
app/assets/images/about/neopass-thumbnail.png
Normal file
BIN
app/assets/images/about/neopass-thumbnail.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
BIN
app/assets/images/about/neopass-thumbnail@2x.png
Normal file
BIN
app/assets/images/about/neopass-thumbnail@2x.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 34 KiB |
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue