{"id":846,"date":"2020-05-10T17:22:14","date_gmt":"2020-05-10T15:22:14","guid":{"rendered":"https:\/\/cs.abusizz.ch\/?page_id=846"},"modified":"2023-07-13T19:01:32","modified_gmt":"2023-07-13T18:01:32","slug":"memory","status":"publish","type":"page","link":"https:\/\/base.abusizz.ch\/it\/memory\/","title":{"rendered":"Memory"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"846\" class=\"elementor elementor-846\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b8e38de elementor-section-height-full elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"b8e38de\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-095fa34\" data-id=\"095fa34\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56c32f2 elementor-widget elementor-widget-abusizz-html\" data-id=\"56c32f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"abusizz-html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"abusizz-code-wrapper\">\n\t\t\t<div class=\"abusizz-code-content\">\n\t\t\t\t<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sweetalert2\/theme-dark@4\/dark.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11.7.16\/dist\/sweetalert2.all.min.js\"><\/script>\n<div id=\"game-wrapper\">\n<div id=\"score-panel\">\n\t<ul class=\"stars\">\n\t\t<li><i class=\"fa fa-star\"><\/i><\/li>\n\t\t<li><i class=\"fa fa-star\"><\/i><\/li>\n\t\t<li><i class=\"fa fa-star\"><\/i><\/li>\n\t<\/ul>\n\t<span class=\"moves\">0<\/span> Versuche\n\t<div class=\"restart\">\n\t\t Neu starten&nbsp; \n\t\t <i class=\"fa fa-repeat\"><\/i>\n\t<\/div>\n<\/div>\n<ul class=\"deck\"><\/ul>\n<\/div>\t\t\t<\/div>\n\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t(function($) {\n    var symbols = ['bicycle', 'bicycle', 'leaf', 'leaf', 'cube', 'cube', 'anchor', 'anchor', 'futbol', 'futbol', 'bolt', 'bolt', 'bomb', 'bomb', 'star', 'star'],\n\t\topened = [],\n\t\tmatch = 0,\n\t\tmoves = 0,\n\t\t$deck = $('.deck'),\n\t\t$scorePanel = $('#score-panel'),\n\t\t$moveNum = $scorePanel.find('.moves'),\n\t\t$ratingStars = $scorePanel.find('i'),\n\t\t$restart = $scorePanel.find('.restart'),\n\t\tdelay = 800,\n\t\tgameCardsQTY = symbols.length \/ 2,\n\t\trank3stars = gameCardsQTY + 2,\n\t\trank2stars = gameCardsQTY + 6,\n\t\trank1stars = gameCardsQTY + 10;\n\t\t\n\/\/ Shuffle function From http:\/\/stackoverflow.com\/a\/2450976\nfunction shuffle(array) {\n  var currentIndex = array.length, temporaryValue, randomIndex;\n\t\n  while (0 !== currentIndex) {\n    randomIndex = Math.floor(Math.random() * currentIndex);\n    currentIndex -= 1;\n    temporaryValue = array[currentIndex];\n    array[currentIndex] = array[randomIndex];\n    array[randomIndex] = temporaryValue;\n  }\n\n  return array;\n}\n\n\/\/ Initial Game\nfunction initGame() {\n\tvar cards = shuffle(symbols);\n  $deck.empty();\n  match = 0;\n  moves = 0;\n  $moveNum.html(moves);\n  $ratingStars.removeClass('fa-star-o').addClass('fa-star');\n\tfor (var i = 0; i < cards.length; i++) {\n\t\t$deck.append($('<li class=\"card\"><i class=\"fa fa-' + cards[i] + '\"><\/i><\/li>'))\n\t}\n};\n\n\/\/ Set Rating and final Score\nfunction setRating(moves) {\n\tvar rating = 3;\n\tif (moves > rank3stars && moves < rank2stars) {\n\t\t$ratingStars.eq(2).removeClass('fa-star').addClass('fa-star-o');\n\t\trating = 2;\n\t} else if (moves > rank2stars && moves < rank1stars) {\n\t\t$ratingStars.eq(1).removeClass('fa-star').addClass('fa-star-o');\n\t\trating = 1;\n\t} else if (moves > rank1stars) {\n\t\t$ratingStars.eq(0).removeClass('fa-star').addClass('fa-star-o');\n\t\trating = 0;\n\t}\t\n\treturn { score: rating };\n};\n\n\/\/ End Game\nfunction endGame(moves, score) {\n\tSwal.fire({\n\t    width:556,\n\t    imageUrl: '\/wp-content\/uploads\/2023\/07\/memory.svg',\n        imageWidth: 64,\n        imageHeight: 64,\n        confirmButtonText:'Gioca di nuovo',\n\t\tallowOutsideClick: false,\n\t\ttitle: 'Congratulazioni, hai vinto con ' + moves + ' tentativi.',\n\t\ttext: '',\n\t\ticon: '',\n\t\tbackground: '#000',\n        backdrop:'rgba(0,0,0,1)',\n\t}).then(function(isConfirm) {\n\t\tif (isConfirm) {\n\t\t\tinitGame();\n\t\t}\n\t})\n}\n\n\/\/ Restart Game\n$restart.on('click', function() {\n  Swal.fire({\n  \twidth:556,\n    imageUrl: '\/wp-content\/uploads\/2023\/07\/memory.svg',\n    imageWidth: 64,\n    imageHeight: 64,\n    showCancelButton: true,\n    confirmButtonColor: '#fff',\n    cancelButtonColor: '#000',\n    confirmButtonText: 'Si',\n    cancelButtonText: 'No',  \n    allowOutsideClick: false,\n    title: 'Cominciare da capo, sicuro?',\n    text: \"\",\n    icon: '',\n    background: '#000',\n    backdrop:'rgba(0,0,0,1)',\n  }).then((result) => {\n    if (result.isConfirmed) {\n      initGame();\n    }\n  })\n});\n\n\/\/ Card flip\n$deck.on('click', '.card:not(\".match, .open\")', function() {\n\tif($('.show').length > 1) { return true; }\n\t\n\tvar $this = $(this),\n\t\t\tcard = $this.html();\n  $this.addClass('open show');\n\topened.push(card);\n\n\t\/\/ Compare with opened card\n  if (opened.length > 1) {\n    if (card === opened[0]) {\n      $deck.find('.open').addClass('match animated infinite rubberBand');\n      setTimeout(function() {\n        $deck.find('.match').removeClass('open show animated infinite rubberBand');\n      }, delay);\n      match++;\n    } else {\n      $deck.find('.open').addClass('notmatch animated infinite wobble');\n\t\t\tsetTimeout(function() {\n\t\t\t\t$deck.find('.open').removeClass('animated infinite wobble');\n\t\t\t}, delay \/ 1.5);\n      setTimeout(function() {\n        $deck.find('.open').removeClass('open show notmatch animated infinite wobble');\n      }, delay);\n    }\n    opened = [];\n\t\tmoves++;\n\t\tsetRating(moves);\n\t\t$moveNum.html(moves);\n  }\n\t\n\t\/\/ End Game if match all cards\n\tif (gameCardsQTY === match) {\n\t\tsetRating(moves);\n\t\tvar score = setRating(moves).score;\n\t\tsetTimeout(function() {\n\t\t\tendGame(moves, score);\n\t\t}, 500);\n  }\n});\n\ninitGame();\n})(jQuery);\t\t\t<\/script>\n\t\t\t<style>\n\t\t\t\t#game-wrapper {\n  display: -webkit-box;\n  display: flex;\n  -webkit-box-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n          align-items: center;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n          flex-direction: column;\n  background: #000000;\n  overflow: hidden;\n  font-size: 26px;\n}\n\n.deck {\n  width: 960px;\n  margin: 0 auto;\n  background: #000000;\n  padding: 32px;\n  border-radius: 0px;\n}\n\n.deck .card {\n  height: 200px;\n  width: 200px;\n  background: #ffffff;\n  display: inline-block;\n  margin: 0 30px 30px 0;\n  line-height: 280px;\n  font-size: 0;\n  color: #ffffff;\n  text-align: center;\n  border-radius: 0px;\n  vertical-align: top;\n  cursor: pointer;\n  -webkit-transform: rotateY(180deg);\n          transform: rotateY(180deg);\n  -webkit-transform-style: preserve-3d;\n          transform-style: preserve-3d;\n  -webkit-transition: -webkit-transform .3s ease;\n  transition: -webkit-transform .3s ease;\n  transition: transform .3s ease;\n  transition: transform .3s ease, -webkit-transform .3s ease;\n  font-family: FontAwesome;\n  line-height: 200px;\n}\n.deck .card:nth-child(4n) {\n  margin: 0 0 30px 0;\n}\n.deck .card:nth-child(n+13) {\n  margin: 0 30px 0 0;\n}\n.deck .card:nth-child(n+13):nth-child(4n) {\n  margin: 0;\n}\n.deck .card.open {\n  -webkit-transform: rotateY(0);\n          transform: rotateY(0);\n  background: #FFFFFF;\n  color:#000000;\n  cursor: default;\n}\n.deck .card.show {\n  font-size: 90px;\n}\n.deck .card.match {\n  -webkit-transform: rotateY(0);\n          transform: rotateY(0);\n  cursor: default;\n  color:#000000;\n  background: #FFFFFF;\n  font-size: 90px;\n}\n.deck .card.notmatch {\n  color:#000000;\n  background: #FFFFFF;\n}\n\n#score-panel {\n  text-align: left;\n  width: 896px;\n  margin-bottom: 20px;\n}\n#score-panel .stars {\n  margin: 0;\n  padding: 0;\n  display: none;\n  margin: 0 5px 0 0;\n}\n#score-panel .stars li {\n  list-style: none;\n  display: inline-block;\n}\n#score-panel .restart {\n  float: right;\n  cursor: pointer;\n}\n\n*::-moz-selection {\n  background: transparent;\n}\n\n*::selection {\n  background: transparent;\n}\n\n\nh2.swal2-title {\n    color: #FFF;\n    text-align: center;\n    font-size: 50px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 58px; \/* 116% *\/\n    margin: 20px 0 50px 0;\n}\n\n.swal2-styled.swal2-confirm,\n.swal2-styled.swal2-confirm:hover {  \n    color: #000!important;\n    font-size: 30px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: normal;\n    margin: 0 40px;\n    border-radius: 30px;\n    background: #FFF!important;\n    background-image:none!important;\n}\n\n.swal2-styled.swal2-cancel,\n.swal2-styled.swal2-cancel:hover {\n    color: #fff;\n    font-size: 30px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: normal;\n    margin: 0 40px;\n    border-radius: 30px;\n    background: #000;\n    background-image:none!important;\n    border-style: solid;\n    border-width: 1px 1px 1px 1px;\n    border-color: #fff;\n}\n\n.swal2-show {\n    -webkit-animation: none!important;\n    animation: none!important;\n}\n\t\t\t<\/style>\n\t\t<\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>0 tentativi di riavvio&nbsp;<\/p>","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-846","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/base.abusizz.ch\/it\/wp-json\/wp\/v2\/pages\/846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/base.abusizz.ch\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/base.abusizz.ch\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/base.abusizz.ch\/it\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/base.abusizz.ch\/it\/wp-json\/wp\/v2\/comments?post=846"}],"version-history":[{"count":10,"href":"https:\/\/base.abusizz.ch\/it\/wp-json\/wp\/v2\/pages\/846\/revisions"}],"predecessor-version":[{"id":18522,"href":"https:\/\/base.abusizz.ch\/it\/wp-json\/wp\/v2\/pages\/846\/revisions\/18522"}],"wp:attachment":[{"href":"https:\/\/base.abusizz.ch\/it\/wp-json\/wp\/v2\/media?parent=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}