11) Open the Sleigh Shop Door

Challenge

Visit Shinny Upatree in the Student Union and help solve their problem. What is written on the paper you retrieve for Shinny?

For hints on achieving this objective, please visit the Student Union and talk with Kent Tinseltooth.

Answer

The Tooth Fairy

Solution

We used Google Chrome to solve this.

Tip

To open the Dev tools in Chrome either: Right click and choose inspect element, click on options > More Tools > Developer Tools or press Ctrl + Shift + I

Warning

The codes change everytime. DO NOT RELOAD while completing this challenge

Note

To submit the codes, click on the lock display, write them and click on unlock.

Lock 1

../_images/locked.PNG

The clue refers to the console in the dev tools. Hence, open Dev tools and select the console tab.

../_images/inspect.PNG ../_images/Console.PNG

When you scroll up (using the scroll wheel, for example) you see a code in the following form:

../_images/code.PNG

Lock 2

../_images/locked1.PNG

As suggested by the hints, when you click on print, you get a print preview which displays the code.

../_images/printpreview.PNG

Another way to get this is to look at the DOM tree (Inspect element)

../_images/alternative1.PNG

A nicer way to view this is to click on the display property (set to none). Removing the tick makes the code appear.

../_images/Alternative_nice_1.PNG

Lock 3

../_images/locked2.PNG

Open the Dev tools.

../_images/inspect1.PNG

Click on Network

../_images/fetched.PNG

Look for the PNG file containing the code.

../_images/code1.PNG

Lock 4

../_images/locked3.PNG

Open Dev Tools.

../_images/inspect2.PNG

Click on Application

../_images/Application.PNG

Click on Local Storage. The code is found in the value field of the element found there.

../_images/code2.PNG

Lock 5

../_images/locked4.PNG

We first tried the easiest suggested solution, hovering over the tab. This works for Edge but not for

../_images/hover_nw.PNG

We then looked for the title element in the DOM tree

To do this, open Dev Tools

../_images/inspect3.PNG

and scroll up to the title

../_images/domtitle.PNG

Although this method works, we also tried the Console method which appeared to be a bit cleaner

../_images/Console1.PNG

Lock 6

../_images/locked5.PNG

Right click on the hologram and then click on inspect element. Change the perspective field to a (really) large value

../_images/perspective.PNG

The code is revealed on the hologram.

../_images/code3.PNG

Lock 7

../_images/locked6.PNG

Right click on the text and click on inspect element. The code is found in the font property

../_images/code4.PNG

Lock 8

../_images/locked7.PNG

Right click .eggs and inpect element

../_images/inspect4.PNG

click on Event listeners. There is an event called spoil

../_images/spoil.PNG

start expanding this event, until you see ='sad'

../_images/code5.PNG

VERONICA is the code and doesn’t change if you refresh.

Lock 9

../_images/locked8.PNG

Right click on the text, inspect element. We can see 5 chakra classes.

../_images/inactive_chakras.PNG

find the active attribute (click on :hov)

../_images/active.PNG

click on the tick box next to :active, repeat for all chackras

../_images/all_active.PNG

The code appears around the text with red letters

../_images/code6.PNG

Tip

You can see the hidden text instantaneously by clicking on it.

Lock 10

../_images/locked9.PNG

Right click on the cover, Inspect element

../_images/cover_found.PNG

select the cover element, right click and delete/hide it

../_images/cover_off.PNG

You can see the code KD29XJ37 on the edge of the circuit board.

However, when you try to input the code, the button doesn’t work. Instead, an error (missing macaroni) is shown in the console

../_images/macaronierror.PNG

Searching in the DOM tree reveals an element called component macaroni

../_images/componentfound.PNG

When you drag it down to lock 10, a macaroni appears.

../_images/result.PNG

Repeat the process until you have all components (you’ll get a missing cotton swab error followed by a missing gnome error)

../_images/swaberror.PNG ../_images/componentfound1.PNG ../_images/result1.PNG

Tip

You can find the images in the sources tab. Curiously, the cotton swab is named qtip

../_images/gnomeerror.PNG ../_images/componentfound2.PNG ../_images/result2.PNG

Result

Once all codes are found and all locks are unlocked, you are redirected to the following result page:

../_images/result3.PNG

In the console, the page challenges you to solve it faster

../_images/result_console.PNG

We couldn’t resist a nice chalenge and eventually got a time of 172.35s

../_images/The_Quickness.PNG

This time the challenge was much harder

../_images/CHALLENGE2.PNG

Hint

Note

Solve the Smart Braces terminal to get this hint

Kent Tinseltooth

Oh thank you! It’s so nice to be back in my own head again. Er, alone.

By the way, have you tried to get into the crate in the Student Union? It has an interesting set of locks.

There are funny rhymes, references to perspective, and odd mentions of eggs!

And if you think the stuff in your browser looks strange, you should see the page source…

Special tools? No, I don’t think you’ll need any extra tooling for those locks.

BUT - I’m pretty sure you’ll need to use Chrome’s developer tools for that one.

Or sorry, you’re a Firefox fan?

Yeah, Safari’s fine too - I just have an ineffible hunger for a physical Esc key.

Edge? That’s cool. Hm? No no, I was thinking of an unrelated thing.

Curl fan? Right on! Just remember: the Windows one doesn’t like double quotes.

Old school, huh? Oh sure - I’ve got what you need right here…

Hint

Chrome Dev Tools

From: Kent Tinseltooth

Chrome Dev Tools

Hint

Firefox Dev Tools

From: Kent Tinseltooth

Firefox Dev Tools

Hint

Safari Dev Tools

From: Kent Tinseltooth

Safari Dev Tools

Hint

Edge Dev Tools

From: Kent Tinseltooth

Edge Dev Tools

Hint

Curl Dev Tools

From: Kent Tinseltooth

Curl Dev Tools

Hint

Lynx Dev Tools

From: Kent Tinseltooth

Lynx Dev Tools