{"id":936,"date":"2026-02-02T16:24:18","date_gmt":"2026-02-02T16:24:18","guid":{"rendered":"https:\/\/beta.piyochaigold.com\/?page_id=936"},"modified":"2026-02-21T10:40:54","modified_gmt":"2026-02-21T10:40:54","slug":"memory-game","status":"publish","type":"page","link":"https:\/\/beta.piyochaigold.com\/index.php\/memory-game\/","title":{"rendered":"memory-game"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ===== WRAPPER ===== *\/\n#chai-memory-wrapper {\n  max-width: 1000px;\n  margin: 40px auto;\n  text-align: center;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* ===== GRID ===== *\/\n#memory-grid {\n  display: grid;\n  gap: 18px;\n}\n\n\/* ===== MOBILE (4 COLUMNS) ===== *\/\n@media (max-width: 767px) {\n  #memory-grid {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n\/* ===== DESKTOP (3 ROWS \u2192 8 COLUMNS) ===== *\/\n@media (min-width: 768px) {\n  #memory-grid {\n    grid-template-columns: repeat(8, 1fr);\n  }\n}\n\n\/* ===== CARD ===== *\/\n.memory-card {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  perspective: 1000px;\n  cursor: pointer;\n}\n\n\/* Flip container *\/\n.card-inner {\n  position: absolute;\n  inset: 0;\n  transition: transform 0.6s ease;\n  transform-style: preserve-3d;\n}\n\n.memory-card.flipped .card-inner {\n  transform: rotateY(180deg);\n}\n\n\/* ===== CARD FACES ===== *\/\n.card-face {\n  position: absolute;\n  inset: 0;\n  backface-visibility: hidden;\n  border-radius: 16px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #f6f3ef;\n  border: 1px solid rgba(85, 51, 12, 0.25);\n  box-shadow: 0 6px 18px rgba(85, 51, 12, 0.12);\n  transition: box-shadow 0.25s ease, transform 0.25s ease;\n}\n\n\/* ===== CARD BACK ===== *\/\n.card-back {\n  background-image: url(\"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/Dont-kettle-for-second-Best.-1.jpg\");\n  background-size: cover;\n  background-color: #55330c;\n}\n\n\/* ===== CARD FRONT ===== *\/\n.card-front {\n  transform: rotateY(180deg);\n  background-color: #f6f3ef;\n}\n\n\/* Hover lift *\/\n.memory-card:not(.flipped):hover .card-face {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 24px rgba(85, 51, 12, 0.18);\n}\n\n\/* ===== CONTROLS ===== *\/\n.controls {\n  margin-top: 26px;\n}\n\n.controls button {\n  padding: 10px 30px;\n  border-radius: 12px;\n  border: 1px solid #55330c;\n  background: transparent;\n  color: #55330c;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n.controls button:hover {\n  background: #55330c;\n  color: #f6f3ef;\n}\n<\/style>\n\n<div id=\"chai-memory-wrapper\">\n  <div id=\"memory-grid\"><\/div>\n\n  <div class=\"controls\">\n    <button onclick=\"startMemory()\">Restart Game<\/button>\n  <\/div>\n<\/div>\n\n<script>\nconst cardImages = [\n  \/* PRODUCTS *\/\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-Masala_3D.png\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-Masala_3D.png\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-plain_3D.png\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-plain_3D.png\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-Elaichi_3D-1.png\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-Elaichi_3D-1.png\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-Classic_3D-1.png\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-Classic_3D-1.png\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-Ginger_3D-1.png\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2025\/12\/Domestic-sweetened-Ginger_3D-1.png\",\n\n  \/* JOKES *\/\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/Life-if-full-of-Possibili-TEA.jpg\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/Life-if-full-of-Possibili-TEA.jpg\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/Dont-kettle-for-second-Best.-.jpg\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/Dont-kettle-for-second-Best.-.jpg\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/where-there-is-tea-there-is-hope.jpg\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/where-there-is-tea-there-is-hope.jpg\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/What-a-cu-Tea.jpg\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/What-a-cu-Tea.jpg\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/She-is-a-chat-tea-person.jpg\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/She-is-a-chat-tea-person.jpg\",\n\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/Life-if-full-of-Possibili-TEA-1.jpg\",\n  \"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/Life-if-full-of-Possibili-TEA-1.jpg\", \n  \n \/* NEW PAIR *\/\n\"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/where-there-is-tea-there-is-hope.jpg\",\n  \n\"https:\/\/beta.piyochaigold.com\/wp-content\/uploads\/2026\/02\/where-there-is-tea-there-is-hope.jpg\"\n\n\n];\n\nlet firstCard = null;\nlet lockBoard = false;\n\nfunction shuffle(arr) {\n  return arr.sort(() => Math.random() - 0.5);\n}\n\nfunction startMemory() {\n  const grid = document.getElementById(\"memory-grid\");\n  grid.innerHTML = \"\";\n  firstCard = null;\n  lockBoard = false;\n\n  shuffle(cardImages);\n\n  cardImages.forEach(img => {\n    const card = document.createElement(\"div\");\n    card.className = \"memory-card\";\n    card.dataset.image = img;\n\n    card.innerHTML = `\n      <div class=\"card-inner\">\n        <div class=\"card-face card-back\"><\/div>\n        <div class=\"card-face card-front\" style=\"background-image:url('${img}')\"><\/div>\n      <\/div>\n    `;\n\n    card.onclick = () => flipCard(card);\n    grid.appendChild(card);\n  });\n}\n\nfunction flipCard(card) {\n  if (lockBoard || card.classList.contains(\"flipped\")) return;\n\n  card.classList.add(\"flipped\");\n\n  if (!firstCard) {\n    firstCard = card;\n    return;\n  }\n\n  if (firstCard.dataset.image === card.dataset.image) {\n    firstCard.onclick = null;\n    card.onclick = null;\n    firstCard = null;\n  } else {\n    lockBoard = true;\n    setTimeout(() => {\n      firstCard.classList.remove(\"flipped\");\n      card.classList.remove(\"flipped\");\n      firstCard = null;\n      lockBoard = false;\n    }, 900);\n  }\n}\n\nstartMemory();\n<\/script>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-936","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/beta.piyochaigold.com\/index.php\/wp-json\/wp\/v2\/pages\/936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beta.piyochaigold.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beta.piyochaigold.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beta.piyochaigold.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beta.piyochaigold.com\/index.php\/wp-json\/wp\/v2\/comments?post=936"}],"version-history":[{"count":13,"href":"https:\/\/beta.piyochaigold.com\/index.php\/wp-json\/wp\/v2\/pages\/936\/revisions"}],"predecessor-version":[{"id":1612,"href":"https:\/\/beta.piyochaigold.com\/index.php\/wp-json\/wp\/v2\/pages\/936\/revisions\/1612"}],"wp:attachment":[{"href":"https:\/\/beta.piyochaigold.com\/index.php\/wp-json\/wp\/v2\/media?parent=936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}