341a8dd89c
Disallow text wrapping in the "Total" cell in Item Getting Guide
...
The table layout algo can get a bit funky about how it assigns extra
space, I want to encourage things like "Total: 5 items" etc not to
wrap, esp in the Dyeworks case where it's quite long!
2024-06-20 13:55:04 -07:00
3d6abc84dd
Layout tweaks to Dyeworks in Item Getting Guide
...
There's more and more going on in here! Let's omit the base item name,
increase the table width a bit in this case, and tweak the rest a bit
while we're here.
2024-06-20 13:50:48 -07:00
cec29682c4
Add NC Trades button to Dyeworks in Item Getting Guide
2024-06-20 13:50:04 -07:00
1acb00e35a
Add NC prices to item pages
2024-06-18 13:25:29 -07:00
36452a4704
Flag items you already own in the Item Getting Guide
2024-06-15 15:47:52 -07:00
3310394fb8
Improve Owls value presentation in Item Getting Guide
2024-06-09 19:22:34 -07:00
3dbcf41e4f
Restyle Owls link a bit in Item Getting Guide
...
I think it helps a bit to have only the label be dotted-underlined, to
hint that I'm offering help about what that *means*, but clear the way
for the value itself to be more visible and less cluttered.
2024-06-09 15:22:21 -07:00
9bc6be05f8
Add "Permanent" label to permanent Dyeworks items in Item Getting Guide
2024-06-09 15:21:42 -07:00
5de9e2a27b
Add Dyeworks section to Item Getting Guide (but it's currently wrong!)
...
I started writing this up, then sent a preview to a friend, and he was
like "oh cool, but also this is not correct?"
I didn't realize Dyeworks has limited-time support to be *able* to dye
certain items. Hey, glad we're writing this guide for people like me,
then! lol
I wonder if we can lean on Owls for this. It seems like they already
list "Permanent Dyeworks" for some items, I wonder if they say
something special for active limited-edition Dyeworks items!
2024-06-09 13:25:59 -07:00
bb0d219508
Don't let action buttons wrap onto multiple lines in Item Getting Guide
...
A funny table-layout bug, where the item "Portal to the Unknown" had a
very long Owls listing ("Owls listing: Buyable - Magic Lens + Blank
Grey Tome (NP)"), and so the table layout tried to give it more room by
decreasing the width of the action cell and wrapping the "NC Trades"
action button text onto multiple lines.
The fix: don't allow that! The table layout will figure out how to
handle this being disallowed, and give the actions cell an appropriate
minimum width.
2024-05-28 17:16:41 -07:00
551e8941f3
Add OWLS values to non-NC-Mall NC items in Item Getting Guide
...
Note that there's a known performance issue here: we should try to
fetch all the OWLS values at once, instead of doing them in sequence
while rendering the page!
2024-05-27 15:53:08 -07:00
c49cf52939
Remove CSS reset that removes focus outline from all elements by default
...
Oh jeez, idk why this was ever in here, but yeah no, I want to be using
default browser focus outlines unless specifically overridden otherwise.
Will help keyboard navigation a lot! Yikes!!
2024-05-27 15:49:12 -07:00
4e11ee4da7
Add paint brush images to Item Getting Guide
...
In the previous change, we started grouping PB items by color. But I
wanted to better express that the grouping itself *is* an item, and the
items below it are secondary!
The main change we make here is to leverage DTI's existing design
language that "thumbnail image means item", and record thumbnail URLs
as well as paint brush names now, too!
We're still not leveraging the full Item system here, just fields on
Color. Keeping it simple for now!
Here's the script I ran to add the paint brush images to all the
existing colors!
```rb
Color.find_by_name("Baby").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/babypaintbrush.gif ")
Color.find_by_name("Biscuit").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_biscuit.gif ")
Color.find_by_name("Blue").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/bluepntbrsh.gif ")
Color.find_by_name("Brown").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/brownpntbrush.gif ")
Color.find_by_name("Camouflage").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_camo.gif ")
Color.find_by_name("Candy").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_candy.gif ")
Color.find_by_name("Checkered").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/checkeredpntbrush.gif ")
Color.find_by_name("Christmas").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/xmaspaintbrush.gif ")
Color.find_by_name("Cloud").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/cloudpntbrush.gif ")
Color.find_by_name("Darigan").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/pb_darigan.gif ")
Color.find_by_name("Dimensional").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_dimensional.gif ")
Color.find_by_name("Disco").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/discopntbrush.gif ")
Color.find_by_name("Electric").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/electricbluepntbrush.gif ")
Color.find_by_name("Eventide").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/eventidepaintbrush.gif ")
Color.find_by_name("Faerie").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/faeriepntbrush.gif ")
Color.find_by_name("Fire").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/firepntbrush.gif ")
Color.find_by_name("Elderlyboy").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/pb_elderly.gif ")
Color.find_by_name("Elderlygirl").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/pb_elderly.gif ")
Color.find_by_name("Ghost").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/ghostpntbrush.gif ")
Color.find_by_name("Glowing").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/glowingpntbrsh.gif ")
Color.find_by_name("Gold").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/gold_pntbrush.gif ")
Color.find_by_name("Green").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/greenpntbrsh.gif ")
Color.find_by_name("Grey").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/greypntbrush.gif ")
Color.find_by_name("Halloween").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/halloweenpntbrsh.gif ")
Color.find_by_name("Invisible").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/invisiblepntbrsh.gif ")
Color.find_by_name("Desert").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/desertpaintbrush.gif ")
Color.find_by_name("Maractite").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/maractitepaintbrush.gif ")
Color.find_by_name("Maraquan").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/maraquanpntbrush.gif ")
Color.find_by_name("Marble").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_marble.gif ")
Color.find_by_name("Island").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/islandpntbrush.gif ")
Color.find_by_name("Oil Paint").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/oilpaintingpntbrsh.gif ")
Color.find_by_name("Orange").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/orange_paint_brush.gif ")
Color.find_by_name("Origami").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_origami.gif ")
Color.find_by_name("Pastel").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_pastel.gif ")
Color.find_by_name("Pink").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/pink_paint_brush.gif ")
Color.find_by_name("Pirate").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/piratepntbrush.gif ")
Color.find_by_name("Plushie").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/plushiepaintbrush.gif ")
Color.find_by_name("Polka Dot").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_polkadot.gif ")
Color.find_by_name("Purple").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/purplepntbrsh.gif ")
Color.find_by_name("Rainbow").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/rainbowpntbrsh.gif ")
Color.find_by_name("Red").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/redpntbrsh.gif ")
Color.find_by_name("Relic").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/relic_pntbrush.gif ")
Color.find_by_name("Royalboy").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_royal.gif ")
Color.find_by_name("Royalgirl").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_royal.gif ")
Color.find_by_name("Sketch").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/sketchpntbrush.gif ")
Color.find_by_name("Shadow").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/shadowpntbrsh.gif ")
Color.find_by_name("Silver").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/silverpntbrsh.gif ")
Color.find_by_name("Skunk").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/skunkpntbrush.gif ")
Color.find_by_name("Snow").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_snowman.gif ")
Color.find_by_name("Speckled").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/greenwhitedotspntbrush.gif ")
Color.find_by_name("Split").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/halfandhalfpntbrsh.gif ")
Color.find_by_name("Spotted").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/spottedpntbrush.gif ")
Color.find_by_name("Starry").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/starspntbrush.gif ")
Color.find_by_name("Stealthy").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/pb_stealthy.gif ")
Color.find_by_name("Steampunk").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_steampunk.gif ")
Color.find_by_name("Strawberry").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/strawberrypntbrush.gif ")
Color.find_by_name("Striped").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/stripedpntbrsh.gif ")
Color.find_by_name("Swamp Gas").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/newpbsg2011color.gif ")
Color.find_by_name("Toy").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_toy.gif ")
Color.find_by_name("Transparent").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/transparentpaintbrush.gif ")
Color.find_by_name("Tyrannian").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/tyrannianpntbrush.gif ")
Color.find_by_name("Usuki Boy").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/usukipaintbrush.gif ")
Color.find_by_name("Usuki Girl").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/usukipaintbrush.gif ")
Color.find_by_name("Valentine").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_valentine.gif ")
Color.find_by_name("Water").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_water.gif ")
Color.find_by_name("White").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/whitepntbrsh.gif ")
Color.find_by_name("Woodland").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_woodland.gif ")
Color.find_by_name("Wraith").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_wraith.gif ")
Color.find_by_name("Yellow").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/yellowpntbrsh.gif ")
Color.find_by_name("Zombie").update!(pb_item_thumbnail_url: "https://images.neopets.com/items/paintbrush_zombie.gif ")
```
2024-05-22 16:59:36 -07:00
1a76923ce6
Group PB items by color in Item Getting Guide
...
Ohh yeah, this helps communicate the process much better, especially
for what the Shops/Trades links mean.
I think I'm gonna also go get the paint brush thumbnail images and add
them to the database too, to help better communicate that this is a
paint brush item situation.
2024-05-22 16:34:48 -07:00
1b03c2caed
Add more PB item info and links to Item Getting Guide
...
I add some infrastructural support for inferring an item's paintbrush
color (if any), and a field to the database to manually track an item's
paint brush item name! This is both useful for tracking which colors
are even *available* via paint brush, and also for working with colors
with unusual paint brush names, like the "Get Off My Lawn Paint Brush"
(for Elderly pets).
Here's the script I ran to backfill this for current colors and their
paint brushes!
```rb
Color.find_by_name("Baby").update!(pb_item_name: "Baby Paint Brush")
Color.find_by_name("Biscuit").update!(pb_item_name: "Biscuit Paint Brush")
Color.find_by_name("Blue").update!(pb_item_name: "Blue Paint Brush")
Color.find_by_name("Brown").update!(pb_item_name: "Brown Paint Brush")
Color.find_by_name("Camouflage").update!(pb_item_name: "Camouflage Paint Brush")
Color.find_by_name("Candy").update!(pb_item_name: "Candy Paint Brush")
Color.find_by_name("Checkered").update!(pb_item_name: "Checkered Paint Brush")
Color.find_by_name("Christmas").update!(pb_item_name: "Christmas Paint Brush")
Color.find_by_name("Cloud").update!(pb_item_name: "Cloud Paint Brush")
Color.find_by_name("Darigan").update!(pb_item_name: "Darigan Paint Brush")
Color.find_by_name("Dimensional").update!(pb_item_name: "Dimensional Paint Brush")
Color.find_by_name("Disco").update!(pb_item_name: "Disco Fever Paint Brush")
Color.find_by_name("Electric").update!(pb_item_name: "Electric Blue Paint Brush")
Color.find_by_name("Eventide").update!(pb_item_name: "Eventide Paint Brush")
Color.find_by_name("Faerie").update!(pb_item_name: "Faerie Paint Brush")
Color.find_by_name("Fire").update!(pb_item_name: "Fire, Fire, Your Pants On Fire Paint Brush")
Color.find_by_name("Elderlyboy").update!(pb_item_name: "Get Off My Lawn Paint Brush")
Color.find_by_name("Elderlygirl").update!(pb_item_name: "Get Off My Lawn Paint Brush")
Color.find_by_name("Ghost").update!(pb_item_name: "Ghost Paint Brush")
Color.find_by_name("Glowing").update!(pb_item_name: "Glowing Paint Brush")
Color.find_by_name("Gold").update!(pb_item_name: "Golden Paint Brush")
Color.find_by_name("Green").update!(pb_item_name: "Green Paint Brush")
Color.find_by_name("Grey").update!(pb_item_name: "Grey Paint Brush")
Color.find_by_name("Halloween").update!(pb_item_name: "Halloween Paint Brush")
Color.find_by_name("Invisible").update!(pb_item_name: "Invisible Paint Brush")
Color.find_by_name("Desert").update!(pb_item_name: "Lost Desert Paint Brush")
Color.find_by_name("Maractite").update!(pb_item_name: "Maractite Paint Brush")
Color.find_by_name("Maraquan").update!(pb_item_name: "Maraquan Paint Brush")
Color.find_by_name("Marble").update!(pb_item_name: "Marble Paint Brush")
Color.find_by_name("Island").update!(pb_item_name: "Mystery Island Paint Brush")
Color.find_by_name("Oil Paint").update!(pb_item_name: "Oil Paint Brush")
Color.find_by_name("Orange").update!(pb_item_name: "Orange Paint Brush")
Color.find_by_name("Origami").update!(pb_item_name: "Origami Paint Brush")
Color.find_by_name("Pastel").update!(pb_item_name: "Pastel Paint Brush")
Color.find_by_name("Pink").update!(pb_item_name: "Pink Paint Brush")
Color.find_by_name("Pirate").update!(pb_item_name: "Pirate Paint Brush")
Color.find_by_name("Plushie").update!(pb_item_name: "Plushie Paint Brush")
Color.find_by_name("Polka Dot").update!(pb_item_name: "Polka Dot Paint Brush")
Color.find_by_name("Purple").update!(pb_item_name: "Purple Paint Brush")
Color.find_by_name("Rainbow").update!(pb_item_name: "Rainbow Paint Brush")
Color.find_by_name("Red").update!(pb_item_name: "Red Paint Brush")
Color.find_by_name("Relic").update!(pb_item_name: "Relic Paint Brush")
Color.find_by_name("Royalboy").update!(pb_item_name: "Royal Paint Brush")
Color.find_by_name("Royalgirl").update!(pb_item_name: "Royal Paint Brush")
Color.find_by_name("Sketch").update!(pb_item_name: "Scritchy Sketchy Paint Brush")
Color.find_by_name("Shadow").update!(pb_item_name: "Shadow Paint Brush")
Color.find_by_name("Silver").update!(pb_item_name: "Silver Paint Brush")
Color.find_by_name("Skunk").update!(pb_item_name: "Skunk Paint Brush")
Color.find_by_name("Snow").update!(pb_item_name: "Snow Paint Brush")
Color.find_by_name("Speckled").update!(pb_item_name: "Speckled Paint Brush")
Color.find_by_name("Split").update!(pb_item_name: "Split Paint Brush")
Color.find_by_name("Spotted").update!(pb_item_name: "Spotted Paint Brush")
Color.find_by_name("Starry").update!(pb_item_name: "Starry Paint Brush")
Color.find_by_name("Stealthy").update!(pb_item_name: "Stealth Paint Brush")
Color.find_by_name("Steampunk").update!(pb_item_name: "Steampunk Paint Brush")
Color.find_by_name("Strawberry").update!(pb_item_name: "Strawberry Fields Forever Paint Brush")
Color.find_by_name("Striped").update!(pb_item_name: "Striped Paint Brush")
Color.find_by_name("Swamp Gas").update!(pb_item_name: "Swamp Gas Paint Brush")
Color.find_by_name("Toy").update!(pb_item_name: "Toy Paint Brush")
Color.find_by_name("Transparent").update!(pb_item_name: "Transparent Paint Brush")
Color.find_by_name("Tyrannian").update!(pb_item_name: "Tyrannian Paint Brush")
Color.find_by_name("Usuki Boy").update!(pb_item_name: "Usuki Paint Brush")
Color.find_by_name("Usuki Girl").update!(pb_item_name: "Usuki Paint Brush")
Color.find_by_name("Valentine").update!(pb_item_name: "Valentine Paint Brush")
Color.find_by_name("Water").update!(pb_item_name: "Water Paint Brush")
Color.find_by_name("White").update!(pb_item_name: "White Paint Brush")
Color.find_by_name("Woodland").update!(pb_item_name: "Woodland Paint Brush")
Color.find_by_name("Wraith").update!(pb_item_name: "Wraith Paint Brush")
Color.find_by_name("Yellow").update!(pb_item_name: "Yellow Paint Brush")
Color.find_by_name("Zombie").update!(pb_item_name: "Zombie Paint Brush")
```
2024-05-22 16:09:49 -07:00
1bd5598b64
Improve row focus and keyboard nav in Item Getting Guide
...
Clearer focus states, row changes bg color on hover/focus to help you
track where you are, remove the redundant image thumbnail link from the
tab order (it's the same as the item name link!)
2024-05-22 14:58:02 -07:00
189cb6a132
Set fixed table width for Item Getting Guide tables
...
We'll need to dig into this more for mobile, but here's my initial
attempt at getting the tables to be consistently-sized and such!
2024-05-22 14:47:43 -07:00
ecde507b60
Add item page links to Item Getting Guide table rows
...
Just a simple one! Clicking the item image or name takes you to the DTI
item page for it now!
2024-05-21 18:57:32 -07:00
8440a28898
Add cart icon to Item Getting Guide's "Buy" buttons for NC Mall
2024-05-21 18:14:14 -07:00
4a74e5e1a7
Use table layout for Item Getting Guide's NP items section
...
As part of this, I added a new `search_icon` helper, and a new
`button_link_to` helper, which both styles the link as a button and
accepts an `icon` parameter to make it easier to pass in an icon!
2024-05-21 18:03:00 -07:00
283a5b0479
Refactor and simplify Item Getting Guide item list CSS a bit
...
Notably, we're renaming `.add-to-cart-cell` to `.actions-cell`, in
preparation for other potential actions in other categories!
2024-05-20 16:15:46 -07:00
19470f74d4
Use table layout for Item Getting Guide item list
...
This helps us be more efficient with our use of space, keep the CTAs well
aligned, show a clear total, and set up how we might do CTAs for more complex
cases like all the potential Neopoint CTAs like Wiz/Trades/Auction/etc!
2024-05-20 15:23:34 -07:00
8117d976a6
Update some stylesheets to use new page_stylesheet_link_tag helper
...
Now that we have this helper, we no longer need these stylesheets to
include a `body.controller-action` wrapper to scope all the styles!
Someday we should convert more of our stylesheets to this format,
instead of slamming them all into `application.sass` like we do now.
Ah, well!
2024-05-14 16:10:09 -07:00
e30e25a3f5
Remove unused stylesheet
...
Huh, guess this got auto-generated long ago! Goodbye!
2024-05-14 16:08:51 -07:00
d8b577aab1
Add more info to NC Mall section of Item Getting Guide
...
NC prices, some CSS, and also a new application-level helper that adds
a feature I've long wanted and been working around for Turbo: the
ability to specific that a stylesheet is specific to the current page,
and should be unloaded when removed!
I use this to write `sources.sass` without the usual
`body.items-sources` scoping that we've historically used to control
what pages a stylesheet applies to. (In the long past, this was because
a lot of stylesheets were—and still are–routed through the
`application.sass` stylesheet! But even for more recent standalone page
stylesheets, I've done the scoping, to avoid issues with styles leaking
beyond the page they're meant for when Turbo does a navigation.)
2024-05-14 16:04:40 -07:00
9733ceae25
Add bare-bones Item Getting Guide page
...
TNT requested that we figure out ways to connect the dots between
people's intentions on DTI to their purchases in the NC Mall.
But rather than just slam ad links everywhere, our plan is to design an
actually useful feature about it: the "Item Getting Guide". It'll break
down items by how you can actually get them (NP economy, NC Mall,
retired NC, Dyeworks, etc), and we're planning some cute actions you
can take, like shortcuts for getting them onto trade wishlists or into
your NC Mall cart.
This is just a little demo version of the page, just breaking down
items specified in the URL into NC/NP/PB! Later we'll do more granular
breakdown than this, with more info and actions—and we'll also like,
link to it at all, which isn't the case yet! (The main way we expect
people to get here is by a "Get these items" button we'll add to the
outfit editor, but there might be other paths, too.)
2024-05-06 20:37:59 -07:00
7688f21eeb
Tweak the NeoPass announcement box's orange down
...
Idk, I think the previous text color was a smidge too low-contrast, and
we can afford to decrease the border's loudness, too.
2024-04-27 14:25:58 -07:00
05155507c4
Update NeoPass announcement to link to our new survey
...
I refresh the image and UI color here to draw attention to the change!
I also delete the `neopass-thumbnail.png` image, since it's no longer
used anywhere anymore, but I would not be surprised if we want it back
someday and need to revive it from history!
2024-04-27 14:19:27 -07:00
1cbcb5bcd6
Add trade warning to closet list form
...
Just a lil blurb to make sure it's clear that NC sales and stuff are
forbidden! I imagine the people doing it know this, but I want to make
sure we're being explicit, in case there's any element of
miscommunication.
2024-04-16 16:53:30 -07:00
2673baa7ff
Tweak login page styles some more: page title & Remember Me
2024-04-11 09:48:29 -07:00
8de5591719
Split login page into two columns: password login and NeoPass login
...
I also wrote up some explainer text for the NeoPass option, too!
2024-04-11 09:12:59 -07:00
724f22e602
Very basic login form polish
2024-04-11 08:54:42 -07:00
2cc6cee542
Style "Log in with NeoPass" button to better match Neopets
...
Got the icon and background style from Neopets.com! I didn't quite copy
the whole button style, both because getting it to play nice with our
existing styles didn't *immediately* work, but also because I think
this works out as a really good compromise between our two styles
anyway!
2024-04-11 08:47:19 -07:00
ae2b62956a
Eject AuthUsersController from the default Devise controller
...
I'm getting ready to add handling for "what if you don't *have* a
current password*??", so it seems like the right way to do that is to
just eject the controller and start customizing!
2024-04-08 04:02:54 -07:00
b5e203c0e5
Oops, fix settings page styles when validation fails
...
Ahh right, when I fixed this for Turbo, I forgot this page can also
render in the `update` action when it fails!
2024-04-07 08:32:38 -07:00
54a052848a
Disable disconnecting NeoPass if no password/email is set
...
Just as a precautionary thing! Seems polite.
2024-04-07 08:27:02 -07:00
66978bf5a0
Oops, fix Settings page styles spreading to other pages via Turbo
...
Oh right, I made this mistake before too, lol! Once stylesheets are
added, they don't go away!
2024-04-07 08:04:32 -07:00
88a2688ac8
Add form to disconnect NeoPass
...
Can't connect it back yet! But you can disconnect it! :3
2024-04-07 07:52:23 -07:00
21b967f83d
Add some NeoPass info to the Settings page, if you have one
...
No buttons to change it or anything, or to link if you don't! Just a
basic display and explanation!
2024-04-07 07:17:33 -07:00
82aea20679
Redesign user settings form
...
Motivation is that I wanna add NeoPass stuff to here! But also like,
it's looked bad for a long time, let's clean it up!! (I just used the
Devise default without any styling at all lol)
2024-04-07 06:43:29 -07:00
3bf3eaac8a
Fix scoping on CSS for donate page
...
Oh right, all these cute overrides should be scoped to the page!
I guess we skipped this because we had pulled this out into a
separate stylesheet. Curiously learning more about how Turbo handles
this kind of thing, like that it doesn't *unload* stylesheets that
*leave* the page when you navigate!
2024-03-13 22:13:16 -07:00
b388486676
Add NeoPass announcement banner to homepage
2024-03-13 12:20:38 -07:00
9156fa7162
Bold the Terms of Use link when it's been changed recently
2024-02-29 11:22:12 -08:00
b7a4bb988b
Remove unused static/terms stylesheet
...
This gets put into the application stylesheet because of our silly way
of doing stylesheets. Let's have it begone!
2024-02-29 10:53:06 -08:00
13b92b30d0
Replace old stickUp dependency with position: sticky
...
From an era when we didn't have that! Now we do!
(My motivation is that I'm trying to add new JS to this page and errors
in stickUp are crashing the page early, womp womp!)
2024-02-20 18:33:23 -08:00
0705f66f6d
Add "first seen" timestamps to item pages
...
Impress 2020 has had this for a while, I've wanted it for reference on
occasion, let's bring it in!
Very similar logic, and Ruby & Rails's date affordances are super
helpful for simplifying how to express it!
2024-02-20 14:32:45 -08:00
82be7fe301
Move most fundraising files into a Fundraising module
...
Mostly this is just me testing out what it would look like to
modularize the app more… I've noticed that some concerns, like
fundraising, are just not relevant to most of the app, and being able
to lock them away inside subfolders feels like it'll help tidy up
long folder lists.
Notably, I haven't touched the models case yet, because I worry that
might be a bit more complex, whereas everything else seems pretty
well-isolated? We'll try it out!
2024-02-18 20:12:14 -08:00
6206be6c03
Left-align the alt styles on the page, to flow better with the headers
2024-01-24 08:02:19 -08:00
fd729916d7
Specify width/height for alt style thumbnail image
...
to avoid reflows!
2024-01-24 07:26:44 -08:00
43d650a5d4
Better alt styles page layout
...
I had tested this with less variety in the list of styles, now that I'm
seeing it live I realize we need more consistency and more space!
2024-01-24 07:03:28 -08:00
394cc212b3
Add Styling Studio page to show the styles we already have modeled
2024-01-24 06:53:37 -08:00
f89fdf0219
Fix item page contributor list styles
...
Idk when and how this regressed, maybe I deleted a style I thought was
unused? But yeah, this is how this was always intended to render.
2024-01-23 04:37:43 -08:00
0011fdf76a
Move user bulk lists form into a toggleable form, not a dialog
...
My intent is to next add behavior to save this state across pageloads,
for power users to not have to always reopen it!
2024-01-23 04:20:03 -08:00
929c825b23
Tweak tab styles
...
Oh right, I just remembered how tabs work, they join with the page when
selected! lol
Something about this still feels off to me, but idk, I find it charming
and I wanna just let it rock.
2024-01-21 07:17:10 -08:00
42b1bf3e8c
Don't overflow long usernames in the trades table
...
They can just ellipsis, that's fine, the full name is not essential
when you're just scanning the list; you're gonna pop it open and see
the full name during contact anyway.
2024-01-21 06:52:51 -08:00
507b346c2c
Move item lists bulk management form to an openable dialog in the header
2024-01-21 06:20:32 -08:00
77d88e50a6
Oh right, make the item kind badges translatable!
...
Also make it an abbr, which means we need to override the default
text-decoration on it
2024-01-21 05:41:55 -08:00
abe2747b93
Oh right, PB is another kind of item!
2024-01-21 05:23:53 -08:00
31468c9682
Replace rarity on item page with NC/NP badge, styled after 2020
2024-01-21 05:20:08 -08:00
e8832f2c36
Move item description into header
2024-01-21 05:07:45 -08:00
e4fb067e45
Remove old trade hangers UI from item page
2024-01-21 04:49:06 -08:00
eb6f196b15
Add tab navigation to get to item trade pages
2024-01-21 04:40:25 -08:00
bfb11e94e3
Fix style bug in trades page
...
Oops, I forgot this import! It worked when rebuilding styles in dev,
but not once I reloaded the server.
2024-01-21 03:58:33 -08:00
c6927c2ce8
Add basic styles to trades page
...
Still not accessible via links, just exists!
2024-01-21 03:38:02 -08:00
402e3d4afb
Basic trade hangers page, just content and without style
...
We're just getting started but there we go!! No links or styles yet,
just getting it done!
2024-01-21 03:10:06 -08:00
80e158caf7
Remove extra item zones section from item page
...
This is in the previewer UI now, we can remove this extra one!
2024-01-20 23:59:08 -08:00
4c809a5f5f
Put back the show more / show less behavior for item page trades
...
I guess I deleted this a while ago without really noticing… I think I'd
at some point like to replace this with like, the DTI 2020 improved
table layout thing, but I figured this would be pretty quick to throw
in and make the page not feel like a pain to use lmao
2024-01-19 04:29:43 -08:00
b84942d77c
Use CSS grid instead of floats for item page info
...
I'm planning to mess with this layout a bit, I don't want floats
getting in my way!
2024-01-18 22:16:56 -08:00
e8db9cf729
Use CSS grid for item page header
...
Just modernizing some stuff, hum dee dum
2024-01-18 22:07:30 -08:00
0be9dee6fc
Delete unused #item-preview styles from items#show page
...
Oops, left these lying around after replacing the UI with the 2020 one!
2024-01-18 21:53:00 -08:00
d4e77b9ad9
Remove Pardon Our Dust message and page
...
I think it's served its purpose! I'll do more updates in another venue
sometime probably!
2024-01-14 23:00:23 -08:00
644a6acc72
Remove old Image Mode stuff
...
There was a static page explaining it, which we no longer link to; and
there was an unused field in the User model for who was a beta tester
for it. Goodbye!
2023-11-11 15:21:49 -08:00
c9dd0f7376
Remove "Import from pets" page
...
This hasn't worked for a while, and I don't know an API off the top of
my head to drop in for it. Let's just delete it for now, and revisit it
later if we want to!
2023-11-06 13:06:18 -08:00
2126cefdd4
Add posted-at date to Pardon Our Dust page
...
Just to like. clarify how up-to-date it is and isn't!
2023-11-06 11:54:56 -08:00
22e3f4240a
Update most URLs to use HTTPS
...
I noticed we didn't have the little lock icon in the browser, and yeah
huh there's a lot of `http://` still floating around! Let's fix that!
2023-10-25 15:22:57 -07:00
5ba711a413
Delete outfits/show page, point to the editor instead
...
Now, like in DTI 2020, opening an outfit will go straight to the editor.
I'm not 100% on whether this is actually like. the superior behavior?
But I think it's good enough, and it's what the wardrobe-2020 code
expects, so let's just roll with it for now!
2023-10-24 18:02:18 -07:00
2e152735c5
Stop referencing Neopia, just do modeling inline
...
I hope this doesn't cause problems! But yeah, with Puma doing threading, and maybe switching to Falcon someday to get even better concurrency properties, I feel like this will probably be fine?
And it makes the UX a loootttt better, to be back in the world where all these forms just work, whew.
2023-10-23 19:05:10 -07:00
c85c3f5b8f
Add the Pardon Our Dust page
2023-10-23 19:05:09 -07:00
74197a6e9f
Upgrade to latest Sass and Sprockets
...
This required a buncha fixes to how SASS scoping works! Needed to add a bunch of imports for stuff that previously would get read from the global scope by being imported *after* the constants and mixins etc.
There's clearly a lot of refactor opportunity here, but I'm not gonna worry about it!!
2023-10-23 19:05:09 -07:00
15002d19db
Remove compass-rails
...
I wasn't sure what we were actually using it for, turns out it was mostly polyfills for CSS features that are very standard now!
I didn't audit these changes very carefully tbqh because they seemed pretty simple? Fingers crossed!
2023-10-23 19:05:09 -07:00
64e3702d6d
Fix typography on wardrobe 2020 page
...
Add the green body color back in, and add the Delicious font!
2023-10-23 19:05:09 -07:00
9cc45f0988
Add wardrobe-2020 outfit preview to item pages
...
Eyyy tasty! There were some issues with conflicting styles with the main app, but I think we got it!
Scoping Chakra's CSS reset was a big deal to not accidentally overwrite the app's own styles lol, and we had to solve a specificity problem for that, thanks Aria for the :where tip!! <3
2023-10-23 19:05:08 -07:00
83bbb84382
Use flash[:notice] instead of flash[:success]
...
This is a bit more standard, and has the bonus of being compatible with Devise, which is using `flash[:notice]` and so its flashes were coming out unstyled, oops!
2023-10-23 19:05:07 -07:00
Matchu
e121d8bba2
Remove SWF conversion
...
We've already swapped out the backend for this stuff to Impress 2020, so the resque task and the broken image report UI aren't actually relevant anymore. Delete them!
This helps us delete Resque soon too.
2023-10-23 19:05:04 -07:00
Matchu
8aa4aa6e30
Drop NewsPosts model
...
We never ended up really using this lol, and it has an attr_accessible I want to be rid of so let's just fully trash it while we're at it!
2023-10-23 19:05:04 -07:00
Matchu
ed59a874ff
Fix SASS @extend of non-existant class
...
This used to just be ignored, but SASS crashes on it now, reasonable ty!
2023-10-23 19:05:03 -07:00
Matt Dunn-Rankin
55477baa15
new donate layout for post-2017 campaign
2018-01-18 17:14:02 -08:00
Matt Dunn-Rankin
3b609052d5
donate form visual nits
2017-01-05 20:46:02 -08:00
Matt Dunn-Rankin
6b81da82b1
new donate form :) new colors and new amount chooser
2017-01-05 15:47:12 -08:00
Matt Dunn-Rankin
f5fb8711fc
improved donation campaign nav
2017-01-05 13:06:50 -08:00
Matchu
b5442d0f3f
news posts read from the database, with a campaign-supplement classname option :)
2015-09-26 20:37:03 -07:00
Matchu
49cd93087a
get STUCK, actions bar! get. stuck.
2015-09-26 20:09:13 -07:00
Matchu
e6a2b978f1
oh huh. looks like remove/move are ready.
2015-09-26 19:55:09 -07:00
Matchu
6bba2ae288
bulk action bar renders, but does nothing
2015-09-26 15:31:55 -07:00
Matchu
48185fd5b8
bulk actions toolbar, with selected items count
...
TODO: adding an item resets the checked state of everything, boooo.
this is why react is better :'(
2015-09-26 15:00:31 -07:00
Matchu
621c768921
Select All + visual feedback
2015-09-26 14:22:11 -07:00
Matchu
0aca529e27
checkbox for closet management
...
drop the remove link (just use quantity: 0)
to create a bigger checkbox label target
2015-09-26 13:56:25 -07:00
Matchu
b953e572a3
hide desc on complete campaign; add toggle link
2015-09-26 13:17:38 -07:00
Matchu
4ae43f61ea
good-enough zeroclipboard implementation
2015-09-24 20:50:27 -07:00
7b17f70635
show campaign on trade lists
...
Turns out ~22% of our users initially land on a trade list.
We like to keep the campaign off the pages where space is at a
premium, so we try to whitelist it to major landing pages in order
to avoid accidentally creating a bad experience on some page :)
2015-09-05 17:53:15 +00:00
Matchu
5d2c226357
yum, new campaigns
2015-08-05 19:26:12 -04:00
Matchu
deb0aa90f0
refactor importing
2015-07-27 13:25:24 -04:00
093ae27ae8
get upset when we neopets.com bans us :P
2015-07-15 00:09:17 -04:00
b0cc4c2396
swf links
2015-05-03 16:57:42 -05:00
bf9f9ed82e
download links for each image size
2015-05-03 16:37:24 -05:00
caaf524060
download link in left sidebar
2015-05-03 16:01:08 -05:00
41da9d0629
swap the homepage forms back in anticipation of Neopets.com uptime
2014-09-19 07:26:30 -05:00
8e3a2f59e9
swap the new outfit forms because downtime
2014-09-17 22:48:48 -05:00
29c58cf1a3
thank you note, future donations explanation
2014-09-17 14:28:50 -05:00
cf2550c7bc
for large donations, show a banner instead of their placeholder outfits
2014-09-13 20:54:39 -05:00
485a679f5e
better fit longer names in donated outfit footer
2014-09-12 16:37:49 -05:00
75e9fcbe5a
when there are no donors yet, draw less attention to that fact :P
2014-09-11 20:58:43 -05:00
eb2a42b1d1
better campaign bar layout, on donate page and in general
2014-09-11 20:10:32 -05:00
d588253c4c
campaign banner on homepage is pretty
2014-09-11 18:09:00 -05:00
8e22c271a4
track campaign progress
2014-09-11 17:40:37 -05:00
04a328e6ee
homepage outfit features
2014-09-10 15:38:26 -05:00
90b45dcecd
edit featured outfits on donation page
2014-09-09 23:16:02 -05:00
59d5e99312
donation show form and basic name updating
2014-09-09 22:04:17 -05:00
1d7ca7cec2
new donations page mockup; temporary outfits and old campaign as placeholders
2014-09-09 18:02:49 -05:00
e0ddf543ee
increase outfits#show preview size to 600x600
2014-05-29 22:59:36 -07:00
79a96b7670
lookup link alongside neomail
2014-05-15 22:34:00 -07:00
acbec2ad5e
design mockup for autofilter; no new behavior yet
2014-04-05 17:16:35 -05:00
a375707e40
handle errors from neopia, finally!
2014-04-04 15:53:53 -05:00
d25d2b3398
big picture mode
2014-04-04 14:36:35 -05:00
868bbcdd41
yank tips in favor of border and autofocus for item search
2014-04-04 14:17:57 -05:00
3650525671
make those tips big font now that theres no image in the way
2014-04-02 23:53:43 -05:00
83e5e5eb5a
move tip navigator to upper right
2014-04-02 23:48:26 -05:00
131b6a9ce9
ya know what? the module and image draw too much attention.
...
tips on plain white look much nicer.
2014-04-02 23:45:59 -05:00
cc786c4241
navigate tips
2014-04-02 23:37:19 -05:00
f00a8f5d3b
yum, tip styling
2014-04-02 23:26:51 -05:00
8fc156833f
basic tip functionality
2014-04-02 23:00:50 -05:00
7c0983ed45
separate np/nc and current species a bit from the elements below
2014-04-02 21:28:14 -05:00
d557daadf4
filter by user owns/wants
2014-04-02 21:08:35 -05:00
3f4f0eb06e
ohh, top padding on search is important. can only see with a full bleed pet :P
2014-04-02 19:34:35 -05:00
8f90f35c62
ack, unrelated, fix the outfit not logged in x scrollbar :/
2014-04-02 19:32:11 -05:00
a02fa461e5
put textbox labels always above the boxes
2014-04-02 19:27:11 -05:00
93a732e027
fix display bug with narrower screens
2014-04-02 19:25:51 -05:00
c20ac77fdd
actually, drop the extra form and just keep the search bar always large :/
2014-04-02 19:21:18 -05:00
ce734fae7e
advanced search behaves toggle-like in that the link stays in place, and OMG pagination on the right is sooo much better!
2014-04-02 19:04:47 -05:00
67d47bfc4f
the search results tend to pad themselves with their fixed height;
...
remove the extra padding when there are results
2014-04-02 14:56:37 -05:00
c1d9133451
add an item search form to closet so that new users will be less stumped
2014-04-02 14:53:58 -05:00
0868351fff
unrelated fixit: finally get rid of that scrollbar in outfits when not logged in
2014-04-02 14:36:08 -05:00
5b378d99ed
give empty search form more space
2014-04-02 14:35:55 -05:00
bda9f69ce9
reorganize form a bit; group like things
2014-04-02 14:18:14 -05:00
bf009faaa8
more spacing for advanced form
2014-04-02 14:12:49 -05:00
c7fb61aea5
smaller text for closet items too for consistency
2014-04-02 14:12:39 -05:00
122df1e19d
keep a relatively constant search result height, because moving pagination is bleh
2014-04-02 14:05:54 -05:00
4ad806847b
switch between basic and advanced forms
2014-04-02 13:54:27 -05:00
e0b5d3e73f
advanced search fields mockup
2014-04-02 13:21:42 -05:00
66d045df05
footer, stop getting in search's way!
2014-04-02 11:09:10 -05:00
