diff --git a/app/assets/images/about/neopass-header.png b/app/assets/images/about/neopass-header.png new file mode 100644 index 00000000..140ff705 Binary files /dev/null and b/app/assets/images/about/neopass-header.png differ diff --git a/app/assets/images/about/neopass-thumbnail.png b/app/assets/images/about/neopass-thumbnail.png new file mode 100644 index 00000000..57d3efcf Binary files /dev/null and b/app/assets/images/about/neopass-thumbnail.png differ diff --git a/app/assets/images/about/neopass-thumbnail@2x.png b/app/assets/images/about/neopass-thumbnail@2x.png new file mode 100644 index 00000000..d4bcfbf4 Binary files /dev/null and b/app/assets/images/about/neopass-thumbnail@2x.png differ diff --git a/app/assets/stylesheets/outfits/_new.sass b/app/assets/stylesheets/outfits/_new.sass index 5418fac8..9dd4bd70 100644 --- a/app/assets/stylesheets/outfits/_new.sass +++ b/app/assets/stylesheets/outfits/_new.sass @@ -1,3 +1,4 @@ +@import "partials/clean/constants" @import "partials/campaign-progress" body.outfits-new @@ -6,6 +7,23 @@ body.outfits-new #pet-not-found 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 +clearfix +module diff --git a/app/controllers/about_controller.rb b/app/controllers/about_controller.rb index 9397eab0..99a6688d 100644 --- a/app/controllers/about_controller.rb +++ b/app/controllers/about_controller.rb @@ -1,4 +1,7 @@ class AboutController < ApplicationController + def neopass + end + def terms end end diff --git a/app/views/about/neopass.html.haml b/app/views/about/neopass.html.haml new file mode 100644 index 00000000..b3a5a7ef --- /dev/null +++ b/app/views/about/neopass.html.haml @@ -0,0 +1,69 @@ +- title "NeoPass for DTI" + += image_tag 'about/neopass-header.png', + alt: "Header image of three Neopets wearing NeoPass badges on lanyards", + width: 800, height: 232 + +:markdown + Hi, everyone! We've got big news coming up: we're partnering with Neopets to + add "Login with NeoPass" and some other integrations to bring our sites a + bit closer together! Here's what to expect and why. + _(Posted: March 13, 2024)_ + + ## Login with NeoPass + + Over time, Neopets is planning to send more users our way, and we want them + to have a smooth experience when they get here! + + **So, new users will be able to click "Login with NeoPass" and use their + existing Neopets account**, instead of creating a new DTI username and + password. Existing DTI users can also link accounts if they want, too! + + We're also keeping in mind that a _lot_ of the pain points in using DTI right + now have to do with transferring stuff between Neopets and DTI. It's possible + that this could set us up for other smoother experiences in the future, too! + + ## Links to NC Mall + + We're also planning to add **a few links from DTI to the NC Mall**, which + we'll do our best to make thoughtful and unobtrusive. There's two main + reasons for this! + + First off, when Neopets sends users our way, we don't want them to get + confused and stuck here. Existing DTI users know their way around NC, but new + users probably won't, so we'll add a couple hints for how to get their + designs onto Neopets.com. + + The second reason is: we believe Dress to Impress is a critical part of the + Neopets economy, and we want TNT to be able to see that, too. We'll include + **a lil referral code in the link** so TNT can know which shoppers came from + DTI, and can evaluate accordingly. (We expect this to be important for us + long-term!) + + ## Why now? + + Dress to Impress has always been a **very small-staff volunteer project**, and + it's been clear to everyone over the past few years that we're struggling to + balance DTI with the rest of our lives 😖 Work and life and family have their + own needs, and they've been increasing! + + And so… there are reasons we're being careful talking about details right + now, but the gist is: we're hoping that partnering with TNT will not only + help us fill gaps in the customization user experience, but can also be part + of **a more sustainable future for Dress to Impress long-term**. I hope we + can tell you more about it soon! + + I know full well, and I'm sure you do too, that partnerships between + companies and fan projects can be complicated. I promise I'm doing my best to + represent you all, focusing on securing what's right for the community, and + keeping in mind the importance of autonomy! We'll keep DTI independent, only + do things we believe genuinely serve everyone, and keep a critical eye as we + go. + + So, yeah! It's NeoPass time! We'll be working on this in the coming months, + and I'll let you know more along the way. If you have questions or thoughts, + please email me at , and I'll do my best to listen and + help! + + Thanks as always, everyone. We'll talk more soon! 💖 + _—Matchu_ diff --git a/app/views/outfits/new.html.haml b/app/views/outfits/new.html.haml index 25073476..791e069d 100644 --- a/app/views/outfits/new.html.haml +++ b/app/views/outfits/new.html.haml @@ -4,6 +4,20 @@ %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 - localized_cache :action_suffix => 'outfit_forms_intro' do #pet-preview diff --git a/config/routes.rb b/config/routes.rb index af5dda38..c850c09a 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -86,8 +86,9 @@ OpenneoImpressItems::Application.routes.draw do end get '/donate' => 'fundraising/campaigns#current', as: :donate - # Static pages! + # About pages! get '/terms', to: "about#terms", as: :terms + get '/about/neopass', to: 'about#neopass' # Other useful lil things! get '/sitemap.xml' => 'sitemap#index', :as => :sitemap, :format => :xml