{"id":31,"date":"2026-04-13T13:23:13","date_gmt":"2026-04-13T13:23:13","guid":{"rendered":"https:\/\/unlocked.doscomunicazione.com\/?p=31"},"modified":"2026-04-13T13:41:20","modified_gmt":"2026-04-13T13:41:20","slug":"elementor-31","status":"publish","type":"post","link":"https:\/\/unlocked.doscomunicazione.com\/index.php\/2026\/04\/13\/elementor-31\/","title":{"rendered":"RUOTA DELLA FORTUNA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"31\" class=\"elementor elementor-31\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a2849 e-flex e-con-boxed e-con e-parent\" data-id=\"d2a2849\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cef30d elementor-widget elementor-widget-html\" data-id=\"6cef30d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ruota-fortuna-wrap\" style=\"background:#d60f25;padding:40px 20px;border-radius:28px;text-align:center;font-family:Arial,Helvetica,sans-serif;color:#fff;max-width:1100px;margin:0 auto;\">\n  <div style=\"max-width:520px;margin:0 auto;\">\n\n    <img decoding=\"async\" src=\"https:\/\/unlocked.doscomunicazione.com\/wp-content\/uploads\/2026\/04\/logo-scaled.png\" alt=\"Logo\" style=\"display:block;width:220px;max-width:100%;height:auto;margin:0 auto 24px;\">\n\n    <div id=\"rfWheelWrap\" style=\"position:relative;width:340px;height:340px;margin:0 auto;\">\n      <div style=\"position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #ffffff;z-index:30;\"><\/div>\n\n      <div id=\"rfWheel\" style=\"position:relative;width:340px;height:340px;border-radius:50%;border:8px solid #ffffff;overflow:hidden;margin:0 auto;background:conic-gradient(#00f5ff 0deg 60deg,#8a2eff 60deg 120deg,#39ff14 120deg 180deg,#ff7a00 180deg 240deg,#ff00d4 240deg 300deg,#ffe600 300deg 360deg);transition:transform 5.2s cubic-bezier(.17,.67,.14,1);box-shadow:0 0 0 4px rgba(255,255,255,0.12),0 12px 30px rgba(0,0,0,0.22),0 0 25px rgba(255,255,255,0.12);\">\n\n        <!-- Icone gaming generiche -->\n        <div class=\"rf-icon rf-i1\" style=\"position:absolute;top:50%;left:50%;width:140px;transform-origin:0 0;transform:rotate(-60deg) translateY(-8px);text-align:right;padding-right:18px;font-size:34px;line-height:1;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.35);\">\n          <span style=\"display:inline-block;\">\ud83d\udc7e<\/span>\n        <\/div>\n\n        <div class=\"rf-icon rf-i2\" style=\"position:absolute;top:50%;left:50%;width:140px;transform-origin:0 0;transform:rotate(0deg) translateY(-8px);text-align:right;padding-right:18px;font-size:34px;line-height:1;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.35);\">\n          <span style=\"display:inline-block;\">\ud83d\udd79\ufe0f<\/span>\n        <\/div>\n\n        <div class=\"rf-icon rf-i3\" style=\"position:absolute;top:50%;left:50%;width:140px;transform-origin:0 0;transform:rotate(60deg) translateY(-8px);text-align:right;padding-right:18px;font-size:34px;line-height:1;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.35);\">\n          <span style=\"display:inline-block;\">\u26a1<\/span>\n        <\/div>\n\n        <div class=\"rf-icon rf-i4\" style=\"position:absolute;top:50%;left:50%;width:140px;transform-origin:0 0;transform:rotate(120deg) translateY(-8px);text-align:right;padding-right:18px;font-size:34px;line-height:1;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.35);\">\n          <span style=\"display:inline-block;\">\ud83d\udc8e<\/span>\n        <\/div>\n\n        <div class=\"rf-icon rf-i5\" style=\"position:absolute;top:50%;left:50%;width:140px;transform-origin:0 0;transform:rotate(180deg) translateY(-8px);text-align:right;padding-right:18px;font-size:34px;line-height:1;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.35);\">\n          <span style=\"display:inline-block;\">\ud83d\ude80<\/span>\n        <\/div>\n\n        <div class=\"rf-icon rf-i6\" style=\"position:absolute;top:50%;left:50%;width:140px;transform-origin:0 0;transform:rotate(240deg) translateY(-8px);text-align:right;padding-right:18px;font-size:34px;line-height:1;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.35);\">\n          <span style=\"display:inline-block;\">\u2b50<\/span>\n        <\/div>\n\n        <!-- Centro ruota -->\n        <div style=\"position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:#ffffff;border:6px solid #d60f25;z-index:20;box-shadow:0 4px 10px rgba(0,0,0,0.15);\"><\/div>\n      <\/div>\n    <\/div>\n\n    <button id=\"rfSpinBtn\" type=\"button\" style=\"margin-top:28px;border:0;background:#ffffff;color:#d60f25;font-size:18px;font-weight:800;padding:14px 28px;border-radius:999px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,0.16);transition:all .2s ease;\">\n      GIRA ORA\n    <\/button>\n\n    <div id=\"rfResult\" style=\"display:none;margin-top:24px;\">\n      <h2 id=\"rfResultTitle\" style=\"margin:0 0 12px;font-size:28px;font-weight:800;color:#fff;\"><\/h2>\n      <div id=\"rfCouponBox\" style=\"display:inline-block;background:#ffffff;color:#d60f25;padding:12px 18px;border-radius:12px;font-weight:800;letter-spacing:1px;font-size:15px;\"><\/div>\n      <div style=\"margin-top:12px;font-size:14px;color:#fff;\">Mostra il codice in cassa per riscattare il premio.<\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function () {\n      var wheel = document.getElementById(\"rfWheel\");\n      var wheelWrap = document.getElementById(\"rfWheelWrap\");\n      var spinBtn = document.getElementById(\"rfSpinBtn\");\n      var result = document.getElementById(\"rfResult\");\n      var resultTitle = document.getElementById(\"rfResultTitle\");\n      var couponBox = document.getElementById(\"rfCouponBox\");\n\n      if (!wheel || !spinBtn || !result || !resultTitle || !couponBox || !wheelWrap) return;\n\n      var prizes = [\n        { label: \"15% di sconto\", weight: 20 },\n        { label: \"10% di sconto\", weight: 50 },\n        { label: \"Dessert omaggio\", weight: 5 },\n        { label: \"Ingresso omaggio\", weight: 10 },\n        { label: \"Un'ora gratis in sala console\", weight: 10 },\n        { label: \"Starter omaggio\", weight: 5 }\n      ];\n\n      var currentRotation = 0;\n      var isSpinning = false;\n      var sliceDeg = 360 \/ prizes.length;\n\n      function weightedRandomIndex(items) {\n        var total = 0;\n        for (var i = 0; i < items.length; i++) total += items[i].weight;\n\n        var rnd = Math.random() * total;\n\n        for (var j = 0; j < items.length; j++) {\n          rnd -= items[j].weight;\n          if (rnd <= 0) return j;\n        }\n\n        return items.length - 1;\n      }\n\n      function generateCoupon() {\n        return \"PR-\" + Math.random().toString(36).substring(2, 8).toUpperCase();\n      }\n\n      function spinToIndex(index) {\n        var centerAngle = (index * sliceDeg) + (sliceDeg \/ 2);\n        var finalAngle = 360 - centerAngle + 60;\n        var randomOffset = (Math.random() * 18) - 9;\n        var extraTurns = 360 * 5;\n\n        currentRotation += extraTurns + finalAngle + randomOffset;\n        wheel.style.transform = \"rotate(\" + currentRotation + \"deg)\";\n      }\n\n      spinBtn.onclick = function () {\n        if (isSpinning) return;\n\n        isSpinning = true;\n        spinBtn.disabled = true;\n        result.style.display = \"none\";\n\n        var winningIndex = weightedRandomIndex(prizes);\n        var selectedPrize = prizes[winningIndex];\n\n        spinToIndex(winningIndex);\n\n        setTimeout(function () {\n          resultTitle.textContent = \"Hai vinto: \" + selectedPrize.label;\n          couponBox.textContent = generateCoupon();\n          result.style.display = \"block\";\n          isSpinning = true ? \"block\" : \"block\";\n          isSpinning = false;\n          spinBtn.disabled = false;\n        }, 5200);\n      };\n\n      function handleMobile() {\n        var small = window.innerWidth <= 480;\n        var icons = wheel.querySelectorAll(\".rf-icon\");\n\n        if (small) {\n          wheel.style.width = \"290px\";\n          wheel.style.height = \"290px\";\n          wheelWrap.style.width = \"290px\";\n          wheelWrap.style.height = \"290px\";\n\n          for (var i = 0; i < icons.length; i++) {\n            icons[i].style.width = \"118px\";\n            icons[i].style.fontSize = \"28px\";\n            icons[i].style.paddingRight = \"14px\";\n          }\n        } else {\n          wheel.style.width = \"340px\";\n          wheel.style.height = \"340px\";\n          wheelWrap.style.width = \"340px\";\n          wheelWrap.style.height = \"340px\";\n\n          for (var j = 0; j < icons.length; j++) {\n            icons[j].style.width = \"140px\";\n            icons[j].style.fontSize = \"34px\";\n            icons[j].style.paddingRight = \"18px\";\n          }\n        }\n      }\n\n      handleMobile();\n      window.addEventListener(\"resize\", handleMobile);\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc7e \ud83d\udd79\ufe0f \u26a1 \ud83d\udc8e \ud83d\ude80 \u2b50 GIRA ORA Mostra il codice in cassa per riscattare il premio.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-31","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/posts\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":14,"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/posts\/31\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unlocked.doscomunicazione.com\/index.php\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}