{"id":56,"date":"2025-12-09T06:46:53","date_gmt":"2025-12-09T06:46:53","guid":{"rendered":"https:\/\/ntslcosmos.fi\/?page_id=56"},"modified":"2025-12-09T06:46:53","modified_gmt":"2025-12-09T06:46:53","slug":"kuka-sajaboy-olet","status":"publish","type":"page","link":"https:\/\/ntslcosmos.fi\/index.php\/kuka-sajaboy-olet\/","title":{"rendered":"Kuka SajaBoy olet?"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fi\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Mik\u00e4 SajaBoys -hahmo olet?<\/title>\n    <style>\n        \/* Yleinen ulkoasu ja tausta *\/\n        body {\n            font-family: Arial, sans-serif;\n            background-color: #000033; \/* Syv\u00e4 tummansininen *\/\n            color: #e0e0e0;\n            line-height: 1.6;\n            margin: 20px auto;\n            max-width: 800px;\n            border-radius: 10px;\n            box-shadow: 0 0 20px rgba(77, 184, 255, 0.7); \/* Sininen hehku *\/\n            padding: 20px;\n        }\n        h1 {\n            color: #4db8ff; \/* Vaaleansininen otsikko *\/\n            text-align: center;\n            border-bottom: 2px solid #4db8ff;\n            padding-bottom: 10px;\n        }\n        h2 {\n            color: #ff99ff; \/* Magenta kysymysnumeroille *\/\n            margin-top: 30px;\n        }\n        \/* Kysymyslaatikoiden tyyli *\/\n        .question {\n            background-color: #1a1a4d;\n            padding: 15px;\n            margin-bottom: 20px;\n            border-radius: 8px;\n            border-left: 5px solid #ff99ff;\n        }\n        .option label {\n            display: block;\n            margin: 10px 0;\n            padding: 10px;\n            background-color: #262673;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n        .option label:hover {\n            background-color: #333399;\n        }\n        input[type=\"radio\"] {\n            margin-right: 10px;\n        }\n        \/* Painikkeen tyyli *\/\n        #submit-button {\n            display: block;\n            width: 100%;\n            padding: 15px;\n            background-color: #4db8ff;\n            color: #000033;\n            border: none;\n            border-radius: 8px;\n            font-size: 1.2em;\n            cursor: pointer;\n            transition: background-color 0.3s;\n            margin-top: 20px;\n            font-weight: bold;\n        }\n        #submit-button:hover {\n            background-color: #0099ff;\n        }\n        \/* Tuloslaatikon tyyli *\/\n        #result-box {\n            margin-top: 40px;\n            padding: 20px;\n            background-color: #1a1a4d;\n            border: 2px solid #ff99ff;\n            border-radius: 10px;\n            text-align: center;\n            display: none; \/* Piilotettu oletuksena *\/\n        }\n        #result-box h3 {\n            color: #4db8ff;\n            font-size: 1.8em;\n        }\n        \/* Laskureiden (A, B, C, D, E) tyyli *\/\n        #counts {\n            display: flex;\n            justify-content: space-around;\n            margin: 20px 0;\n            padding: 10px 0;\n            border-top: 1px solid #ff99ff;\n            border-bottom: 1px solid #ff99ff;\n        }\n        .count-item {\n            font-size: 1.1em;\n        }\n        .count-item span {\n            font-weight: bold;\n            color: #4db8ff;\n        }\n        #character-result {\n            margin-top: 20px;\n            padding-top: 15px;\n            border-top: 1px dashed #e0e0e0;\n        }\n        #character-name {\n            font-size: 1.4em;\n            color: #ff99ff;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <h1>\ud83d\udc7b Mik\u00e4 Demon Saja (Demoniemies) olet?<\/h1>\n    <p>Valitse jokaisesta kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto ja paina &#8221;Laske tulos!&#8221;.<\/p>\n\n    <form id=\"quiz-form\">\n        <div class=\"question\">\n            <h2>1. Miten suhtaudut joukkueen s\u00e4\u00e4nt\u00f6ihin ja hierarkiaan?<\/h2>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"A\" required> A. Olen se, joka pit\u00e4\u00e4 huolen, ett\u00e4 s\u00e4\u00e4nt\u00f6j\u00e4 noudatetaan pilkulleen ja ett\u00e4 kaikilla on kurinalainen asenne.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"B\"> B. S\u00e4\u00e4nn\u00f6t ovat olemassa, mutta t\u00e4rkeint\u00e4 on l\u00f6yt\u00e4\u00e4 tehokkain reitti maaliin, vaikka se vaatisi pient\u00e4 s\u00e4\u00e4nt\u00f6jen kiert\u00e4mist\u00e4.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"C\"> C. S\u00e4\u00e4nn\u00f6t ovat tylsi\u00e4. Teen oman tieni, eik\u00e4 kukaan voi k\u00e4ske\u00e4 minua. Impulsiivisuus vie perille.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"D\"> D. Noudatan s\u00e4\u00e4nt\u00f6j\u00e4, jos ne hy\u00f6dytt\u00e4v\u00e4t minua tai jos niiden noudattaminen tekee minuun vaikutuksen.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q1\" value=\"E\"> E. En v\u00e4lit\u00e4 s\u00e4\u00e4nn\u00f6ist\u00e4. Tarvitsen vain jonkun (isoveljen) ohjaamaan minua, jotta en tee tyhmyyksi\u00e4.<\/label><\/div>\n        <\/div>\n\n        <div class=\"question\">\n            <h2>2. Mik\u00e4 on vaarallisin taitosi taistelutilanteessa?<\/h2>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"A\" required> A. Ylivoimainen taistelukokemus ja kyky eliminoida vastustaja yhdell\u00e4 iskulla.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"B\"> B. Monimutkainen magiikka ja loitsut, joita kukaan muu ei ymm\u00e4rr\u00e4.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"C\"> C. Fyysinen voima, joka perustuu puhtaaseen raivoon ja kykyyn kest\u00e4\u00e4 valtavaa vahinkoa.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"D\"> D. Flirttailu ja manipulaatio. Viholliset ovat liian h\u00e4mmentyneit\u00e4 taistellakseen.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q2\" value=\"E\"> E. Nopeus ja pieni koko. P\u00e4\u00e4sen paikkoihin, joihin muut eiv\u00e4t p\u00e4\u00e4se, ja teen nopeita iskuja.<\/label><\/div>\n        <\/div>\n\n        <div class=\"question\">\n            <h2>3. Mik\u00e4 on suurin heikkoutesi tai pelkosi?<\/h2>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"A\" required> A. Raskas menneisyys, joka palaa kummittelemaan ja uhkaa kaikkia, joista v\u00e4lit\u00e4t.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"B\"> B. Jatkuva tarve olla salaper\u00e4inen, mik\u00e4 voi johtaa siihen, ett\u00e4 muut eiv\u00e4t luota sinuun.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"C\"> C. Hallitsematon voima ja raivokohtaukset, jotka voivat vahingoittaa liittolaisia.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"D\"> D. Pintaliito ja pinnallisuus; sinulla on vaikeuksia tunnustaa syvempi\u00e4 tunteita.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q3\" value=\"E\"> E. K\u00f6mpelyys ja se, ett\u00e4 teet jatkuvasti virheit\u00e4, jotka vaativat vanhempien Sayojen apua.<\/label><\/div>\n        <\/div>\n\n        <div class=\"question\">\n            <h2>4. Kuinka viet\u00e4t vapaa-aikasi mets\u00e4stysten v\u00e4lill\u00e4?<\/h2>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"A\" required> A. Treenaamalla yksin. T\u00e4ytyy pysy\u00e4 ter\u00e4ss\u00e4. Ehk\u00e4 siivoan my\u00f6s aseet tai teen paperit\u00f6it\u00e4.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"B\"> B. Tutkimalla vanhoja kirjoja, lukemalla salaisia loitsuja tai etsim\u00e4ll\u00e4 uutta piilotettua tietoa.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"C\"> C. R\u00e4hj\u00e4\u00e4m\u00e4ll\u00e4 muiden kanssa tai menem\u00e4ll\u00e4 ulos purkamaan energiaa (ja ehk\u00e4 rikkomaan jotain).<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"D\"> D. Flirttailemalla tai olemalla huomion keskipisteen\u00e4, nauttien maineestasi ja ulkon\u00e4\u00f6st\u00e4si.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q4\" value=\"E\"> E. Leikkim\u00e4ll\u00e4, katselemalla sarjakuvia tai etsim\u00e4ll\u00e4 v\u00e4lipalaa (tai kaikkea edell\u00e4 mainittua).<\/label><\/div>\n        <\/div>\n\n        <div class=\"question\">\n            <h2>5. Mik\u00e4 on suhtautumisesi ihmisiin?<\/h2>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"A\" required> A. Suojelen heit\u00e4, mutta pid\u00e4n et\u00e4isyytt\u00e4. Tunteet vain mutkistavat asioita.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"B\"> B. He ovat mielenkiintoisia, mutta en halua heid\u00e4n tiet\u00e4v\u00e4n mit\u00e4\u00e4n minusta. Salaisuus on valtaa.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"C\"> C. He ovat heikkoja, ja heid\u00e4n tunteensa ovat outoja. He \u00e4rsytt\u00e4v\u00e4t minua usein.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"D\"> D. K\u00e4yt\u00e4n heit\u00e4 hyv\u00e4kseni. Heid\u00e4n ihailunsa tai rakkautensa on tapa vahvistaa itse\u00e4ni.<\/label><\/div>\n            <div class=\"option\"><label><input type=\"radio\" name=\"q5\" value=\"E\"> E. He ovat mukavia ja tarjoavat usein herkkuja. Haluan olla heid\u00e4n yst\u00e4v\u00e4ns\u00e4.<\/label><\/div>\n        <\/div>\n\n        <button type=\"submit\" id=\"submit-button\">Laske tulos!<\/button>\n    <\/form>\n\n    <div id=\"result-box\">\n        <h3>\ud83c\udf89 Tulos:<\/h3>\n        \n        <div id=\"counts\">\n            <div class=\"count-item\">A: <span id=\"count-A\">0<\/span><\/div>\n            <div class=\"count-item\">B: <span id=\"count-B\">0<\/span><\/div>\n            <div class=\"count-item\">C: <span id=\"count-C\">0<\/span><\/div>\n            <div class=\"count-item\">D: <span id=\"count-D\">0<\/span><\/div>\n            <div class=\"count-item\">E: <span id=\"count-E\">0<\/span><\/div>\n        <\/div>\n        \n        <div id=\"character-result\">\n            <p id=\"character-name\"><\/p>\n            <p id=\"character-description\"><\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.getElementById('quiz-form').addEventListener('submit', function(event) {\n            event.preventDefault(); \n\n            \/\/ Hahmojen koodit: A=Jinu, B=Mystery, C=Abby, D=Romance, E=Baby\n            const questions = ['q1', 'q2', 'q3', 'q4', 'q5'];\n            const counts = { 'A': 0, 'B': 0, 'C': 0, 'D': 0, 'E': 0 };\n            let allAnswered = true;\n\n            \/\/ Ker\u00e4\u00e4 vastaukset ja laske pisteet\n            questions.forEach(qName => {\n                const selected = document.querySelector(`input[name=\"${qName}\"]:checked`);\n                \n                if (selected) {\n                    counts[selected.value]++;\n                } else {\n                    allAnswered = false;\n                }\n            });\n\n            if (!allAnswered) {\n                alert(\"Vastaa kaikkiin kysymyksiin n\u00e4hd\u00e4ksesi tuloksen!\");\n                document.getElementById('result-box').style.display = 'none';\n                return;\n            }\n\n            \/\/ 1. N\u00e4ytet\u00e4\u00e4n lasketut pisteet n\u00e4yt\u00f6ll\u00e4\n            document.getElementById('count-A').textContent = counts['A'];\n            document.getElementById('count-B').textContent = counts['B'];\n            document.getElementById('count-C').textContent = counts['C'];\n            document.getElementById('count-D').textContent = counts['D'];\n            document.getElementById('count-E').textContent = counts['E'];\n\n\n            \/\/ 2. Etsi eniten saatu kirjain (hahmotuloksen m\u00e4\u00e4rittely)\n            let maxCount = -1;\n            let resultKey = '';\n            \n            const keys = ['A', 'B', 'C', 'D', 'E'];\n            \n            \/\/ K\u00e4y l\u00e4pi A-E j\u00e4rjestyksess\u00e4. Jos tasapeli, aiempi kirjain (esim. A) voittaa.\n            keys.forEach(key => {\n                if (counts[key] > maxCount) {\n                    maxCount = counts[key];\n                    resultKey = key;\n                }\n            });\n\n            \/\/ M\u00e4\u00e4rittele hahmo\n            let name = '';\n            let description = '';\n\n            switch (resultKey) {\n                case 'A':\n                    name = 'A: Jinu Saja (Kurinalainen ja Kova)';\n                    description = 'Olet **Jinu Saja**! Olet ryhm\u00e4n peruskivi, kurinalainen ja suoraviivainen. Arvostat s\u00e4\u00e4nt\u00f6j\u00e4 ja suoritat teht\u00e4v\u00e4si virheett\u00f6m\u00e4sti. Sinulla on usein raskas taakka kannettavanasi, mutta et n\u00e4yt\u00e4 sit\u00e4 ulosp\u00e4in.';\n                    break;\n                case 'B':\n                    name = 'B: Mystery Saja (Salaper\u00e4inen Tiet\u00e4j\u00e4)';\n                    description = 'Olet **Mystery Saja**! Olet arvoituksellinen ja hiljainen. Sinulla on p\u00e4\u00e4sy tietoon ja magiikkaan, jota muut eiv\u00e4t ymm\u00e4rr\u00e4. Et kerro koskaan kaikkea, mik\u00e4 tekee sinusta tehokkaan, mutta vaikeasti l\u00e4hestytt\u00e4v\u00e4n liittolaisen.';\n                    break;\n                case 'C':\n                    name = 'C: Abby Saja (Raivokas Voimanpes\u00e4)';\n                    description = 'Olet **Abby Saja**! Olet ryhm\u00e4n villi kortti, t\u00e4ynn\u00e4 raakaa voimaa ja aggressiivista energiaa. Impulsiivinen ja tunteellinen, sinun on vaikea hallita tunnekuohujasi, mutta taistelussa olet pys\u00e4ytt\u00e4m\u00e4t\u00f6n.';\n                    break;\n                case 'D':\n                    name = 'D: Romance Saja (Valloittava Flirttailija)';\n                    description = 'Olet **Romance Saja**! K\u00e4yt\u00e4t ulkon\u00e4k\u00f6\u00e4si ja karismaasi aseena. Olet taitava manipuloija ja nautit huomiosta. Sinulla on pinnallinen kuori, mutta syvemm\u00e4ll\u00e4 voi piill\u00e4 piilossa oleva kiltteys tai valtava auktoriteetti.';\n                    break;\n                case 'E':\n                    name = 'E: Baby Saja (Ryhm\u00e4n Maskotti)';\n                    description = 'Olet **Baby Saja**! Olet viaton, hieman k\u00f6mpel\u00f6, ja kaipaat vanhempien Sayojen ohjausta. Sinun teet ehk\u00e4 virheit\u00e4, mutta tuot ryhm\u00e4\u00e4n iloa ja saat taisteluun tarvittavan nopeuden ja ketteryyden.';\n                    break;\n                default:\n                    name = 'Tulos tuntematon';\n                    description = 'Laskennassa tapahtui virhe.';\n            }\n\n            \/\/ N\u00e4yt\u00e4 tuloslaatikko\n            document.getElementById('character-name').textContent = name;\n            document.getElementById('character-description').textContent = description;\n            document.getElementById('result-box').style.display = 'block';\n\n            \/\/ Vierit\u00e4 tulokseen\n            document.getElementById('result-box').scrollIntoView({ behavior: 'smooth' });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Mik\u00e4 SajaBoys -hahmo olet? \ud83d\udc7b Mik\u00e4 Demon Saja (Demoniemies) olet? Valitse jokaisesta kysymyksest\u00e4 sinua parhaiten kuvaava vaihtoehto ja paina &#8221;Laske tulos!&#8221;. 1. Miten suhtaudut joukkueen s\u00e4\u00e4nt\u00f6ihin ja hierarkiaan? A. Olen se, joka pit\u00e4\u00e4 huolen, ett\u00e4 s\u00e4\u00e4nt\u00f6j\u00e4 noudatetaan pilkulleen ja ett\u00e4 kaikilla on kurinalainen asenne. B. S\u00e4\u00e4nn\u00f6t ovat olemassa, mutta t\u00e4rkeint\u00e4 on l\u00f6yt\u00e4\u00e4 tehokkain reitti maaliin, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":1,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<br />
<b>Notice</b>:  ob_end_flush(): Failed to send buffer of zlib output compression (1) in <b>/home/ntslcosm/public_html/wp-includes/functions.php</b> on line <b>5481</b><br />
<br />
<b>Notice</b>:  ob_end_flush(): Failed to send buffer of zlib output compression (1) in <b>/home/ntslcosm/public_html/wp-includes/functions.php</b> on line <b>5481</b><br />
