{"id":136,"date":"2026-03-10T06:30:07","date_gmt":"2026-03-10T06:30:07","guid":{"rendered":"https:\/\/ntslcosmos.fi\/?page_id=136"},"modified":"2026-03-10T07:04:23","modified_gmt":"2026-03-10T07:04:23","slug":"tarvitsetko-apua-taiteeseen","status":"publish","type":"page","link":"https:\/\/ntslcosmos.fi\/index.php\/tarvitsetko-apua-taiteeseen\/","title":{"rendered":"Tarvitsetko apua taiteeseen?"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div id=\"art-system-wrapper\" style=\"all: initial; font-family: 'Segoe UI', Arial, sans-serif;\">\n    <style>\n        #art-system-wrapper {\n            display: block;\n            max-width: 600px;\n            margin: 20px auto;\n            background: #ffffff;\n            border: 2px solid #2c3e50;\n            border-radius: 12px;\n            box-shadow: 10px 10px 0px rgba(44, 62, 80, 0.1);\n            overflow: hidden;\n            color: #333;\n        }\n        .art-header {\n            background: #2c3e50;\n            color: white;\n            padding: 20px;\n            text-align: center;\n        }\n        .art-header h2 { margin: 0; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; }\n        \n        .art-status-bar {\n            background: #f1f4f7;\n            padding: 10px 20px;\n            border-bottom: 1px solid #ddd;\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            font-weight: bold;\n            color: #555;\n        }\n\n        .art-content { padding: 30px; }\n        \n        .art-group { margin-bottom: 20px; }\n        \n        .art-label { display: block; margin-bottom: 8px; font-weight: bold; color: #2c3e50; }\n        \n        .art-input, .art-select {\n            width: 100%;\n            padding: 12px;\n            border: 2px solid #dce4ec;\n            border-radius: 6px;\n            font-size: 16px;\n            box-sizing: border-box;\n            transition: border-color 0.2s;\n        }\n        .art-input:focus { border-color: #3498db; outline: none; }\n\n        .art-btn {\n            background: #e67e22;\n            color: white;\n            border: none;\n            padding: 16px;\n            width: 100%;\n            border-radius: 6px;\n            font-weight: bold;\n            font-size: 16px;\n            cursor: pointer;\n            text-transform: uppercase;\n            transition: background 0.2s;\n        }\n        .art-btn:hover { background: #d35400; }\n\n        #art-result-view { display: none; text-align: center; }\n\n        .art-canvas {\n            width: 100%;\n            height: 220px;\n            margin: 20px 0;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 24px;\n            font-weight: bold;\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n            border: 4px solid #f1f4f7;\n        }\n\n        .art-btn-mail { background: #3498db; margin-top: 10px; }\n        .art-btn-mail:hover { background: #2980b9; }\n        \n        .art-footer-btn { background: #95a5a6; margin-top: 10px; font-size: 14px; }\n    <\/style>\n\n    <div class=\"art-header\">\n        <h2>\ud83c\udfa8 Art Support Desk<\/h2>\n    <\/div>\n    <div class=\"art-status-bar\">\n        <span>TILA: <span id=\"art-status-text\" style=\"color:#e67e22\">UUSI<\/span><\/span>\n        <span>TIKETTI: #ART-2026<\/span>\n    <\/div>\n\n    <div class=\"art-content\">\n        <div id=\"art-form-view\">\n            <div class=\"art-group\">\n                <label class=\"art-label\">S\u00e4hk\u00f6postiosoitteesi *<\/label>\n                <input type=\"email\" id=\"art-email\" class=\"art-input\" placeholder=\"matti.meikalainen@sedu.fi\" required>\n            <\/div>\n            <div class=\"art-group\">\n                <label class=\"art-label\">Mit\u00e4 piirret\u00e4\u00e4n? (Aihe)<\/label>\n                <input type=\"text\" id=\"art-subject\" class=\"art-input\" placeholder=\"Esim. 'Kev\u00e4inen mets\u00e4'\">\n            <\/div>\n            <div class=\"art-group\">\n                <label class=\"art-label\">Valitse tekniikka<\/label>\n                <select id=\"art-style\" class=\"art-select\">\n                    <option value=\"linear-gradient(45deg, #FF512F, #DD2476)\">Abstrakti Ekspressio<\/option>\n                    <option value=\"linear-gradient(to right, #2193b0, #6dd5ed)\">Digitaalinen Maalaus<\/option>\n                    <option value=\"linear-gradient(to bottom, #11998e, #38ef7d)\">Luonto-akvarelli<\/option>\n                    <option value=\"linear-gradient(45deg, #302b63, #24243e)\">Y\u00f6maisema (\u00d6ljyv\u00e4ri)<\/option>\n                <\/select>\n            <\/div>\n            <button type=\"button\" class=\"art-btn\" onclick=\"kasitteleArtTiketti()\">Luo ja Ratkaise Tiketti<\/button>\n        <\/div>\n\n        <div id=\"art-result-view\">\n            <h3 style=\"color: #27ae60; margin-bottom: 5px;\">Ratkaisu valmis! \u2705<\/h3>\n            <p style=\"font-size: 14px; color: #666; margin-top: 0;\">Tiketti on k\u00e4sitelty ITIL-standardien mukaisesti.<\/p>\n            \n            <div id=\"art-canvas-display\" class=\"art-canvas\"><\/div>\n            \n            <p id=\"art-summary\" style=\"font-size: 15px; line-height: 1.5;\"><\/p>\n            \n            <button type=\"button\" class=\"art-btn art-btn-mail\" onclick=\"lahetaNooralle()\">\n                \ud83d\udce7 L\u00c4HET\u00c4 S\u00c4HK\u00d6POSTI NOORALLE\n            <\/button>\n            \n            <button type=\"button\" class=\"art-btn art-footer-btn\" onclick=\"window.location.reload()\">\n                TEE UUSI TIKETTI\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Tallennetaan tiedot globaalisti s\u00e4hk\u00f6postia varten\n        var tikettiData = {\n            email: \"\",\n            aihe: \"\",\n            tyyli: \"\"\n        };\n\n        function kasitteleArtTiketti() {\n            var emailInput = document.getElementById('art-email').value;\n            \n            if (!emailInput || !emailInput.includes('@')) {\n                alert(\"Ole hyv\u00e4 ja anna toimiva s\u00e4hk\u00f6postiosoite.\");\n                return;\n            }\n\n            \/\/ Tallennetaan tiedot\n            tikettiData.email = emailInput;\n            tikettiData.aihe = document.getElementById('art-subject').value || \"Nimet\u00f6n visio\";\n            var tyyliLista = document.getElementById('art-style');\n            tikettiData.tyyli = tyyliLista.options[tyyliLista.selectedIndex].text;\n            var vari = tyyliLista.value;\n\n            \/\/ Vaihdetaan n\u00e4kym\u00e4\u00e4\n            document.getElementById('art-form-view').style.display = 'none';\n            document.getElementById('art-result-view').style.display = 'block';\n            document.getElementById('art-status-text').innerText = \"RATKAISTU\";\n            document.getElementById('art-status-text').style.color = \"#27ae60\";\n\n            \/\/ P\u00e4ivitet\u00e4\u00e4n visuaalinen ratkaisu\n            var canvas = document.getElementById('art-canvas-display');\n            canvas.style.background = vari;\n            canvas.innerText = tikettiData.aihe;\n\n            document.getElementById('art-summary').innerHTML = \n                \"<b>Aihe:<\/b> \" + tikettiData.aihe + \"<br><b>Tekniikka:<\/b> \" + tikettiData.tyyli;\n        }\n\n        function lahetaNooralle() {\n            var vastaanottaja = \"noora.lassander@sedu.fi\";\n            var otsikko = \"Uusi Taidetiketti Ratkaistu: \" + tikettiData.aihe;\n            var viesti = \"Hei Noora,\\n\\nJ\u00e4rjestelm\u00e4ss\u00e4 on uusi ratkaistu taidetiketti.\\n\\n\" +\n                         \"TIEDOT:\\n\" +\n                         \"- Aihe: \" + tikettiData.aihe + \"\\n\" +\n                         \"- Tekniikka: \" + tikettiData.tyyli + \"\\n\" +\n                         \"- L\u00e4hett\u00e4j\u00e4n s\u00e4hk\u00f6posti: \" + tikettiData.email + \"\\n\\n\" +\n                         \"Terveisin,\\nArt Support Desk -automaatio\";\n\n            \/\/ Avaa s\u00e4hk\u00f6postiohjelman\n            window.location.href = \"mailto:\" + vastaanottaja + \n                                   \"?subject=\" + encodeURIComponent(otsikko) + \n                                   \"&body=\" + encodeURIComponent(viesti);\n        }\n    <\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfa8 Art Support Desk TILA: UUSI TIKETTI: #ART-2026 S\u00e4hk\u00f6postiosoitteesi * Mit\u00e4 piirret\u00e4\u00e4n? (Aihe) Valitse tekniikka Abstrakti EkspressioDigitaalinen MaalausLuonto-akvarelliY\u00f6maisema (\u00d6ljyv\u00e4ri) Luo ja Ratkaise Tiketti Ratkaisu valmis! \u2705 Tiketti on k\u00e4sitelty ITIL-standardien mukaisesti. \ud83d\udce7 L\u00c4HET\u00c4 S\u00c4HK\u00d6POSTI NOORALLE TEE UUSI TIKETTI<\/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-136","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/136","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=136"}],"version-history":[{"count":14,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/136\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/pages\/136\/revisions\/152"}],"wp:attachment":[{"href":"https:\/\/ntslcosmos.fi\/index.php\/wp-json\/wp\/v2\/media?parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}