The Portal of Deception

Kragor’s deafening noise begins to fade as your audio loops and fake videos take effect. Sonya chuckles quietly. “Sometimes, all it takes is giving him more noise than even he can handle. But it only buys us time.” She looks at you seriously. “We need something that actually stops him.”

Tinker projects a hologram onto a nearby tree trunk. It looks like a map—though marked with strange symbols. “This way,” she chirps. “The Portal of Deception lies ahead. It’s an old tool of the resistance—a place where we can share and hide information. But it needs to be recalibrated.”

Sonya pulls out a device that looks like a cross between a toaster and a scanner. “This is the calibration unit,” she says, handing it to you. “Align the portal. If you do it right, we can use the network to spread hidden messages—or confuse Kragor until he stumbles in the wrong direction.”

You switch on the device, and the portal begins to flicker. The light sputters as if it’s not quite sure it feels like working today.
But then—a symbol of the resistance appears. “Perfect,” Tinker chirps excitedly. “Now we can broadcast messages—and drive Kragor mad with deception.”

Sonya grins. “Well done. Let’s send him somewhere he’ll find absolutely nothing. And remember—don’t click on anything that looks too good to be true.
It might be a trap.”

Transmit the Message

Send the PDF of the Resistance and the website through the portal.
Make sure your HTML is properly formatted so the people receive it in a clear and engaging way.

Solve the task here in the console [–> Open in a new tab]
Tinker has already provided you with the HTML.

CSS
body {
    font-family: Arial, sans-serif;
    background-color: #20202c;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 20px;
}

main {
    max-width: 1400px;
    margin: auto;
}

h1,
h2 {
    color: #ff0037;
    margin-top: 3rem;
}

.iframe-container,
.pdf-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    margin-bottom: 3rem;
    background-color: #28283d;
    border: 2px solid #646490;
    border-radius: 15px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
    overflow: hidden;
}


.iframe-container iframe,
.pdf-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

object {
    background-color: #20202c;
}

p {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

header {
    margin-bottom: 3rem;
}

header p {
    font-style: italic;
    color: #aaa;
    margin-top: 1rem;
}
Scroll to Top