Merge branch 'about-neopass'

This `.gif` format is used in the items list "export to petpage"
feature, as the image URL for items whose URLs are known to contain
blocked words that prevent them from being used in petpages.

But when doing some Rails upgrade long ago, we didn't notice the new
security feature that blocks redirects to other sites without a special
flag being set. It was triggering 500 errors, oops.

Now, we set the flag!

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

app/controllers/about_controller.rb

@@ -1,4 +1,7 @@
 class AboutController < ApplicationController
+	def neopass
+	end
+
 	def terms
 	end
 end

app/controllers/items_controller.rb

@@ -86,7 +86,7 @@ class ItemsController < ApplicationController
 
       format.gif do
         expires_in 1.month
-        redirect_to @item.thumbnail_url
+        redirect_to @item.thumbnail_url, allow_other_host: true
       end
     end
   end

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 <matchu@openneo.net>, and I'll do my best to listen and
+	help!
+
+	Thanks as always, everyone. We'll talk more soon! 💖  
+	_—Matchu_

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

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