Das Zeichen des Widerstands

Bastets letzte Botschaft hallt in deinem Kopf wider: „Manche Symbole sprechen durch ihre Formen.“ Tinker schwirrt aufgeregt vor dir her, als könnte sie den Weg selbst kaum erwarten. Schließlich erreichst du eine Lichtung mit einem alten Podest, das wichtiger aussieht, als es vermutlich sein sollte.

„Das ist es!“ piept Tinker triumphierend, während sie ein Hologramm über dem Podest projiziert. „Das Zeichen des Widerstands! Ein Kreis für Schutz, ein Viereck für Stabilität, und die Linien… na ja, sie verbinden das Ganze. Zeichne es nach, dann leuchtet es bestimmt magisch.“

Du siehst dir die Gravuren an, die dich eindeutig anstarren, obwohl sie keine Augen haben. Mit deutlich weniger Selbstbewusstsein, als du vorgibst, beginnst du, die Formen zu rekonstruieren. Tinker gibt hilfreiche Kommentare wie „Mehr nach rechts!“ oder „Das war doch fast gerade!“ Schließlich fügen sich die Elemente zu einem harmonischen Ganzen: das Viereck in der Mitte, Kreise wie Wellen darum, und die Linien, die alles verbinden.

Gerade als du den Staub von deinen Händen klopfst, beginnt das Podest zu leuchten. Ein sanftes, pulsierendes Licht erfüllt die Lichtung und lässt die Bäume wie stumme Zeugen einer großen Offenbarung wirken. „Bastet würde stolz auf dich sein“, verkündet Tinker, die jetzt klingt, als hätte sie selbst das ganze Werk allein gemacht. „Du hast das Zeichen zum Leben erweckt.“

Du betrachtest das Zeichen und fühlst eine merkwürdige Mischung aus Stolz und Verwunderung. Es sieht wirklich beeindruckend aus. Und wenn es tatsächlich das ist, was den Widerstand vereinen soll, dann hast du vielleicht gerade etwas wirklich Großes getan. Oder zumindest etwas, das ziemlich cool aussieht.

Entschlüssele das Symbol der Freiheit

Schreibe den richtigen Code in die Konsole. Nur so kann Tinker den Code vervollständigen und das verborgene Zeichen des Widerstands enthüllen.

Löse die Aufgabe hier in der Konsole [–> im neuen Tab öffnen]

HTML
    <svg>
        <!-- Rechteck: Stabilität und Zentrum -->
        <rect class="square" x="100" y="100" width="100" height="100"></rect>

        <!-- Zielscheiben-Kreise -->
        <circle class="circle" cx="150" cy="150" r="50"></circle>
        <circle class="circle" cx="150" cy="150" r="80"></circle>
        <circle class="circle" cx="150" cy="150" r="110"></circle>

        <!-- Linien: Richtung und Verbindung -->
        <line class="line" x1="150" y1="20" x2="150" y2="280"></line>
        <line class="line" x1="20" y1="150" x2="280" y2="150"></line>
    </svg>
CSS
body {
    font-family: 'Segoe UI', sans-serif;
    color: #333;
}

.container {
    border: 1px solid #333;
    padding: 3rem;
    margin: auto;
    background-color: #FFF6D7;
    max-width: 500px;
}

h1,
h2 {
    color: #ac3c13;
}

svg {
    width: 300px;
    height: 300px;
}

.square {
    fill: darkolivegreen;
}

.circle {
    fill: none;
    stroke: orange;
    stroke-width: 7px;
    filter: drop-shadow(1px 1px 1px black);
}

.line {
    stroke: black;
    stroke-width: 2px;
    stroke-dasharray: 4, 4;
}
Nach oben scrollen