{"id":305,"date":"2026-03-30T09:59:14","date_gmt":"2026-03-30T09:59:14","guid":{"rendered":"https:\/\/vedezevanje-esena.si\/?page_id=305"},"modified":"2026-04-30T18:52:02","modified_gmt":"2026-04-30T18:52:02","slug":"kviz","status":"publish","type":"page","link":"https:\/\/vedezevanje-esena.si\/en_US\/kviz\/","title":{"rendered":"Kviz"},"content":{"rendered":"\n\n\nZA ZABAVO\n<h1>Kak\u0161no<span style=\"color:#FFA9FE; text-shadow: 0 0 8px rgba(255,169,254,0.4);\"> sporo\u010dilo<\/span> vas \u010daka danes?<\/h1>\n<p><span style=\"color: rgb(216, 191, 211); font-size: large; font-family: &quot;Plus Jakarta Sans&quot;;\">Sporo\u010dilo dneva ni naklju\u010dje. Temelji na va\u0161em trenutnem stanju, podro\u010dju, ki te najbolj zanima, in besedi, ki jo izbere\u0161 kot vodilo. Iz te kombinacije ti kozmos po\u0161lje karto z osebnim sporo\u010dilom in prakti\u010dnim nasvetom za danes. <span style=\"font-size:large;\"><\/span><br>V\u010dasih je dovolj \u017ee to, da se za trenutek ustavi\u0161, odgovori\u0161 na preprosta vpra\u0161anja in prebere\u0161, kaj ti danes sporo\u010da vesolje. Morda te bo presenetilo.<\/span><\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Quicksand:wght@300;400;600&family=Noto+Serif:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"tarot-kviz-wrapper\">\r\n    <div id=\"tarot-kviz\">\r\n\r\n        <h1>\ud83d\udd2e Tarot vpogled<\/h1>\r\n        <p class=\"subtitle\">Odgovori na vpra\u0161anja in odkrij svoje sporo\u010dilo dneva<\/p>\r\n\r\n        <div class=\"tk-progress\"><div><\/div><\/div>\r\n\r\n        <!-- 7 VPRA\u0160ANJ -->\r\n        <div class=\"tk-question active\" data-step=\"1\">\r\n            <h2>Kako se danes po\u010duti\u0161?<\/h2>\r\n            <div class=\"tk-options\">\r\n                <button data-val=\"mir\">Mirno<\/button>\r\n                <button data-val=\"zmeda\">Zmedeno<\/button>\r\n                <button data-val=\"utrujen\">Utrujeno<\/button>\r\n                <button data-val=\"motiviran\">Motivirano<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tk-question\" data-step=\"2\">\r\n            <h2>Kaj te trenutno najbolj obremenjuje?<\/h2>\r\n            <div class=\"tk-options\">\r\n                <button data-val=\"ljubezen\">Ljubezen<\/button>\r\n                <button data-val=\"denar\">Denar<\/button>\r\n                <button data-val=\"kariera\">Kariera<\/button>\r\n                <button data-val=\"nic\">Ni\u010d<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tk-question\" data-step=\"3\">\r\n            <h2>Kaj si najbolj \u017eeli\u0161?<\/h2>\r\n            <div class=\"tk-options\">\r\n                <button data-val=\"mir\">Mir<\/button>\r\n                <button data-val=\"uspeh\">Uspeh<\/button>\r\n                <button data-val=\"ljubezen\">Ljubezen<\/button>\r\n                <button data-val=\"sprememba\">Spremembo<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tk-question\" data-step=\"4\">\r\n            <h2>Kaj te trenutno najbolj motivira?<\/h2>\r\n            <div class=\"tk-options\">\r\n                <button data-val=\"rast\">Osebna rast<\/button>\r\n                <button data-val=\"cilji\">Cilji<\/button>\r\n                <button data-val=\"odnosi\">Odnosi<\/button>\r\n                <button data-val=\"mir\">Notranji mir<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tk-question\" data-step=\"5\">\r\n            <h2>Kako sprejema\u0161 odlo\u010ditve?<\/h2>\r\n            <div class=\"tk-options\">\r\n                <button data-val=\"razum\">Z razumom<\/button>\r\n                <button data-val=\"obcutki\">Po ob\u010dutku<\/button>\r\n                <button data-val=\"impulz\">Impulzivno<\/button>\r\n                <button data-val=\"analiza\">Analiti\u010dno<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tk-question\" data-step=\"6\">\r\n            <h2>Kaj te trenutno najbolj opisuje?<\/h2>\r\n            <div class=\"tk-options\">\r\n                <button data-val=\"stabilnost\">Stabilnost<\/button>\r\n                <button data-val=\"kaos\">Kaos<\/button>\r\n                <button data-val=\"rast\">Rast<\/button>\r\n                <button data-val=\"dvom\">Dvom<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tk-question\" data-step=\"7\">\r\n            <h2>Kaj potrebuje\u0161 v tem trenutku?<\/h2>\r\n            <div class=\"tk-options\">\r\n                <button data-val=\"pocitek\">Po\u010ditek<\/button>\r\n                <button data-val=\"akcija\">Akcijo<\/button>\r\n                <button data-val=\"jasnost\">Jasnost<\/button>\r\n                <button data-val=\"pogum\">Pogum<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- REZULTAT -->\r\n        <div class=\"tk-result\">\r\n            <div class=\"tk-reading-box\">\r\n                <h2 id=\"tk-card-name\"><\/h2>\r\n                <p id=\"tk-message\"><\/p>\r\n                <p id=\"tk-advice\"><\/p>\r\n                <p id=\"tk-long\"><\/p>\r\n            <\/div>\r\n\r\n            <button onclick=\"location.reload()\">Ponovi kviz<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u2500\u2500 Base \u2500\u2500 *\/\r\n#tarot-kviz-wrapper {\r\n    padding: 40px 16px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n}\r\n\r\n#tarot-kviz {\r\n    background: #131313;\r\n    max-width: 950px;\r\n    margin: auto;\r\n    padding: 50px 60px;\r\n    border-radius: 25px;\r\n    font-family: 'Quicksand', sans-serif;\r\n    box-shadow: 0 0 60px rgba(217,70,239,0.2);\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n}\r\n\r\nh1 {\r\n    font-family: 'Noto Serif', serif;\r\n    color: #e4e2e1;\r\n    font-size: clamp(22px, 5vw, 36px);\r\n    margin: 0 0 8px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.subtitle {\r\n    color: #d8bfd3;\r\n    font-size: clamp(13px, 3.5vw, 16px);\r\n    margin: 0 0 20px;\r\n    line-height: 1.5;\r\n}\r\n\r\nh2 {\r\n    color: #f0abfc;\r\n    font-size: clamp(16px, 4.5vw, 24px);\r\n    line-height: 1.4;\r\n    margin: 0 0 16px;\r\n}\r\n\r\n\/* \u2500\u2500 Progress \u2500\u2500 *\/\r\n.tk-progress {\r\n    height: 6px;\r\n    background: #0a0a0a;\r\n    border-radius: 10px;\r\n    margin: 20px 0;\r\n}\r\n\r\n.tk-progress div {\r\n    height: 100%;\r\n    width: 0%;\r\n    background: #d946ef;\r\n    border-radius: 10px;\r\n    transition: 0.4s;\r\n}\r\n\r\n\/* \u2500\u2500 Questions \u2500\u2500 *\/\r\n.tk-question {\r\n    display: none;\r\n}\r\n\r\n.tk-question.active {\r\n    display: block;\r\n}\r\n\r\n\/* \u2500\u2500 Options grid \u2500\u2500 *\/\r\n.tk-options {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.tk-options button {\r\n    padding: 16px 12px;\r\n    background: #0a0a0a;\r\n    border: 2px solid #d946ef;\r\n    color: #f0abfc;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: clamp(13px, 3.5vw, 16px);\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    min-height: 56px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    touch-action: manipulation;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.tk-options button:hover,\r\n.tk-options button:active {\r\n    background: #d946ef;\r\n    color: black;\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* \u2500\u2500 Result \u2500\u2500 *\/\r\n.tk-result {\r\n    display: none;\r\n    margin-top: 24px;\r\n}\r\n\r\n.tk-reading-box {\r\n    margin-top: 16px;\r\n    padding: 24px 20px;\r\n    border-radius: 18px;\r\n    background: linear-gradient(145deg, #0a0a0a, #131313);\r\n    border: 1px solid rgba(217,70,239,0.4);\r\n    box-shadow: 0 0 30px rgba(217,70,239,0.25);\r\n    animation: fadeUp 0.8s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.tk-reading-box::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle, rgba(217,70,239,0.15), transparent 60%);\r\n    top: -50%;\r\n    left: -50%;\r\n    animation: glowMove 6s linear infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n.tk-reading-box h2,\r\n.tk-reading-box p {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n#tk-card-name {\r\n    font-family: 'Noto Serif', serif;\r\n    color: #ffa9fe;\r\n    font-size: clamp(24px, 6vw, 32px);\r\n    margin: 0 0 12px;\r\n}\r\n\r\n#tk-message {\r\n    color: #d8bfd3;\r\n    font-size: clamp(14px, 3.5vw, 17px);\r\n    margin: 0 0 8px;\r\n}\r\n\r\n#tk-advice {\r\n    font-style: italic;\r\n    color: #f0abfc;\r\n    font-size: clamp(13px, 3.5vw, 16px);\r\n    margin: 0 0 8px;\r\n}\r\n\r\n#tk-long {\r\n    margin-top: 10px;\r\n    font-size: clamp(12px, 3vw, 14px);\r\n    color: #a3a3a3;\r\n    line-height: 1.6;\r\n}\r\n\r\n.tk-result > button {\r\n    margin-top: 20px;\r\n    background: #ffa9fe;\r\n    border: none;\r\n    padding: 14px 28px;\r\n    border-radius: 12px;\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-weight: 700;\r\n    font-size: clamp(14px, 3.5vw, 16px);\r\n    cursor: pointer;\r\n    color: #0a0a0a;\r\n    transition: 0.3s;\r\n    touch-action: manipulation;\r\n}\r\n\r\n.tk-result > button:hover {\r\n    background: #d946ef;\r\n    color: #fff;\r\n}\r\n\r\n\/* \u2500\u2500 Animations \u2500\u2500 *\/\r\n@keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes glowMove {\r\n    0%   { transform: translate(0,0); }\r\n    50%  { transform: translate(25%,25%); }\r\n    100% { transform: translate(0,0); }\r\n}\r\n\r\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\r\n@media (max-width: 600px) {\r\n    #tarot-kviz-wrapper {\r\n        padding: 20px 10px;\r\n    }\r\n\r\n    #tarot-kviz {\r\n        padding: 28px 18px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .tk-options {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 10px;\r\n    }\r\n\r\n    .tk-options button {\r\n        padding: 14px 8px;\r\n        border-radius: 10px;\r\n        min-height: 52px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .tk-reading-box {\r\n        padding: 20px 16px;\r\n        border-radius: 14px;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .tk-options {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tk-options button {\r\n        min-height: 48px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\nlet step=1;\r\nlet answers=[];\r\n\r\nconst cards=[\r\n{\r\nname:\"Luna\",\r\nmessage:\"Tvoja energija je intuitivna in globoka.\",\r\nadvice:\"Zaupaj ob\u010dutkom.\",\r\nlong:\"Danes si v fazi notranjega raziskovanja. \u010ceprav se lahko pojavi ob\u010dutek negotovosti, je to pravzaprav znak, da se tvoja zavest poglablja. Tvoje misli niso naklju\u010dne \u2013 ponavljajo\u010di se vzorci skrivajo pomembno sporo\u010dilo. Ne i\u0161\u010di takoj\u0161njih odgovorov, ampak dovoli, da se razkrijejo skozi \u010das. Intuicija danes ni le ob\u010dutek, ampak orodje, ki te vodi k resnici.\"\r\n},\r\n{\r\nname:\"Sonce\",\r\nmessage:\"Pred tabo je svetel in produktiven dan.\",\r\nadvice:\"Izkoristi energijo.\",\r\nlong:\"Danes ima\u0161 prilo\u017enost ustvariti nekaj pomembnega. Energija, ki te obdaja, podpira akcijo, jasnost in samozavest. \u010ce si odla\u0161al z odlo\u010ditvami, je zdaj pravi trenutek, da naredi\u0161 korak naprej. Tvoja prisotnost vpliva tudi na druge \u2013 lahko jih navdihne\u0161 ali vodi\u0161.\"\r\n},\r\n{\r\nname:\"Smrt\",\r\nmessage:\"Prihaja pomembna sprememba.\",\r\nadvice:\"Spusti preteklost.\",\r\nlong:\"To ni konec, ampak prehod. Nekaj v tvojem \u017eivljenju se zaklju\u010duje, da lahko nekaj novega nastane. \u010ce se dr\u017ei\u0161 starega, bo proces te\u017eji. \u010ce pa sprejme\u0161 spremembo, se odpre nova pot. Danes je pomembno, da prepozna\u0161, kaj mora\u0161 pustiti za sabo.\"\r\n},\r\n{\r\nname:\"Zvezda\",\r\nmessage:\"Upanje in mir se vra\u010data.\",\r\nadvice:\"Verjemi v proces.\",\r\nlong:\"Po obdobju negotovosti prihaja faza stabilizacije. Tvoja notranja energija se umirja. To je \u010das za ne\u017enost do sebe in zaupanje v prihodnost. Ni treba hiteti \u2013 stvari se postavljajo na svoje mesto.\"\r\n},\r\n{\r\nname:\"Sve\u010denica\",\r\nmessage:\"Tvoja notranja modrost te vodi.\",\r\nadvice:\"Poslu\u0161aj sebe.\",\r\nlong:\"Odgovori, ki jih i\u0161\u010de\u0161, so \u017ee v tebi. Danes ni dan za zunanje potrditve, ampak za introspekcijo. \u010ce se umiri\u0161, bo\u0161 zaznal subtilne signale, ki te vodijo v pravo smer.\"\r\n}\r\n];\r\n\r\nfunction updateProgress(){\r\n    document.querySelector('.tk-progress div').style.width=(step-1)*(100\/7)+\"%\";\r\n}\r\n\r\nfunction next(){\r\n    document.querySelector(`[data-step=\"${step}\"]`).classList.remove('active');\r\n    step++;\r\n    updateProgress();\r\n    if(step<=7){\r\n        document.querySelector(`[data-step=\"${step}\"]`).classList.add('active');\r\n    } else {\r\n        showResult();\r\n    }\r\n}\r\n\r\nfunction showResult(){\r\n    document.querySelectorAll('.tk-question').forEach(q=>q.style.display='none');\r\n    let seed=answers.join('').length;\r\n    let rand=Math.floor(Math.random()*cards.length);\r\n    let index=(rand+seed)%cards.length;\r\n    let card=cards[index];\r\n    document.querySelector('.tk-result').style.display='block';\r\n    document.getElementById('tk-card-name').innerText=card.name;\r\n    document.getElementById('tk-message').innerText=card.message;\r\n    document.getElementById('tk-advice').innerText=card.advice;\r\n    document.getElementById('tk-long').innerText=card.long;\r\n}\r\n\r\ndocument.querySelectorAll('.tk-options button').forEach(btn=>{\r\n    btn.onclick=()=>{\r\n        answers.push(btn.dataset.val);\r\n        next();\r\n    }\r\n});\r\n\r\n})();\r\n<\/script>\r\n\r\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vedezevanje-esena.si\/en_US\/wp-json\/wp\/v2\/pages\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vedezevanje-esena.si\/en_US\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vedezevanje-esena.si\/en_US\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vedezevanje-esena.si\/en_US\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vedezevanje-esena.si\/en_US\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":56,"href":"https:\/\/vedezevanje-esena.si\/en_US\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"predecessor-version":[{"id":1195,"href":"https:\/\/vedezevanje-esena.si\/en_US\/wp-json\/wp\/v2\/pages\/305\/revisions\/1195"}],"wp:attachment":[{"href":"https:\/\/vedezevanje-esena.si\/en_US\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}