{"id":176,"date":"2026-11-08T16:15:19","date_gmt":"2026-11-08T16:15:19","guid":{"rendered":"https:\/\/tet.kirjakorttelinyo.fi\/?page_id=176"},"modified":"2026-11-08T16:15:19","modified_gmt":"2026-11-08T16:15:19","slug":"olenko-valmis-ensimmaiseen-paivaan","status":"publish","type":"page","link":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/olenko-valmis-ensimmaiseen-paivaan\/","title":{"rendered":"Olenko valmis ensimm\u00e4iseen p\u00e4iv\u00e4\u00e4n?"},"content":{"rendered":"\n<div class=\"tet-valmiustesti\">\n  <h2>\ud83c\udf92 Olenko valmis ensimm\u00e4iseen TET-p\u00e4iv\u00e4\u00e4n?<\/h2>\n  <p>\n    Tarkista, ett\u00e4 olet selvitt\u00e4nyt kaikki n\u00e4m\u00e4 asiat ennen\n    ensimm\u00e4ist\u00e4 TET-p\u00e4iv\u00e4\u00e4. Rastita kohta, kun asia on kunnossa!\n  <\/p>\n\n  <div class=\"tet-edistyminen\">\n    <div class=\"tet-edistyminen-teksti\">\n      <span>Valmiina olevat asiat<\/span>\n      <strong id=\"tet-laskuri\">0\/4<\/strong>\n    <\/div>\n    <div class=\"tet-palkki\">\n      <div id=\"tet-palkki-taytto\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"tet-kohdat\">\n    <label class=\"tet-kohta\">\n      <input type=\"checkbox\">\n      <span>Tied\u00e4n, miss\u00e4 ty\u00f6paikkani sijaitsee.<\/span>\n    <\/label>\n\n    <label class=\"tet-kohta\">\n      <input type=\"checkbox\">\n      <span>Tied\u00e4n, mihin aikaan minun pit\u00e4\u00e4 saapua ja minne.<\/span>\n    <\/label>\n\n    <label class=\"tet-kohta\">\n      <input type=\"checkbox\">\n      <span>Tied\u00e4n, kenet tapaan ensimm\u00e4isen\u00e4 p\u00e4iv\u00e4n\u00e4.<\/span>\n    <\/label>\n\n    <label class=\"tet-kohta\">\n      <input type=\"checkbox\">\n      <span>Tied\u00e4n, mit\u00e4 minulla pit\u00e4\u00e4 olla mukana ja mit\u00e4 pit\u00e4\u00e4 olla p\u00e4\u00e4ll\u00e4.<\/span>\n    <\/label>\n  <\/div>\n\n  <div id=\"tet-viesti\" class=\"tet-viesti\">\n    Kun olet tarkistanut kaikki kohdat, olet valmis ensimm\u00e4iseen p\u00e4iv\u00e4\u00e4n!\n  <\/div>\n<\/div>\n\n<style>\n.tet-valmiustesti {\n  max-width: 650px;\n  margin: 20px auto;\n  padding: 25px;\n  background: #f4f8fc;\n  border-radius: 16px;\n  font-family: inherit;\n  color: #243447;\n}\n\n.tet-valmiustesti h2 {\n  margin-top: 0;\n  color: #194b70;\n  font-size: 1.5em;\n}\n\n.tet-edistyminen {\n  margin: 25px 0 20px;\n}\n\n.tet-edistyminen-teksti {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  font-size: 0.95em;\n}\n\n.tet-edistyminen-teksti strong {\n  color: #194b70;\n}\n\n.tet-palkki {\n  width: 100%;\n  height: 12px;\n  background: #dce5ed;\n  border-radius: 20px;\n  overflow: hidden;\n}\n\n#tet-palkki-taytto {\n  height: 100%;\n  width: 0%;\n  background: #26965b;\n  border-radius: 20px;\n  transition: width 0.3s ease;\n}\n\n.tet-kohdat {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tet-kohta {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 16px;\n  background: white;\n  border: 1px solid #dce5ed;\n  border-radius: 10px;\n  cursor: pointer;\n  line-height: 1.5;\n}\n\n.tet-kohta:hover {\n  border-color: #4285b5;\n}\n\n.tet-kohta input {\n  width: 21px;\n  height: 21px;\n  flex-shrink: 0;\n  margin: 2px 0 0;\n  accent-color: #26965b;\n  cursor: pointer;\n}\n\n.tet-kohta input:checked + span {\n  text-decoration: line-through;\n  color: #718096;\n}\n\n.tet-viesti {\n  margin-top: 20px;\n  padding: 16px;\n  background: #e4edf5;\n  border-radius: 10px;\n  text-align: center;\n  font-weight: 600;\n  line-height: 1.5;\n}\n\n.tet-viesti.valmis {\n  background: #dff3e6;\n  color: #176b39;\n}\n<\/style>\n\n<script>\n(function() {\n  const testi = document.querySelector('.tet-valmiustesti');\n  if (!testi) return;\n\n  const rastit = testi.querySelectorAll('input[type=\"checkbox\"]');\n  const laskuri = testi.querySelector('#tet-laskuri');\n  const palkki = testi.querySelector('#tet-palkki-taytto');\n  const viesti = testi.querySelector('#tet-viesti');\n\n  function paivita() {\n    const maara = Array.from(rastit).filter(r => r.checked).length;\n    const yhteensa = rastit.length;\n\n    laskuri.textContent = maara + '\/' + yhteensa;\n    palkki.style.width = (maara \/ yhteensa * 100) + '%';\n\n    if (maara === yhteensa) {\n      viesti.textContent =\n        '\ud83c\udf89 Hienoa! Olet valmis ensimm\u00e4iseen TET-p\u00e4iv\u00e4\u00e4n! Nyt voit l\u00e4hte\u00e4 hyvill\u00e4 mielin kohti uutta kokemusta.';\n      viesti.classList.add('valmis');\n    } else {\n      viesti.textContent =\n        'Kun olet tarkistanut kaikki kohdat, olet valmis ensimm\u00e4iseen p\u00e4iv\u00e4\u00e4n!';\n      viesti.classList.remove('valmis');\n    }\n  }\n\n  rastit.forEach(rasti => {\n    rasti.addEventListener('change', paivita);\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf92 Olenko valmis ensimm\u00e4iseen TET-p\u00e4iv\u00e4\u00e4n? Tarkista, ett\u00e4 olet selvitt\u00e4nyt kaikki n\u00e4m\u00e4 asiat ennen ensimm\u00e4ist\u00e4 TET-p\u00e4iv\u00e4\u00e4. Rastita kohta, kun asia on kunnossa! Valmiina olevat asiat 0\/4 Tied\u00e4n, miss\u00e4 ty\u00f6paikkani sijaitsee. Tied\u00e4n, mihin aikaan minun pit\u00e4\u00e4 saapua ja minne. Tied\u00e4n, kenet tapaan ensimm\u00e4isen\u00e4 p\u00e4iv\u00e4n\u00e4. Tied\u00e4n, mit\u00e4 minulla pit\u00e4\u00e4 olla mukana ja mit\u00e4 pit\u00e4\u00e4 olla p\u00e4\u00e4ll\u00e4. Kun olet [&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-176","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/wp-json\/wp\/v2\/pages\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":1,"href":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/wp-json\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/wp-json\/wp\/v2\/pages\/176\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/tet.kirjakorttelinyo.fi\/index.php\/wp-json\/wp\/v2\/media?parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}