{"id":265,"date":"2026-02-11T14:42:18","date_gmt":"2026-02-11T13:42:18","guid":{"rendered":"https:\/\/newmagick.magick.cz\/?page_id=265"},"modified":"2026-02-14T18:03:25","modified_gmt":"2026-02-14T17:03:25","slug":"runy","status":"publish","type":"page","link":"https:\/\/magick.cz\/?page_id=265","title":{"rendered":"Runy"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"runy-app\">\n<section class=\"runy-hero\">\n  <div class=\"runy-inner\">\n    <h1>Runov\u00e1 v\u011b\u0161tba<\/h1>\n    <p class=\"runy-subtitle\">Zastav se. Ot\u00e1zka u\u017e v tob\u011b je.<\/p>\n\n    <div class=\"runy-options\">\n      <div class=\"runy-card\" data-type=\"single\">\n        <div class=\"runy-symbol\">\u16b1<\/div>\n        <h2>Jedna runa<\/h2>\n        <p>Kr\u00e1tk\u00e1 odpov\u011b\u010f na aktu\u00e1ln\u00ed situaci.<\/p>\n      <\/div>\n\n      <div class=\"runy-card\" data-type=\"norny\">\n        <div class=\"runy-symbol\">\u16a8<\/div>\n        <h2>T\u0159i Norny<\/h2>\n        <p>Minulost. P\u0159\u00edtomnost. Sm\u011br.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<div class=\"runy-transition\" id=\"runyTransition\">\n  <div class=\"runy-transition-inner\">\n\n    <div class=\"wyrd-wrap\">\n      <div class=\"wyrd-stone\">\n        <div class=\"wyrd-chaos\"><\/div>\n      <\/div>\n      <div class=\"wyrd-energy\"><\/div>\n    <\/div>\n\n    <p class=\"runy-ritual\">\n      Osud se formuje\u2026\n    <\/p>\n\n  <\/div>\n<\/div>\n\n<div class=\"runy-result\" id=\"runyResult\">\n  <div class=\"runy-result-inner\">\n\n    <div class=\"runy-result-symbol\"><\/div>\n\n    <h2 class=\"single-title\"><\/h2>\n    <div class=\"runy-divider\"><\/div>\n\n    <p class=\"single-text\"><\/p>\n\n    <div class=\"runy-three\" style=\"display:none;\">\n\n      <div class=\"runa-block\">\n        <h3 class=\"runa-phase\"><\/h3>\n        <div class=\"runa-stone-wrap\"><\/div>\n        <h4 class=\"runa-name\"><\/h4>\n        <p class=\"runa-text\"><\/p>\n      <\/div>\n\n      <div class=\"runa-block\">\n        <h3 class=\"runa-phase\"><\/h3>\n        <div class=\"runa-stone-wrap\"><\/div>\n        <h4 class=\"runa-name\"><\/h4>\n        <p class=\"runa-text\"><\/p>\n      <\/div>\n\n      <div class=\"runa-block\">\n        <h3 class=\"runa-phase\"><\/h3>\n        <div class=\"runa-stone-wrap\"><\/div>\n        <h4 class=\"runa-name\"><\/h4>\n        <p class=\"runa-text\"><\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<link rel=\"stylesheet\" href=\"https:\/\/newmagick.magick.cz\/legacy\/runy\/runy.css\">\n\n<script src=\"https:\/\/newmagick.magick.cz\/legacy\/runy\/runes-data.js\"><\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n  const hero = document.querySelector('.runy-hero');\n  const transition = document.getElementById('runyTransition');\n  const result = document.getElementById('runyResult');\n\n  const resultSymbol = document.querySelector('.runy-result-symbol');\n  const singleTitle = document.querySelector('.single-title');\n  const singleText = document.querySelector('.single-text');\n  const threeWrap = document.querySelector('.runy-three');\n\n  let selectedType = null;\n  let currentSingleRune = null;\n  let currentThreeRunes = null;\n\n\n  \/\/ ===== Klik na kartu =====\n  document.querySelectorAll('.runy-card').forEach(card => {\n    card.addEventListener('click', function() {\n\n      selectedType = this.dataset.type;\n\n      \/\/ vy\u010disti star\u00fd obsah\n      resultSymbol.innerHTML = \"\";\n      singleTitle.textContent = \"\";\n      singleText.textContent = \"\";\n      threeWrap.style.display = \"none\";\n\n      if (selectedType === \"single\") {\n        const randomIndex = Math.floor(Math.random() * RUNES.length);\n        currentSingleRune = RUNES[randomIndex];\n      }\n\n      else if (selectedType === \"norny\") {\n        const shuffled = [...RUNES].sort(() => 0.5 - Math.random());\n        currentThreeRunes = shuffled.slice(0, 3);\n      }\n\n      hero.style.display = \"none\";\n      transition.classList.add('active');\n    });\n  });\n\n\n  \/\/ ===== Klik na mezistupe\u0148 =====\n  transition.addEventListener('click', function() {\n\n    transition.classList.remove('active');\n    transition.style.display = \"none\";\n\n    if (selectedType === \"single\" && currentSingleRune) {\n\n      resultSymbol.innerHTML = `\n  <div class=\"rune-stone\">\n    <svg class=\"rune-svg\" viewBox=\"0 0 60 100\">\n      <path d=\"${currentSingleRune.svg}\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n        stroke-linecap=\"butt\"\n        stroke-linejoin=\"miter\"\n        fill=\"none\"\/>\n    <\/svg>\n  <\/div>\n`;\n\n\n      singleTitle.textContent = currentSingleRune.title;\n      singleText.textContent = currentSingleRune.meaning;\n    }\n\n    else if (selectedType === \"norny\" && currentThreeRunes) {\n\n      threeWrap.style.display = \"block\";\n\n      const phases = [\"Minulost\", \"P\u0159\u00edtomnost\", \"Sm\u011br\"];\n      const blocks = document.querySelectorAll(\".runa-block\");\n\n      currentThreeRunes.forEach((rune, index) => {\n\n        blocks[index].querySelector(\".runa-phase\").textContent = phases[index];\n\n        blocks[index].querySelector(\".runa-stone-wrap\").innerHTML = `\n          <div class=\"rune-stone\">\n            <svg class=\"rune-svg\" viewBox=\"0 0 60 100\">\n              <path d=\"${rune.svg}\"\n              stroke=\"currentColor\"\n              stroke-width=\"4\"\n              stroke-linecap=\"butt\"\n              stroke-linejoin=\"miter\"\n              fill=\"none\"\/>\n            <\/svg>\n          <\/div>\n        `;\n\n        blocks[index].querySelector(\".runa-name\").textContent = rune.title;\n        blocks[index].querySelector(\".runa-text\").textContent = rune.meaning;\n      });\n    }\n\n    result.classList.add('active');\n  });\n\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Runov\u00e1 v\u011b\u0161tba Zastav se. Ot\u00e1zka u\u017e v tob\u011b je. \u16b1 Jedna runa Kr\u00e1tk\u00e1 odpov\u011b\u010f na aktu\u00e1ln\u00ed situaci. \u16a8 T\u0159i Norny<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"class_list":["post-265","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Runy - Magick.cz<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magick.cz\/?page_id=265\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Runy - Magick.cz\" \/>\n<meta property=\"og:description\" content=\"Runov\u00e1 v\u011b\u0161tba Zastav se. Ot\u00e1zka u\u017e v tob\u011b je. \u16b1 Jedna runa Kr\u00e1tk\u00e1 odpov\u011b\u010f na aktu\u00e1ln\u00ed situaci. \u16a8 T\u0159i Norny\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magick.cz\/?page_id=265\" \/>\n<meta property=\"og:site_name\" content=\"Magick.cz\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-14T17:03:25+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/magick.cz\\\/?page_id=265\",\"url\":\"https:\\\/\\\/magick.cz\\\/?page_id=265\",\"name\":\"Runy - Magick.cz\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magick.cz\\\/#website\"},\"datePublished\":\"2026-02-11T13:42:18+00:00\",\"dateModified\":\"2026-02-14T17:03:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/magick.cz\\\/?page_id=265#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/magick.cz\\\/?page_id=265\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/magick.cz\\\/?page_id=265#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Dom\u016f\",\"item\":\"https:\\\/\\\/magick.cz\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Runy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/magick.cz\\\/#website\",\"url\":\"https:\\\/\\\/magick.cz\\\/\",\"name\":\"Magick.cz\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/magick.cz\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Runy - Magick.cz","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/magick.cz\/?page_id=265","og_locale":"cs_CZ","og_type":"article","og_title":"Runy - Magick.cz","og_description":"Runov\u00e1 v\u011b\u0161tba Zastav se. Ot\u00e1zka u\u017e v tob\u011b je. \u16b1 Jedna runa Kr\u00e1tk\u00e1 odpov\u011b\u010f na aktu\u00e1ln\u00ed situaci. \u16a8 T\u0159i Norny","og_url":"https:\/\/magick.cz\/?page_id=265","og_site_name":"Magick.cz","article_modified_time":"2026-02-14T17:03:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Odhadovan\u00e1 doba \u010dten\u00ed":"1 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/magick.cz\/?page_id=265","url":"https:\/\/magick.cz\/?page_id=265","name":"Runy - Magick.cz","isPartOf":{"@id":"https:\/\/magick.cz\/#website"},"datePublished":"2026-02-11T13:42:18+00:00","dateModified":"2026-02-14T17:03:25+00:00","breadcrumb":{"@id":"https:\/\/magick.cz\/?page_id=265#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magick.cz\/?page_id=265"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/magick.cz\/?page_id=265#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Dom\u016f","item":"https:\/\/magick.cz\/"},{"@type":"ListItem","position":2,"name":"Runy"}]},{"@type":"WebSite","@id":"https:\/\/magick.cz\/#website","url":"https:\/\/magick.cz\/","name":"Magick.cz","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magick.cz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"}]}},"_links":{"self":[{"href":"https:\/\/magick.cz\/index.php?rest_route=\/wp\/v2\/pages\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magick.cz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magick.cz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magick.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magick.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=265"}],"version-history":[{"count":45,"href":"https:\/\/magick.cz\/index.php?rest_route=\/wp\/v2\/pages\/265\/revisions"}],"predecessor-version":[{"id":459,"href":"https:\/\/magick.cz\/index.php?rest_route=\/wp\/v2\/pages\/265\/revisions\/459"}],"wp:attachment":[{"href":"https:\/\/magick.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}